body {	
background-color: #B3C49D;	
font-family: Arial, Helvetica, sans-serif;	
margin: 0;	
padding: 0;	
}	

#sailio {	
width: 1040px;	
float: left;	
background-color: #FFE8B3;	
border-right: 1px solid black; 
border-bottom: 1px solid black;/*reunaviivat*/	
}		

#ylaosa {	
background-image: url(border.jpg);	 
height: 170px;	
border-bottom: 1px solid black	
}	

#vasen {	
float: left;	
width: 100px;	
margin: 5px 10px 0 35px;	
font-size: small;	
}		

#oikea {	
float: right;	
width:200px;	
margin: 5px 30px 0 5px;	
font-size: small;	
}	

#sisalto {	
margin: 40px 250px 0 170px;	
padding: 3em; /*täyttö*/	
font-size: small;	

}		

#sisalto P {	
text-align: justify;	
}	
			
/*Navigaatio--*/	
#navi {		
margin: 1;		
padding: 0;		
background-color: #D8D8A8;		
float: center;		
width: 100%;		
font-size: 80%;	
}		

#navi li {/*navit siirtyy vaakasuoraan linjaan --*/		
display: inline; 	
}		

#navi a:link, #navi a:visited{ /*navipainikkeiden muotoilu--*/		
background-color: white;		
color: #000000;		
padding: 20px 10px;		
float: left;		
border-right: 1px solid black;		
border-bottom: 1px solid black;		
border-top: 1px solid black;		
text-decoration: none;	
}		

#navi a:hover {		
background-color: #B3C49D;	
}	

/*--pystynavi--*/	
#menu, #menu2, #menu3, #menu4 {		
padding: 0;		
width: 100%;		
list-style: none;		
margin: 1;		
float: center;		
font-size: 70%;		
border: 1px solid black;		
background-color: white;	
}		

#menu a:link, #menu a:visited, 	
#menu2 a:link, #menu2 a:visited,	
#menu3 a:link, #menu3 a:visited,	
#menu4 a:link, #menu4 a:visited{	
background-color: white;	
color: black;	
padding: 10px 5px 10px 5px;	
display: block;	
font-size: small;	
}		

#menu a:hover, #menu2 a:hover, #menu3 a:hover, #menu4 a:hover {		background-color: white;	
}