/* GLOBAL TAGS */

body
{
	color : black;
	background-color : #fff;
	/*background-image : url(../images/sukeltaja.gif);
	background-attachment : fixed;
	background-position : top right;
	background-repeat : no-repeat;*/
	font-family:Verdana, sans-serif;
}

BODY, TD {
	color: #333333;
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 13px;	
}


/* LINKS */

A {
	color: #336699;
	text-decoration: none;
}

A:hover {
	color: #CC3333;
	text-decoration: underline;
}

A.on {
	color: #CC3333;
	text-decoration: none;
	font-weight: bold;
}

A img {
	border-color: #336699;
}

A:hover img {
	border-color: #CC3333;
}

h1, h2, h3, h4, h5, h6
{
	margin:0px;
	padding:0px;
}

/*
 * Ettei teksti leviä oikealle liikaa
 */
.contentText p
{
	max-width:45em;
}


.menu
{
	text-align : left;
	background-color: #DAE3F1;
	/*background-image : url(../images/bluefilter.gif);*/
	border-left : thin solid;
	border-right : thin solid;
	border-bottom : thin solid;
	border-top : thin solid;
	font-weight : bold;
	left:0.5em;
	margin-left : auto;
	margin-right: auto;
	padding: 5px;
}

ul.menu
{
/*	display: inline;*/
	padding: 5px;
	list-style:none;
	margin:0px;
}

ul.menu li
{
	display:inline;
}


.valikko 
{
	text-align : left;
	background-color: #fff; /* #DAE3F1;*/
	background-image : url(../images/bluefilter.gif);
	border-left : thin solid;
	border-right : thin solid;
	border-bottom : thin solid;
	border-top : thin solid;
	font-weight : bold;
	left:0em;
	margin-left : 0px;
	margin-right: 0px;
	padding: 5px;
	display: compact;
}

.menu a
{
	color : rgb(0,0,0);
	background-color : inherit;
}

.menu a:hover
{
	color : rgb(255,64,64);
	background-color : rgb(240,240,250);
}


.menu strong
{
	font-size : large;
}

.other
{
	text-align : center;
	background-image : url(../images/redfilter.gif);
	border : thin solid rgb(0,0,0);
	background-color : inherit;
	color : rgb(0,0,0);
	font-weight : bold;
}

div.contentText
{
	color : rgb(0,0,0);
	background-color : rgb(255,255,255);
	border : 0px; /*thin solid;*/
	margin-top:62px;
}

.footer
{
	background-image : url(../images/redfilter.gif);
}

.footer a:link
{
	color: rgb(0,0,0);
	background-color:transparent;
}

div.uutinen
{
	color:#000;
  /*background:#acf;*/
	border:1px outset #000;
	/*none hidden dotted dashed solid double groove ridge inset outset*/
	padding:5px;
	margin:5px;
	margin-bottom:20px;
}

div.uutinen2
{
	color:#000;
  /*background:#acf;*/
	border:1px outset #000;
	/*none hidden dotted dashed solid double groove ridge inset outset*/
	padding:5px;
	margin:5px;
}

div.uutisotsikko {
	padding:5px;
	margin:10px;
/*	border-right:1px solid #999;*/
	border-bottom:1px solid #999;
	/*
	background-image : url(/images/paragraf_back.jpg);
	background-position: -48px -87px;
	background-repeat: no-repeat;*/
}

p.uutissisalto {
	padding:5px;
	margin:10px;
/*	border-left:1px solid #000;
	border-top:1px solid #000;
  margin-bottom: 10px;
	padding-bottom: 10px;*/

}



/*  Horizontal nav */

#menu {
	margin: 0;
	padding: 0;
	}

#menu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
	}

#menu ul li {
	display: inline;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#menu ul li a {
	background: #fff;
  min-width: 80px;
	/*width: 90px; /*napin leveys */

	height: 1em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #036;
	text-decoration: none;
	display: inline;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 1em;
	font-size:    x-small;      

  margin: 2px -1px 10px 0;
	padding: 3px 10px 4px 10px;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc; 


	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:    small;
	
}

html>#menu ul li a  {
	font-size: x-small;   
	} 

#menu ul li#viim a	{
	min-width: 70px;
	border-right: 1px solid #ccc;
	}

#resources a:link, #resources a:visited {
	border-right: 1px solid #ccc;
	}

#menu ul li a:hover {
	color: #000;
	background: #ccc;
	}

#menu a:active	{
	background: #c60;
	color: #fff;
	}

body#sectionone #menu li#one a, 
body#sectiontwo #menu li#two a,
body#sectionthree #menu li#three a,
body#sectionfour #menu li#four a,
body#sectionfive #menu li#five a {
	background: #c30;
	border: 1px solid #c30;
	color: #fff;
	font-weight: bold;
	}


/* -------------------------------------*/


#menu
{
white-space: nowrap;
margin: 0;
color: #036;
padding: 4px 0 4px 0;
}
* html #menu/* Hide from IE5/Mac (& IE5.0/Win) */
{
height: 1%; /* holly hack to fix a render bug in IE6/Win */
}
* html #menu
{
height: auto; /* above IE6/Win holly hack breaks IE5/Win when page length
get beyond the point that 1% height is taller than the text
height. IE5/Win does not need this holly hack so we remove
it here */
padding: 0; /* IE5/Win will resize #hnav to fit the heights of its
inline children that have vertical padding. So this
incorrect case selector will remove that padding */
}
#menu ul
{
text-align: center;
list-style-type: none;
line-height: normal;
margin: 0;
padding: 0;
}
#menu ul li
{
display: inline;
white-space: nowrap;
margin: 0 0 5px 0;
}
#menu ul li a
{
text-decoration: none;
color: #036;
background-color: #eee;
background-image : url(../images/bluefilter.gif);
margin: 0 -4px 0 0;
padding: 3px 10px 4px 10px;
border-left: solid 1px #999;
border-right: solid 1px #999;
}
* html #MENU ul li a
{
width: 1%; /* holly hack for IE5/Win inline padding by default this
hack fixes different rendering bugs in 5.0 and 5.5.
Width is used instead of height because if the document
is too long, these elements become very tall and disrupt
the look of the document. too wide an element is better,
visually, than too tall a document. */
}
#menu ul li a:hover
{
text-decoration: underline;
}
#menu ul li a:hover
{
  text-decoration: underline;
	color : rgb(255,64,64);
	background-color : rgb(240,240,250);
}
#menu ul li a:active	{
	background: #999;
	color: #fff;
	}






	
/* SIDEBAR */

.sidebar {
	color: #666666;
	background-color: #F9F9F9;
	border-right: 1px solid #BCB8B6;
	margin: 0px;
	margin-top: 4em;
	padding: 0px 0px 25px 0px;
	width: 177px;
	height: 100%;
	font-size: 11px;
}

.sidebar-footer {
	color: #666666;
	background-color: #F9F9F9;
	border-right: 1px solid #BCB8B6;
	border-bottom: 1px solid #BCB8B6;
	margin: 0px;
	padding: 0px 0px 25px 0px;
	width: 177px;
	height: 100%;
	font-size: 11px;
}

.sidebar H3 {
	color: #003399;
	background-color: #E6E6E6;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size: 13px;
	font-weight: normal;
	
	margin: 0px;
	padding: 4px 4px 5px 11px;
	
	border: none;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

.sidebar p, .sidebar-footer p {
	margin: 7px 7px 7px 13px;
	padding: 0px;
}

.sidebar ul {
	list-style-type:  none;
	list-style-position: outside;
	list-style-image: url('/images/cms/button/bullet.gif');
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 27px;
	border: none;
}

.sidebar ul ul {
	list-style-type:  none;
	list-style-position: outside;
	list-style-image: url('/images/cms/button/bullet.gif');
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 10px 16px;
	border: none;
}

.sidebar ul li {
	margin: 0px;
	padding: 0px 0px 6px 0px;
}

.sidebar ul ul li {
	margin: 0px;
	padding: 0px 0px 2px 0px;
}

/*toisesta */

.header {
	background-color: #DAE3F1;
	background-image: url('../images/bluefade6.gif');
	height: 105px;
}

.title
{
	position:absolute;
	top:0px;
	left:0.5em;
	height:1em;
	margin-left : auto;
	margin-right: auto;
	padding: 5px;
	z-index : 0;
}

.title h1 {
	color: #000033;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-weight: normal;
	font-size: 26px;
	margin: 0px;
	padding: 100px 0px 0px 17px;
	text-decoration: none;
	z-index:3;
}
.head p{
  position:absolute;
	color: #000033;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-weight: normal;
	font-size: 3em;
	margin-left: 180px;
	padding: 0px 0px 0px 17px;
	text-decoration: none;
	z-index:4;
}

.sidebar
{
	position : absolute;
	top : 140px; /*148px*/
	left : 1%;
	width : 10em; 
	z-index : 1;
	padding : 0em;
}

.menu
{
	padding : 0.5em;
	margin-bottom : 0.5em;
}

.menu a
{
	display : inline;
}

.other
{
	padding :0.5em;
	margin-top : 0.5em;
}

.contentText
{
	margin-top : 2em;
	margin-left : 10.05em;
	padding : 1em;
	margin-right : 0em;
}	

.title {display : none}

h3
{
  font-size:1.3em;
}

.component table {
	text-align:center;
	width:100%;
}

.component img {
  border:0px;
}

img.left {
  float:left;
}
img.right {
  float:right;
}
img.left {
  float:center;
}

TABLE{
margin:5px;
border-style:none;
color:black;
background:white;
padding:3px;
border-collapse:collapse;
}
TD{
border:0px;
border-spacing:0px;
vertical-align:top;
text-align:left;
padding:3px;
}
TH{
border:0px;
border-spacing:0px;
vertical-align:top;
text-align:left;
background:white;
font-weight:bold;
color:#144682;
padding:3px;
}