body {
	font: normal 11px verdana;
	background : #ebeef0; 
	}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px; /* Width of Menu Items */
	border-bottom: 1px solid #000;
	}

ul li {
	position: relative;
	}
	
li ul {
	position: absolute;
	left: 149px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #464545;
	background: #fff; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #000;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { 
	color: #E2144A; 
	background: #72a0eb; 
	} /* Hover Styles */
		
li ul li a { 
padding: 2px 5px; 
	} /* Sub Menu Styles */
		
li:hover ul, li.over ul { 
	display: block; 
	} /* The magic */
	
	
ul.toinen {
	margin-left : 20px;
	}
	
}
.oma {
position : relative; 
left : 0px; 
margin-top : 20px; 
} 

#hela {
position : relative; 
margin-left : auto; 
margin-right : auto; 
width : 700px; 
height : 2900px; 
margin-top : 10px; 
border : 0 solid #333; 
background : #f4f1e9;
border-bottom : 12px solid #bd002a;
} 
#hela2 {
position : relative; 
margin-left : auto; 
margin-right : auto; 
width : 700px; 
height : 800px; 
margin-top : 10px; 
border : 0 solid #333; 
background : #9caab2;
border-bottom : 12px solid #bd002a;
} 
#hela3 {
position : relative; 
margin-left : auto; 
margin-right : auto; 
width : 700px; 
height : 2100px; 
margin-top : 10px; 
border : 0 solid #333; 
background : #9caab2;
border-bottom : 12px solid #bd002a;
} 
p {
font-family : verdana;
font-size : 11px;
line-height : 13px;
font-weight : normal;
margin-top : 5px;
margin-bottom : 10px;
margin-left : 20px;
margin-right : 0px;
color : #000;
padding: 5px;
}
.valko {
color : #fff; 
padding : 0; 
margin-left : 10px; 
margin-top : 10px; 
font-size : 11px; 
line-height : 11px; 
} 
.musta {
color : #000; 
padding : 0; 
margin-left : 10px; 
margin-top : 40px; 
font-size : 11px; 
line-height : 13px; 
} 
.ylos {
position : absolute; 
left : 0; 
top : 0; 
}
.pohja{
font-family : verdana; 
font-size : 11px; 
line-height : 12px; 
font-weight : normal;
margin-top : 40px;
color : #000; 
padding : 5px; 
} 
.alas2{
margin-top : 10px;
 
}
h3 {
font-family : verdana;
font-size : 14px;
line-height : 20px;
font-weight : bold;
margin-top : 0px;
margin-bottom : 10px;
margin-left : 10px;
margin-right : 0px;
color : #fff;
background:url(kuvat/tausta.gif) repeat;
padding: 5px;
}
h4 {
font-family : verdana;
font-size : 12px;
line-height : 16px;
font-weight : bold;
margin-top : 5px;
margin-bottom : 5px;
margin-left : 20px;
margin-right : 0px;
color : #000;
background: #ffffff;
padding: 5px;
}	

#leftcontent {
position : absolute; 
margin-top : 5px; 
margin-left : 10px; 
width : 160px; 
padding : 0; 
text-align : left; 
z-index : 2;

} 
#leftcontent2 {
position : absolute; 
margin-top : 130px; 
margin-left : 0px; 
width : 170px; 
padding : 5px; 
text-align : left; 
z-index : 3; 
} 
#leftcontent3 {
position : absolute; 
margin-top : 205px; 
margin-left : 10px; 
width : 170px; 
padding : 0; 
text-align : left; 
border-top : 0px dashed #fff; 
border-bottom : 0px dashed #fff; 
border-right : 0px dashed #fff; 
border-left : 0px dashed #fff;
} 

#leftcontent4 {
position : absolute; 
margin-top : 480px; 
margin-left : 0px;  
width : 170px; 
padding : 0; 
text-align : left; 
border-top : 0px dashed #fff; 
border-bottom : 0px dashed #fff; 
border-right : 0px dashed #fff; 
border-left : 0px dashed #fff;  
} 
#leftcontent5 {
position : absolute; 
margin-top : 650px; 
margin-left : 0; 
margin-bottom : 0; 
width : 170px; 
padding : 0; 
text-align : center; 
border-top : 0 dashed #fff; 
border-bottom : 0 dashed #fff; 
border-right : 0 dashed #fff; 
background : none; 
} 
#leftcontent6 {
position : absolute; 
margin-top : 125px; 
margin-left : 0; 
width : 170px; 
padding : 0; 
text-align : left; 
border-top : 1px dashed #fff; 
border-bottom : 1px dashed #fff; 
border-right : 1px dashed #fff; 
background : #bac6d6; 
} 
#leftcontent7 {
position : absolute; 
margin-top : 280px; 
margin-left : 0; 
width : 170px; 
padding : 0; 
text-align : left; 
border-top : 1px dashed #fff; 
border-bottom : 1px dashed #fff; 
border-right : 1px dashed #fff; 
} 
#centercontent {
position : absolute; 
margin-top : 87px; 
width : 700px; 
height : 30px; 
padding : 0px; 
background : url(kuvat/raita.gif) repeat; 
 
} 
#centercontent2 {
width : 500px; 
height : auto; 
position : absolute; 
margin-top : 120px; 
margin-left : 180px; 
padding : 5px; 
text-align : left; 

} 
#centercontent3 {
width : 495px;
height : 650px;
position : absolute; 
margin-top : 110px; 
margin-left : 185px; 
padding : 5px; 
text-align : left;
background : #fff;

} 
#centercontent4 {
width : 190px; 
position : absolute; 
margin-top : 260px; 
margin-left : 590px; 
padding : 5px; 
text-align : left; 
border-top : 1px dashed #fff; 
border-bottom : 1px dashed #fff; 
border-left : 1px dashed #fff; 
border-right : 1px dashed #fff; 
} 
#centercontent5 {
width : 190px; 
position : absolute; 
margin-top : 580px; 
margin-left : 590px; 
padding : 5px; 
text-align : left; 
background : #bd002a; 
border-top : 1px dashed #fff; 
border-bottom : 1px dashed #fff; 
border-left : 1px dashed #fff; 
border-right : 1px dashed #fff; 
} 
#centercontent6 {
width : 190px; 
position : absolute; 
margin-top : 730px; 
margin-left : 590px; 
padding : 5px; 
text-align : left; 
border-top : 1px dashed #fff; 
border-bottom : 1px dashed #fff; 
border-left : 1px dashed #fff; 
border-right : 1px dashed #fff; 
} 
#centercontent7 {
position : absolute; 
margin-top : 115px; 
width : 790px; 
height : 45px; 
padding : 5px; 
background : #5ebea6; 
text-align : left; 
} 
#centercontent8 {
position : absolute; 
margin-top : 170px; 
width : 790px; 
height : 45px; 
padding : 5px; 
background : #fff; 
text-align : left; 
} 
#centercontent9 {
position : absolute; 
margin-top : 390px; 
width : 560px; 
height : 45px; 
padding : 5px; 
background : #fff; 
text-align : left; 
} 
#centercontent10 {
width : 190px; 
position : absolute; 
margin-top : 390px; 
margin-left : 590px; 
padding : 5px; 
background : #5ebea6; 
text-align : left; 
border-top : 1px dashed #fff; 
border-bottom : 1px dashed #fff; 
border-left : 1px dashed #fff; 
border-right : 1px dashed #fff; 
} 
#centercontent11 {
width : 190px; 
position : absolute; 
margin-top : 630px; 
margin-left : 590px; 
padding : 5px; 
text-align : left; 
background : #5ebea6; 
border-top : 1px dashed #fff; 
border-bottom : 1px dashed #fff; 
border-left : 1px dashed #fff; 
border-right : 1px dashed #fff; 
} 
#centercontent12 {
position : absolute; 
margin-top : 360px; 
width : 799px; 
height : 3px; 
padding : 0; 
background : #5ebea6; 
text-align : left; 
z-index : 2; 
} 
#centercontent13 {
width : 190px; 
position : absolute; 
margin-top : 855px; 
margin-left : 590px; 
padding : 5px; 
text-align : left; 
background : #5ebea6; 
border-top : 1px dashed #fff; 
border-bottom : 1px dashed #fff; 
border-left : 1px dashed #fff; 
border-right : 1px dashed #fff; 
} 
#centercontent14 {
width : 190px; 
position : absolute; 
margin-top : 760px; 
margin-left : 590px; 
padding : 0; 
border-top : 0 dashed #000; 
border-bottom : 0 dashed #000; 
border-left : 0 dashed #000; 
border-right : 0 dashed #000; 
} 

a:link {
font-size : 11px; 
font-weight : normal; 
text-decoration : none; 
color : #000; 
margin-left : 0; 
} 
a:visited {
font-size : 11px; 
font-weight : normal; 
text-decoration : none; 
color : #000; 
margin-left : 0; 
} 
a:active {
font-size : 11px; 
font-weight : normal; 
text-decoration : none; 
color : #000; 
margin-left : 0; 
} 
a:hover {
font-size : 11px; 
font-weight : normal; 
text-decoration : none; 
color : #bd002a; 
margin-left : 0;
background : #fff;
} 
a.pieni:link {
font-size : 12px; 
font-weight : bold; 
text-decoration : none; 
color : #fff;
margin-top : 3px;
} 
a.pieni:visited {
font-size : 12px; 
font-weight : bold; 
text-decoration : none; 
color : #fff;
margin-top : 3px;
} 
a.pieni:active {
font-size : 12px; 
font-weight : bold; 
text-decoration : none; 
color : #fff; 
} 
a.pieni:hover {
font-size : 12px; 
font-weight : bold; 
text-decoration : none; 
color : #cc3366; 
background : #fff;
margin-top : 3px;
}
a.pieni2:link {
font-size : 8px; 
font-weight : normal; 
text-decoration : none; 
color : #000;
margin-top : 3px;
} 
a.pieni2:visited {
font-size : 8px; 
font-weight : normal; 
text-decoration : none; 
color : #000;
margin-top : 3px;
} 
a.pieni2:active {
font-size : 8px; 
font-weight : normal; 
text-decoration : none; 
color : #000; 
} 
a.pieni2:hover {
font-size : 8px; 
font-weight : normal; 
text-decoration : none; 
color : #cc3366; 
background : #fff;
margin-top : 3px;
}
a.pieni3:link {
font-size : 10pt;
font-weight : normal;
margin-left : 35px;
text-decoration : none;
background :none;

}
a.pieni3:visited {
font-size : 10pt;
font-weight : normal;
margin-left : 35px;
text-decoration : none;
background :none;

}
a.pieni3:active {
font-size : 10pt;
font-weight : normal;
margin-left : 35px;
text-decoration : none;
background :none;

}
a.pieni3:hover {
font-size : 10pt;
font-weight : normal;
text-decoration : none;
background :none;
margin-left : 35px;

} 
a.vasen:link {
font-size : 11px; 
font-weight : normal; 
text-decoration : none; 
color : #000; 
margin-left : 10px; 
} 
a.vasen:visited {
font-size : 11px; 
font-weight : normal; 
text-decoration : none; 
color : #000; 
margin-left : 10px; 
} 
a.vasen:active {
font-size : 11px; 
font-weight : normal; 
text-decoration : none; 
color : #000; 
margin-left : 10px; 
} 
a.vasen:hover {
font-size : 11px; 
font-weight : normal; 
text-decoration : none; 
color : #000; 
background : #bd002a; 
margin-left : 10px; 
} 
a.taul:link {
font-size : 10px; 
font-weight : normal; 
text-decoration : none; 
} 
a.taul:visited {
font-size : 10px; 
font-weight : normal; 
text-decoration : none; 
} 
a.taul:active {
font-size : 10px; 
font-weight : normal; 
text-decoration : none; 
} 
a.taul:hover {
font-size : 10px; 
font-weight : normal; 
text-decoration : none; 
color : #cc3366; 
} 
a.valikko:link {
font-size : 11px; 
font-weight : bold; 
text-decoration : none; 
color : #000; 
} 
a.valikko:visited {
font-size : 11px; 
font-weight : bold; 
text-decoration : none; 
color : #000; 
} 
a.valikko:active {
font-size : 11px; 
font-weight : bold; 
text-decoration : none; 
color : #000; 
} 
a.valikko:hover {
font-size : 11px; 
font-weight : bold; 
text-decoration : none; 
color : #000; 
} 
a.valko:link {
font-size : 11px; 
font-weight : normal; 
text-decoration : none; 
color : #ffffff; 
margin-left : 0; 
} 
a.valko:visited {
font-size : 11px; 
font-weight : normal; 
text-decoration : none; 
color : #ffffff; 
margin-left : 0; 
} 
a.valko:active {
font-size : 11px; 
font-weight : normal; 
text-decoration : none; 
color : #ffffff; 
margin-left : 0; 
} 
a.valko:hover {
font-size : 11px; 
font-weight : normal; 
text-decoration : none; 
color : #ffffff; 
margin-left : 0; 
}
a.lista:link {
font-size : 12px; 
line-height : 16px;
font-weight : normal; 
text-decoration : none; 
color : #000; 
margin-left : 0; 
} 
a.lista:visited {
font-size : 12px;
line-height : 16px;
font-weight : normal; 
text-decoration : none; 
color : #000; 
margin-left : 0; 
} 
a.lista:active {
font-size : 12px; 
line-height : 16px;
font-weight : normal; 
text-decoration : none; 
color : #000; 
margin-left : 0; 
} 
a.lista:hover {
font-size : 12px;
line-height : 16px;
font-weight : normal; 
text-decoration : none; 
color : #ffffff; 
margin-left : 0;
background : #bd002a;
} 

#banner {
margin-top : 10px;
margin-left : 15px; 
margin-right : 15px;
margin-bottom : 0px;
background : url(kuvat/tausta3.gif) repeat;
height : 100px;
z-index: 5;
}

#banner2 {
 margin-left : 10px; 
 margin-right : 0px; 
 margin-bottom : 10px;
 margin-top : 10px;
 background : #fff; 
 border-top : 0px dashed #000; 
 border-right : 0px dashed #000; 
 border-left : 0px  dashed #000; 
 border-bottom : 0px dashed #000; 
 height : 130px;
 text-align : left;
}