/*Aluemäärittelyt*/

div#top {
	position:absolute;
	left:10%;
	right:10%;
	top:10px;
	height: 100px;
	width:80%;
	 
	background:url(kuvat/otsikkotausta3.png);
	background-repeat:repeat-x;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #ffd685;
	border-top: 1px solid #ffd685;
	border-right: 1px solid #ffd685;
	text-align:center;
}

div#top img{
position:relative;
left:75px;
}


div#navi {
	position:absolute;
	left:10%;
	right:10%;
	top:110px;
	height: 13px;
	width:80%; 
	background-color: #004b42;
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid gray;
	border-left: 1px solid #ffd685;
	border-right: 1px solid #ffd685;
	border-bottom: 1px solid #004b42;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-size: 12px;
	color:#FFFFFF;
	text-align:center;
}




div#vasen {
	position:absolute;
	top:140px;
	left:10%;
	width:13%;
	margin:0px 10px 0px 0px;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:silver;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:silver;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	z-index:20;
}

	
div#oikea {
	position:absolute;
	top:140px;
	left:25%;
	right:10%;
	background-image:url(kuvat/tausta_valkoinen2.jpg);
	background-attachment:scroll;
	background-position:bottom;
	background-repeat:no-repeat;
	border-right: 1px dotted gray;
	border-left: 1px dotted gray;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
	z-index:1;


}

div#aluereuna {
border-right: 1px dotted gray;



}


div#tunniste {
	border-top-style:dotted;
	border-top-width:1px;
	margin-left:30%;
	margin-right:30%;
	border-top-color:gray;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:2px;
}

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


/*HTML-muotoilut*/

h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 130%;
	letter-spacing:0.2em;
	padding-top:10px;
	padding-bottom:2px;
	color: #004b42;
	height:20px;
	text-shadow: silver 2px 2px;
	border-bottom: 1px dotted #004b42;
	background-position:bottom left;
	background-repeat:no-repeat;
	text-align:center;
	margin-right:10px;
	margin-bottom:50px;
	
}


h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 120%;
	padding-top:10px;
	color: #806a40;
	border-bottom: 1px solid #ffd685;
	text-align:left;

	
}

h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-bottom:-10px;
	letter-spacing:0.1em;
	margin-top:40px;
	color: #bfab30;
	text-align:left;
	
	
}

p {
	font-family: geneva, arial, sans-serif;
	font-size:90%;
	line-height: 1.5em;
	text-align:left;
	color: #5C5C5C;

}

ul.lista {
	font-family: geneva, arial, sans-serif;
	font-size:80%;
	line-height: 1.5em;
	color: #5C5C5C;
	margin-bottom:20px;

}



ol.lista {
	font-family: geneva, arial, sans-serif;
	font-size:80%;
	line-height: 1.5em;
	color: #5C5C5C;
	margin-bottom:20px;

}

ul.suorat {
	font-family: geneva, arial, sans-serif;
	font-size:80%;
	line-height: 1.5em;
	color: #5C5C5C;
	margin-bottom:20px;

}

dl {
	font-family: geneva, arial, sans-serif;
	font-size:80%;
	line-height: 1.5em;
	color: #5C5C5C;
	margin-bottom:20px;
	}
	
dt {
margin-top:20px;
font-weight:bold;

}	

ul.lista li {
margin-bottom:6px;
}

ol.lista li {
margin-bottom:6px;
}



ol {
	font-family: geneva, arial, sans-serif;
	font-size:90%;
	line-height: 1.5em;
	text-align:justify;
	color: #5C5C5C;
	

}
			
			
body {
	margin:10px 10px 10px 10px;
	padding:0px 0px 0px 0px;
}


.uraotsikko {
text-align:left;
border:none;
margin-bottom:20px;
margin-top:30px;
letter-spacing:normal;

}

.small {
font-size:9pt;
color:gray

}

.osoitteet {
margin-bottom:30px;
border-bottom: 1px dotted gray;
margin-left:30px;

}

.viiva {border-top:1px dotted gray;padding-top:10px;}


/*Lomakekenttien tyylit*/

input {

background-color:#E8E8E8;
}






/*Linkkien tyylit*/


a:link {
	color:#0066CC;
	text-decoration:none;
}


a:visited {
	color: #06F;
	text-decoration:none;
}

a:hover {
	border-bottom: 1px dotted navy;

}


div#navi a:link {
	color:#FFFFFF;
	text-decoration:none;
}



div#navi a:visited {
	color:#FFFFFF;
	
}

div#navi a:hover {
	color:#ffd685;
	text-decoration:none;
	border-bottom: 0px;
}


/* Menu */

.menu {
position:relative; 
z-index:1000;
font-size:95%;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:150px;
}
/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.menu li {
position:relative;
z-index:1000;
}

/* get rid of the table */
table.menu {position:absolute; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:149px;
color:#054b00;
background:#a4c6ba;
text-indent:5px;
border:1px solid #fff;
border-width:0 1px 1px 0;
z-index:999;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:150px; w\idth:149px;}
/* style the link hover */
.menu a:hover{
color:#fff; 
background:#949e7c;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:150px; 
z-index:1000;
}
/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{
visibility:visible;
z-index:1000;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}






	
.blinking {
	color: #FF0000;
	text-decoration: blink;
}