body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #CCC;
	background-image: none;
	margin: 0px;
	padding: 0px;
	height: 100%;
}


A:link { color: #0000e4; text-decoration: none; }
A:visited { color: purple; text-decoration: none; }
A:hover { color: red; text-decoration: underline; }

P, LI, TD { font-size: 100%; }
H3, H4, H5 { font-size: 12px; font-family: "Gill Sans", "Trebuchet MS", Arial; }
H1 { font-size: 16px; font-family: "Gill Sans", "Trebuchet MS", Arial; }
H2 { font-size: 14px; font-family: "Gill Sans", "Trebuchet MS", Arial; }

H1, H2, H3, H4, H5 { margin-bottom: 0px;  }

UL LI { margin-left: -12px; }
UL LI LI {
	margin-left: -30px;
	list-style-type: none;
}

hr { height: 1px; color: #ddd;  }


DIV { border: none; text-align: left; }

DIV#kokosivu {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 70%;
	max-width: 923px;
	height: 99%;
	z-index: 0;
	visibility: visible;
}


DIV#vasen, DIV#oikea {
    overflow: visible;
	/*border-bottom: 8px solid #00407A;*/
	height: 100%;
	background-color: white;
}


.linkit li {
	list-style-image: url("bullet.gif");
	margin:0px;
	margin-left: -25px;
	padding: 0px;

}

#oikeasisalto ul li {
	list-style-image: url("bullet.gif");
	margin:0px;
	margin-left: -25px;
	padding: 0px;

}

DIV#vasen { position: absolute; left:0px; top:0px; width:183px;  z-index:1; background-color: #eee; visibility: visible; font-size: 12px; background-image:  url("vasentausta.gif"); margin: 0px; }
div#vasenylatausta { position: relative; left:0px; top:0px; width: 100%; height: 20px; overflow: hidden; z-index:2; background-color: #FFFFFF; visibility: visible; background-image:  url("otsikkotausta.gif"); background-repeat: repeat; padding: 5px 0px 0px 0px;margin: 0px;}
div#navigointi {padding-top:6px;}
div#navigointi ul{
margin-left:-10px;
font-size:14px;
list-style-type:none;
font-weight:bold;
}
/*DIV#vasenylalinkit { height: 140px; }*/
DIV#vasenylalinkit { margin:0px;padding:0px;background-color:  #00407a; border: 1px none #000000; }
DIV#vasenylalinkit P, DIV#vasen DIV#vasenalalinkit P { padding: 6px; margin: 0px;}

DIV#vasenalaosoite {
	margin-top:30px;
	margin-left:20px;
	margin-right:10px;
	visibility: visible;
	color: #999999; 
	font-size: 11px;
}


DIV#oikea  { font-family: "Gill Sans", "Trebuchet MS", Arial, sans-serif; font-size: 90%; font-weight: bold; background-color: #003F78; color: white;  padding: 0px 0px 0px 0px; margin: 0px; position: absolute; left:183px; top:0px; width: 90%; max-width: 740px;  z-index:2; background-color: #FFFFFF; visibility: visible; margin-right: 40px; ;}
DIV#oikea P { margin: 4px 0px 8px 0px; }
DIV#oikea H4 { margin: 4px 0px 8px 0px; }
DIV#oikea H5 { margin: 4px 0px 8px 0px; }
DIV#logokentta { position: relative; left:0px; top:0px; width: 100%; height: 80px; z-index:2; background-image:    url("ylamosaiikki.gif");background-color: #FFFFFF; visibility: visible; background-repeat: no-repeat; background-position: left; border: 1px none #000000; }
DIV.otsikkopalkki {  position: relative; left:0px; top:0px; width: 100%; height: 20px; overflow: hidden; z-index:2; background-color: #FFFFFF; visibility: visible; background-image:  url("otsikkotausta.gif"); background-repeat: repeat; padding: 5px 0px 0px 0px;margin: 0px;}
DIV.otsikkopalkki h1 {
font-family: "Gill Sans", "Trebuchet MS", Arial, sans-serif; text-transform:uppercase; font-size: 14px; font-weight: bold;
margin:0px;
padding-left:12px;
}
DIV#kuvakentta { position: relative; left:0px; top:0px; width: 100%; height: 162px; z-index:2; background-color: #eee; visibility: visible; background-repeat: no-repeat; background-position: right;  padding: 0px; margin: 0px; }
DIV#sisalto {  position: relative; left:0px; top:0px; margin: 5px; width: 97%; z-index:2; background-color: white; visibility: visible; border: 1px none #000000; font-family: Arial, sans-serif; font-weight: normal; color: black; }
DIV#vasensisalto {width: 58%; text-align:justify;position: relative; left:0px; top:0px;  z-index:2; visibility: visible; overflow: visible;  padding: 4px 16px 4px 12px; }
DIV#oikeasisalto {width: 30%; border-left: 1px solid #ddd; padding-left: 6px; position: absolute; left: 65%; top:0px;  z-index:2; visibility: visible; overflow: visible; padding: 4px 16px 4px 12px;}
DIV.vasenalaosa { position: fixed; left:0px; bottom:0px; width:183px; height:100%;  z-index:0; background-color: #eee; visibility: visible; font-size: 12px; background-image:  url("vasentausta.gif"); margin: 0px;}
DIV.oikeareuna { position: absolute; left: 100%; top:0px; width:32px; height: 100%; background-color: #ccc; visibility: visible; z-index: 3; background-image:   url("oikea_reuna.png"); background-repeat: repeat-y; border: 1px none #000000; }




div.navilista {
	padding:8px 0px 1px 0px;
	margin:0px;
	border-left: 8px #003361 solid;
	}

div.navilista ul{
	background-image:  url("vasentausta.gif"); 
	background-repeat: repeat-y; 
	padding:0px;
	margin:0px;
	/*border-left: 8px #003769 solid;*/
	font-size: 12px;
	width: 163px;
	color: gray; 
	background-color:#eee;
}



.navilista li
{
   margin-left:-16px;
   width: 173px;
	list-style: none;
	padding: 0px 0px 0px 0px;
	border-left: 8px #003361 solid;

	text-align: left;

	font-weight:bold;
}


	
.navilista li a
{

	display: block;
	padding: 1px 10px 1px 12px;

	text-decoration: none;

	/*color: #004080*/;

	border-left: 8px #003361 solid;

	background-color:#EFF0F2;
}





	
.navilista li a:link { color: #003361; }

.navilista li a:visited { color: #003361; }


.navilista li a:hover
{

	width: 88%;

	font-weight: bold;

	margin-left:0px;

	color: #0000e4; /*#000080*/

	background: #EFF0F2;
	border-left: 8px #0000e4 solid;/*004080*/

	/*border-right: 5px orange solid;*/
}




.alanavilista ul {
	border-left: 0px #003769 solid; 
	margin-left: 0px;}

.alanavilista li
{	padding:0px;
	margin:0px 0px 0px -8px;

	border-left: 8px #003769 solid;

	text-align: left;

	font-weight:normal;
}


.alanavilista li a
{

	display: block;
	margin-left:0px;
	padding-left:40px;
	padding-top:1px;
	padding-right:0px;
	padding-bottom:1px;
	margin-top:0px;
	margin-bottom:0px;
	text-decoration: none;

	color: #004080;

	background-color:#EFF0F2;
}

	

.alanavilista li a:link { color: #003361; font-weight:normal;}

.alanavilista li a:visited { color: #003361; font-weight:normal;}


.alanavilista li a:hover
{

	width:80%;
	font-weight:normal;
	color: #0000e4; /*#000080*/

	background: #EFF0F2;
	border-left: 8px #0000e4 solid;}






/* Current page */

div.navilista li.current a
{

	display: block;

	/*padding: 1px 10px 1px 12px;*/

	text-decoration: none;

	color: red;

	border-left: 8px red solid;

	/*border-right: 5px #004080 solid;*/

	background-color:#EFF0F2;
}
	
div.navilista ul.alanavilista li.current a
{	
	display: block;
	margin-left:0px;
	padding-left:40px;
	padding-top:1px;
	padding-right:0px;
	padding-bottom:1px;
	margin-top:0px;
	margin-bottom:0px;
	text-decoration: none;

	color: orange;

	border-left: 8px orange solid;

	background-color:#EFF0F2;
}