@charset "utf-8";
/* CSS Document */

body {
	font-family:Verdana, Geneva, sans-serif;
	size:12px;
	background-color:#e9d8b3;
}

h1 {
	font-size:18px;
	color: #0e722c;
}

h2 {
	font-size:12px;
	color: #4b8f85;
}

h3 {
	font-size:11px;
	color: #fff;
}

.ylateksti {
	font-family:Verdana, Geneva, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	align:center;
	background-image: url(img/top2_2.jpg);
	background-repeat:no-repeat;
	padding-top:2px;
	padding-bottom:8px;
}	

.leipis {
	font-size:12px;
	color: #000000;
}
.leipis_taulukko {
	font-size:10px;
	color: #000000;
}


/* LINKIT alkaa */
a {color:#000000;}
a:link {color:#000000;}
a:visited {color:#000000;}
a:active {color:#ec008c;}
a:hover {color:#0e722c;}
/* LINKIT loppuu */

/* VARJOSTUKSET alkaa */
.shadow_v {
	background-image: url(img/shadow_v.gif);
	background-repeat: repeat-y;
}

.shadow_o {
	background-image: url(img/shadow_o.gif);
	background-repeat: repeat-y;
}

.shadow_y {
	background-image: url(img/shadow_y.gif);
	background-repeat: repeat-x;
}

.shadow_a {
	background-image: url(img/shadow_a.gif);
	background-repeat: repeat-x;
}

.shadow_va {
	background-image: url(img/shadow_va.gif);
	background-repeat: no-repeat;
}

.shadow_vy {
	background-image: url(img/shadow_vy.gif);
	background-repeat: no-repeat;
}

.shadow_oa {
	background-image: url(img/shadow_oa.gif);
	background-repeat: no-repeat;
}

.shadow_oy {
	background-image: url(img/shadow_oy.gif);
	background-repeat: no-repeat;
}
/* VARJOSTUKSET loppuu */



.main {
	background-image:url(img/logo.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#main {
	width:470px;
	float:left;
	padding-left: 20px;
	font-size:12px;
}


#oikea_palsta {
	float:right;
	width:240px;
	padding-right: 10px;
	font-size:12px;
	text-align: right;
}
/* NAVI ALKAA 

.nav {
	background:#e9d8b3;

}
*/

	#nav, #nav ul { /* all lists */
		padding-left: 10px;
		padding-bottom: 8px;
		margin: 0;
		list-style: none;
		float: left;
		width: 120px;
	}
	
	#nav li { /* all list items */
		position: relative;
		float: left;
		margin-bottom: -1px;
		width: 150px;
	}
	
	#nav li ul { /* second-level lists */
		position: absolute;
		left: -999em;
		margin-left: 120px;
		margin-top: -21px;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width: 120px;
		display: block;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color: #e9d8b3;
		font-weight: bold;
		text-decoration: none;
		background-color: #0e722c;
		border: 1px solid #c4aa6d;
		padding: 4px 2px 2px 6px;
	}
	
	#nav li a:hover {
		color:#c6a96f;
		background-color: #fff;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}

	#nav li:hover, #nav li.sfhover {
    position:static;
}