body {
	margin:0px;
	padding:20px;
	background-color:#FFFFFF;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px
}

img { border:0px ;
	padding-top:0px	}




 p{ 
	text-decoration: none;
	color:#000000;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	margin-top:0px;
	margin-bottom:0px;
	
}

 a { 
	text-decoration: none;
	color:#704d87;
	font-weight:bold;
	font-size:12px;
	

}

a:hover {
	background-color:transparent;
	color:#666666;
}

hr {
	
	background-color: #000000;
	height: 2px;
	border: 0;
	margin-top:20px;

}

.ylaimg { 
	border-bottom:10px solid #CCCCCC; 
	margin-bottom:10px;

}




.sislinkki a { 
	text-decoration: none;
	color:#704d87;
	font-weight:bold;
	margin-left: 30px;
	margin-right: 30px;
	font-size: 10px; 
	
}


.sislinkki a:hover {
	background-color:transparent;
	color:#666666;
}
.vasenlinkki  { 
	margin-bottom:8px;
	margin-top:0px;
  
}

.vasenlinkki a { 
	text-decoration: none;
	color:#704d87;
	font-weight:bold;
	margin-bottom:0px;
		
}

.vasenlinkki a:hover {
	background-color:transparent;
	color:#666666;
}
.otsikkolinkki a{ 
	text-align: right;
	font-size: 20px;
	font-weight: normal;
	font-family:Georgia, Helvetica, Arial, sans-serif;
	color: #000000;
	text-align: left;
	margin-left: 0px; 


	
}
.otsikkolinkki a:hover {
	background-color:transparent;
	color:#704d87;
}

.otsikkolinkki2 a{ 
	text-align: left;
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
	
}
.otsikkolinkki2 a:hover {
	background-color:transparent;
	color:#cb5724;
}
.otsikkolinkki3 a{ 
	text-align: right;
	font-size: 20px;
	font-weight: bold;
	font-family:Georgia, Helvetica, Arial, sans-serif;
	color:#704d87;
	text-align: left;
	margin-left: 0px; 


	
}
.otsikkolinkki3 a:hover {
	background-color:transparent;
	color:#666666;
}
#container { 
	width: 800px; height:1200px; /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	margin: auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 


.floatKiller {
	clear:both;
margin: 0;
}






/* main content styles */

div#content{
	float:left;
	width:800px;
	
	

}




div#content img{
	float:left;
	border: 0px solid #CCCCCC;
	margin-bottom:20px;
	margin-left: 30px;
	margin-right: 20px;
	margin-top:0px;
}

div#content hr{ 	
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	margin-left: 100px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 20px;


}

div#content p{ 
	color:#666666;
	text-align: left;
	padding-top:5px;
	text-decoration: none;
	color:#000000;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight: normal;
	margin-bottom:10px;
	margin-left: 30px;
	margin-right: 0px;
	margin-top: -10px;  
	
}

div#content h1 { 
	text-align: left;
	font-size: 20px;
	font-weight: normal;
	font-family:Georgia, Helvetica, Arial, sans-serif;
	background: #704d87;
	margin-left: 30px;
	margin-top: 0px;  
	margin-right: 0px;
	padding-left:8px; 
	padding-right:5px; 
	padding-top:5px; 
	padding-bottom:5px; 
	color: #FFFFFF;

}
div#content h2 {
	
	text-align: right;
	font-size: 20px;
	font-weight: normal;
	font-family:Georgia, Helvetica, Arial, sans-serif;
	color: #000000;
	text-align: left;
	margin-left: 0px; 
	margin-top: 0px;  
	padding-left:30px;
	padding-right:30px;
	
}


div#content h3 { 
	font-size: 12px;
	font-weight: bold;
	margin-left: 30px; 
	margin-right: 30px; 
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:0px;
	color:#000000;
	background: #DDDDDD;
} 
 
div#content h4 {
	
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	font-family:Georgia, Helvetica, Arial, sans-serif;
	color: #704d87;
	margin-left: 0px; 
	margin-top: 0px;  
	padding-left:30px;
	padding-right:30px;
	
}

div#etukeski{
	float:left;
	width:450px;
	
	
}

div#etukeski p{ 
	color:#666666;
	text-align: left;
	padding-bottom:0px;
	text-decoration: none;
	color:#000000;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight: normal;
	margin-bottom:5px;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: -10px;  
	
}
div#etukeski hr{ 	
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 10px;
	margin-bottom: 10px;


}

div#etukeski h1 { 
	text-align: left;
	font-size: 20px;
	font-weight: normal;
	font-family:Georgia, Helvetica, Arial, sans-serif;
	background: #704d87;
	margin-left: 30px;
	margin-top: 0px;  
	margin-right: 30px;
	padding-left:8px; 
	padding-right:5px; 
	padding-top:5px; 
	padding-bottom:5px; 
	color: #FFFFFF;

}
div#etukeski h2 {
	
	text-align: right;
	font-size: 20px;
	font-weight: normal;
	font-family:Georgia, Helvetica, Arial, sans-serif;
	color: #000000;
	text-align: left;
	margin-left: 0px; 
	margin-top: 0px;  
	padding-left:30px;
	padding-right:30px;
	
}

div#etukeski h3 {
	
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
	text-align: left;
	margin-left: 30px; 
	margin-top: 0px;  
	padding-left:5px;
	padding-right:30px;
	background: #DDDDDD;
	
}

div#etukeski2{
	float:left;
	width:320px;
	
	
}

div#etukeski2 p{ 
	color:#666666;
	text-align: left;
	padding-left:0px;
	text-decoration: none;
	color:#000000;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight: normal;
	margin-bottom:5px;
	margin-left: 30px;
	margin-right: 0px;
	margin-top: -10px;  
	
}
div#etukeski2 hr{ 	
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	margin-left: 30px;
	margin-right: 0px;
	margin-top: 20px;
	margin-bottom: 10px;


}

div#etukeski2 h1 { 
	text-align: left;
	font-size: 20px;
	font-weight: normal;
	font-family:Georgia, Helvetica, Arial, sans-serif;
	background: #704d87;
	margin-left: 30px;
	margin-top: 0px;  
	margin-right: 30px;
	padding-left:8px; 
	padding-right:5px; 
	padding-top:5px; 
	padding-bottom:5px; 
	color: #FFFFFF;

}
div#etukeski2 h2 {
	
	text-align: right;
	font-size: 20px;
	font-weight: normal;
	font-family:Georgia, Helvetica, Arial, sans-serif;
	color: #000000;
	text-align: left;
	margin-left: 0px; 
	margin-top: 0px;  
	padding-left:30px;
	padding-right:30px;
	
}

div#etukeski2 h4 { 
	font-size: 12px;
	font-weight: bold;
	margin-left: 30px; 
	margin-right: 0px; 
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:0px;
	color:#000000;
	background: #DDDDDD;
	font-family:Helvetica, Arial, sans-serif;
} 
div#alakeski{
	float:left;
	width:650px;
	
	
}

div#alakeski hr{ 	
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	margin-left: 30px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 20px;


}

div#alakeski h3 { 
	font-size: 12px;
	font-weight: bold;
	margin-top: 30px;
	margin-left: 30px; 
	margin-right: 0px; 
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:0px;
	color:#000000;
	background: #DDDDDD;
} 
div#alakeski p{ 
	color:#666666;
	text-align:left;
	padding-top:5px;
	text-decoration: none;
	color:#000000;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight: normal;
	margin-bottom:20px;
	margin-left: 30px;
	margin-right: 0px;
	margin-top: -10px;  
	
}


div#alasivukuva{ 
	float:left;
	width:150px;
	background-color:#FFFFFF;
	margin-right:60px;
	margin-bottom:30px;
	font-size:11px;
	color:#666666;
}


div#alasivukuva p{ 
	color:#666666;
	text-align:left;
	padding-top:5px;
	text-decoration: none;
	color:#000000;
	font-family: Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight: normal;
	margin-bottom:0px;
	margin-left: 30px;
	margin-right: 0px;
	
	
}

div#etuoikea{
	float:right;
	width:200px;
	background-color:#FFFFFF;
	

}

div#etuoikea p{ 
	color:#000000;
	text-align: left;
	padding-left:0px;
	font-weight: normal;
	margin-top:0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left:px;  
}
div#etuoikea h1 { 
	text-align: left;
	font-size: 20px;
	font-weight: normal;
	font-family:Georgia, Helvetica, Arial, sans-serif;
	background: #704d87;
	margin-left: 0px;
	margin-top: 0px;  
	margin-right: 0px;
	padding-left:8px; 
	padding-right:5px; 
	padding-top:5px; 
	padding-bottom:5px;
	color: #FFFFFF;

}

div#etuoikea h2 {
	
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	font-family:Georgia, Helvetica, Arial, sans-serif;
	color: #704d87;
	margin-left: 0px; 
	padding-left:8px;  
	padding-right:0px;
	
}


div#etuoikea h3 { 
	text-align: left;
	font-size: 20px;
	font-weight: normal;
	font-family:Georgia, Helvetica, Arial, sans-serif;
	color: #000000;
	text-align: left;
	margin:0px; 
	padding-left:0px;
	padding-right:30px;	
	padding-top:0px;
	background-color:#FFFFFF;
	
}  

div#etuoikea h4 { 
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-left:8px;  
	padding-right:8px;
	padding-top:5px;
	padding-bottom:5px;
	color:#000000;
	background-color:#DDDDDD;
}   
div#etuoikea  hr{ 	
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	margin-left:0px;
	margin-right:0px;

}


div#alaoikea{
	float:left;
	width:330px;
	background-color:#FFFFFF;
	

}

div#alaoikea p{ 
	color:#666666;
	text-align: left;
	padding-left:0px;
	text-decoration: none;
	color:#000000;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight: normal;
	margin-bottom:5px;
	margin-left: 30px;
	margin-right: 0px;
	margin-top: -10px;  
}


div#alaoikea img{ 
	float:right;
	width:300px;
	background-color:#FFFFFF;
	margin-right:0px;
	padding-right:0px
}
div#alaoikea h1 { 
	text-align: left;
	font-size: 20px;
	font-weight: normal;
	font-family:Georgia, Helvetica, Arial, sans-serif;
	background: #704d87;
	margin-left: 0px;
	margin-top: 0px;  
	margin-right: 0px;
	padding-left:8px; 
	padding-right:5px; 
	padding-top:5px; 
	padding-bottom:5px;
	color: #FFFFFF;

}

div#alaoikea h2 {
	
	text-align: right;
	font-size: 20px;
	font-weight: normal;
	font-family:Georgia, Helvetica, Arial, sans-serif;
	color: #000000;
	text-align: left;
	margin-left: 0px; 
	margin-top: 0px;  
	padding-left:30px;
	padding-right:30px;
}


div#alaoikea h3 { 
	font-size: 12px;
	font-weight: bold;
	margin-left: 30px; 
	margin-right: 0px; 
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:0px;
	color:#000000;
	background: #DDDDDD
	
}   

div#alaoikea h4 { 
	font-size: 12px;
	font-weight: bold;
	margin-left: 0px; 
	padding-left:8px;  
	padding-right:8px;
	padding-top:5px;
	padding-bottom:5px;
	color:#000000;
	background-color:#DDDDDD;
}   
div#alaoikea  hr{ 	
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	margin-left:0px;
	margin-right:0px;

}

div#navigation{
	background:#FFFFFF;
	overflow:hidden;
	width:150px;
	margin-top:0px;
	float:left;
	font-size: 12px;
	color:#957b55;
	text-align:left;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:normal;
}
div#navigationleft{
	background:#FFFFFF;
	overflow:hidden;
	width:200px;
	margin-top:0px;
	float:left;
	font-size: 12px;
	color:#000000;
	text-align:left;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:normal;
}


div#menu3 a { 
	text-decoration: none;
	color:#704d87;
	padding:10px;
	display:block;
	border-bottom:1px solid #DDDDDD;
	font-weight:normal;
	text-align:left;

}
div#menu3 a:hover {
	background-color:#DDDDDD;
	color:#666666;
}
.active {

	text-decoration: none;
	background-color:#DDDDDD;
	color:#666666;
	padding:10px;
	display:block;
	overflow:hidden;
	border-bottom:1px solid #FFFFFF;
	text-align:left;
	font-weight:normal;
}

.active a{

	text-decoration: none;
	background-color:#FFFFFF;
	color:#666666;
	display:block;

	
	
}
.active a:hover {
	background-color:#DDDDDD;
	color:#666666;
	text-align:left;

}
.text{
	font-size: 12px;
	color:#666666;
	text-align:left;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:normal;
	padding-top:4px;
	overflow:hidden;

}
.active2{

	text-decoration: none;
	background-color:#704d87;
	color:#FFFFFF;
	padding:10px;
	display:block;
	overflow:hidden;
	border-bottom:1px solid #FFFFFF;
	text-align:left;
	font-weight:bold;
}


.active3{

	text-decoration: none;
	background-color:#704d87;
	color:#FFFFFF;
	padding:10px;
	display:block;
	overflow:hidden;
	border-bottom:1px solid #FFFFFF;
	text-align:left;
	font-weight:bold;
}

.active3 a{

	text-decoration: none;
	background-color:#704d87;
	color:#FFFFFF;
	display:block;
}
.active3 a:hover {
	background-color:#704d87;
	color:#cb5724;
	text-align:left;

}

.active4{

	text-decoration: none;
	background-color:#DDDDDD;
	color:#999999;
	padding:10px;
	display:block;
	overflow:hidden;
	border-bottom:1px solid #FFFFFF;
	text-align:left;
	font-weight:bold;
}
div#menu1 a { 
	text-decoration: none;
	color:#666666;
	padding:10px;
	display:block;
	border-bottom:1px solid #DDDDDD;
	font-weight:normal;
	text-align:left;

}
div#menu1 a:hover {
	background-color:#DDDDDD;
	color:#666666;
}

div#menu2 a { 
	text-decoration: none;
	color:#666666;
	padding:10px;
	display:block;
	border-bottom:1px solid #DDDDDD;
	font-weight:normal;
	text-align:left;
	background-color:#FFFFFF;

}
div#menu2 a:hover {
	background-color:#CCCCCC;
	color:#FFFFFF;
}
div#mainos img{
	margin-top:20px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding-bottom:0px;

		
}
div#mainos a{
	text-decoration: none;
	color:#999999;
	padding:0px;
	font-weight:normal;
	
}


div#mainos a:hover {
	color:#704d87;
	
}
div#sponsori { 
	/*padding: 0px;  this padding matches the left alignment of the elements in the divs that appear above it. */
	background: #FFFFFF;
	margin-top: 10px;
	padding: 0px;


} 
div#sponsori{
	float:left;
	margin:0px;
	padding:0px;
	background-color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
	color: #666666;
	text-align:left;
		
}

div#sponsori p{
	float:left;
	margin:0px;
	padding:0px;
	background-color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
	color: #666666;
	text-align:left;
		
}
div#sponsori img{
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	
}

div#sponsori  hr{ 	
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 4px;
	width:800px;
	margin-left:0px;
	margin-right:0px;

}

div#sponsori a{
	text-decoration: none;
	color:#999999;
	padding:0px;
	font-weight:normal;
	font-size: 10px;
	
}


div#sponsori a:hover {
	color:#704d87;
	
}

div#Images {
	float:left;
	width: 130px;
	margin-left:30px;
	padding-right:0px;
	background-color: #FFFFFF;
	text-decoration: none;
	color: #666666;
	text-align:center;

}


div#Images img{
	margin-left:0px;
	margin-bottom:5px
}
div#Images a{
	text-decoration: none;
	color:#999999;
	padding:0px;
	font-weight:normal;
	font-size: 11px;
	
}


div#Images a:hover {
	color:#704d87;
	
}

/* footer styles */

}*/
div#footerBox { 
	background: #333333; /* Due margin bug in IE */
}

div#footer { 
	/*padding: 0 10px;  this padding matches the left alignment of the elements in the divs that appear above it. */
	background: #333333;
	height: 40px;
	margin-top: 10px;
	padding: 0px;

} 

div#footer p {
	/*float:left*/
	font-size:12px;
	margin: 0; 
	text-align: left;
	vertical-align: middle;
	color: #999999;
	line-height:1.2;
}

div#footer a{
	text-decoration: none;
	color:#999999;
	padding:0px;
	font-weight:normal;

	
}


div#footer a:hover {
	color:#9A0000;
	
}
div#footerImage { 
	float: left;
	/*width: 165px;*/ 
	margin: 0px;
	padding: 0px;

	
} 
.fltrt { 
	float: right;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 30px;
	margin-top: 5px;
	font-size: 12px;
	color: #000000;
	text-align: left;

.fltlft }
	float:left;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 30px;
	margin-top: 5px;
	font-size: 12px;
	color: #000000;
	text-align: left;

}