body {

	background-color: #CBDDE4;

	background-image: url(images/tausta.gif);

	background-repeat: repeat-x;

	margin: 0px;

	padding-top: 4px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 7px;

}

h1#tervetuloa{

	background-repeat: no-repeat; 

	width: 502px; 

	height: 35px;

	

	margin-top: 20px;

	margin-bottom: 10px;

	margin-left: 40px;

}



h1#tervetuloa span{

	display:none;

}



h1{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 110%;

	color: #E0002B;

	margin-top: 20px;

	margin-bottom: 20px;

	margin-left: 10px;

}



h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 100%;

	color: #43898B;

	margin-top: 0.5em;

	margin-bottom: 0.5em;

	text-align: left;

}



h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #E0002B;

	margin-top: 10px;

	margin-bottom: 20px;

	margin-left: 10px;

}

h4 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #43898B;

	margin-top: 10px;

	margin-bottom: 5px;

	margin-left: 10px;

}

#wrap{

	width: 761px;

	height: 80%;

	margin: 0;

	padding: 0;

}



#ylapalkki{

	background-image: url(images/h_liuku.jpg);

	background-repeat:no-repeat;

	position: relative;

	width: 100%;

	height: 14%;

	min-height: 60px;

	border: 1px solid #000066;

	border-bottom: none;

	padding-top: 7px;

}



#matsku{

	width: 550px;

	text-align: center;

	margin: 0 auto;

}



#matsku p, ul{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 80%;

	color: #333333;

}



#matsku div.vasen{

	width: 255px;

	float:left; 

	padding-left: 15px; 

	margin-right:10px;

	padding-top:20px; 

	text-align:left;

}

#matsku div.oikea{

	width: 255px;

	float:right; 

	padding-right: 10px; 

	margin-left:5px;

	padding-top:20px; 

	text-align:left;

}

#matsku div.center{

	width: 475px;

	float:left; 

	padding-left: 15px; 

	margin-right:5px;

	padding-top:10px;

	padding-bottom:5px; 

	text-align:left;

}



#matsku a{

	font:Verdana, Arial, Helvetica, sans-serif;

	font-weight:bold;

	font-size: 80%;

	color:#0066CC;

	text-decoration: none;

}



#matsku a:hover{

	text-decoration: underline;

}



#container {

	background-color:#FFFFFF;

	border-top: 1px none #006699;

	border-right: 1px solid #006699;

	border-bottom: 1px solid #006699;

	border-left: 1px solid #006699;

	width: 100%;

	padding-bottom:30px;

}



#copy {

	position: relative;

	background-image:url(images/footerBg.gif);

	background-repeat:repeat-x;

	width: 100%;

	height: 10px;

	text-align: right;

	background-color:#1C88A3;

	border-top: 1px none #006699;

	border-right: 1px solid #006699;

	border-bottom: 1px solid #006699;

	border-left: 1px solid #006699;

}

#copy p{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #fff;

	padding: 0px;

	margin: 0px;

	margin-right: 10px;

}



/* NAVIGOINTILISTA */

#navcontainer{

	padding: 25px 0px 5px 5px;

	width: 120px;

}



#navcontainer ul {

	padding: 0px;

	margin: 0px;

	/*

	width: auto;

	*/

	border: 0px;

	list-style-type:none;

	}



/* Styles for Menu Items */

#navcontainer ul li a {

	display: block;

	

	text-decoration: none;

	font-size: 13px;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #999999;

	

	background: url(napit/bg_static.gif) no-repeat;

	padding: 1px 0px;

	padding-left: 20px;



	}



/* Fix IE. Hide from IE Mac \*/

* html  div#navcontainer ul li { float: left; height: 1%; }

* html div#navcontainer ul li a { height: 1%; }

/* End */



#navcontainer ul li a:hover { 

	color:#65B2FF;

	background: url(napit/bg_hover.gif) no-repeat;

} /* Hover Styles */



#navcontainer ul li a.active{

	color:#3F3F8C;

	background: url(napit/bg_active.gif) no-repeat;

}

#navcontainer ul li a.active:hover{

	color:#3F3F8C;

	background: url(napit/bg_active.gif) no-repeat;

}

			

#navcontainer li:hover ul, li.over ul { display: block; } /* The magic */



.pisteviiva{

	width: 150px;

	background-position:right;

	background-image:url(images/pisteViiva2.gif);

	background-repeat:repeat-y;

}



.viiva{

	margin-top: 30px;

	margin-bottom: 10px;

	margin-left: 40px;

}





.reunatYla {

	border-top: 1px solid #000066;

	border-right: 1px solid #000066;

	border-bottom: 1px none #000066;

	border-left: 1px solid #000066;

}

.navi {

	margin-top: 30px;

	margin-left: 10px;

}

.yhteystiedot {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #65B3B4;

	margin-top: 20px;

	margin-left: 5px;

	font-weight: normal;

	font-style: italic;

	margin-bottom: 0px;





}

.naviTeksti {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #666666;

	margin-left: 20px;

}



.breadcrumb {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #4962B6;

	margin: 0px;

	padding: 0px 0px 0px 2px;

}



.pvm{

	font-family: "Times New Roman", Times, serif;

	font-size: 12px;

	font-style: italic;

	color: #006699;

}

div.spacer{

	clear:both; 

	height:1%;

}.yhtH {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #43898B;

	text-align: left;

	font-weight: bold;

	padding-left: 60px;

	padding-top: 0px;

	padding-bottom: 0px;

}

.yhtT {

	font-size: 16px;

	font-weight: bold;

	color: #333333;

	padding-top: 0px;

	padding-bottom: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-left: 120px;

}