body
	{
		padding: 0;
		margin: 0;
		text-align: center;
		background-color: #E3E7D8;
		color: #000000;
		
	}
	.tausta
	{
		width: 700px;
		padding: 0;
		margin-left: auto;
		margin-right: auto;
		margin-top: 2px;
	}
	.logo
	{
		/* Nämä eivät näköjään ole tarpeellisia IE:llä taikka Firefoxilla.*/
		width: 700px;
		height : 173px;
		padding: 0;
		margin-left: auto;
		margin-right: auto;
		
	}
/* valikko - navigaatio */
#valikko {
	width: 698px;
	height: 36px;
	margin: 0;
	padding-top: 0px; 
	background: url(kuvat/nappi.gif);
	border-left: 1px solid black;
	border-right: 1px solid black;
	
}
#valikko ul {
	margin: 0;
	padding: 0px 0 0 0px;
	list-style: none;
	line-height: normal;
	padding-left: 0px;

}
#valikko li {
	
	float: left;
	padding:  1px  1px;
	background-repeat:repeat-x; background-image:url('kuvat/nappi.gif');
	
}
#valikko li.first a{
	/* Tää on otettu pois käytöstä, index.php:stä koska eka li oli näin : <li class="first"><a href="?sivu=etusivu" accesskey="1" title=" */
	float: left;
	background: #619E00;
	padding: 10px;
	width:63px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	background-repeat:repeat-x; background-image:url('kuvat/nappi.gif');
}
#valikko a {
	float: left;
	background: #406800;
	padding: 10px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DDEECC;
	width:63px; 
	background-repeat:repeat-x; background-image:url('kuvat/nappi.gif');
}
#valikko a:hover {
	text-decoration: none;
	background: #619E00;
	padding: 10px;
	width:63px; 
	color: #FFFFEE;
	background-repeat:repeat-x; background-image:url('kuvat/nappi_hover.gif');
}
	/* Tämä alla oleva footerin kohdistus menee typerästi, paranna tuo myöhemmin : */
	.footer_vasen {
	clear: both;
	background-image:url(kuvat/footer_vasen.gif); text-align:left; height:86px; margin-top:10px;
	width: 30px;
	float: left; 
	margin:0;
	
	
	}
	.footer_oikea {
	background-image:url(kuvat/footer_oikea.gif); text-align:left; height:86px; margin-top:10px;
	width: 30px;
	float: left; 
	margin:0;
	margin: 0 auto;
	}
	.footer {
	background-repeat:repeat-x; background-image:url('kuvat/footer.gif');
	width: 640px; height: 86px; float: left; 
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-top: 8px; /* Tämä ei mene oikein IE:llä ja Firefoxilla kohdilleen, mutta näin se on tarpeeksi lähellä */
	}
	.footer .vasen {
	float: left;
}
	.footer .oikea {
		float: right;
	}
	.sivusto
	{
		padding-top: 9px;
		background-color: #f1efee;
		width: 698px;
		font: 12px arial, serif;
		float: left;
		text-align: left;
		color: #000000;
		border-left: 1px solid black;
		border-right: 1px solid black;
		background-repeat:repeat-x; background-image:url('kuvat/sivu_tausta.gif');
	}
	.sivusto_ala
	{
		background-repeat:repeat-x; background-image:url('kuvat/sivu_tausta_ala.gif');
		width: 698px;
		float: left;
		float: bottom;
		vertical-align: bottom;
		background-color: #f1efee;
		/*padding-bottom: 17px;*/
		padding-bottom: 20px;
		font: 9px arial, serif;
		border-left: 1px solid black;
		border-right: 1px solid black;
	}
	.palkki
	{
		padding-left: 10px;
		padding-right: 10px;
		margin-left: 170px;
		border-left: 1px solid black;
	}
	.laita
	{
		float:left;
		width:160px;
		margin:0;
		padding-left: 9px;
		padding-right: 9px;
		font-size: 11px;
	}
	.kokosivu
	{
		padding-left: 10px;
		padding-right: 20px;
		margin-left: 8px;
	}
	h1
	{
		font: 18px arial, serif;
		font-weight: bold;
		color: #114411;  text-decoration: none; 
	}
	h2
	{
		font: 16px arial, serif;
		font-weight: bold;
		color: #114411;  text-decoration: none;
	}
	h3
	{
		font: 12px arial, serif;
		font-weight: bold;
		color: #114411;  text-decoration: none; 
	}
	a:link {color: #224411;  text-decoration: none; }
	a:visited {color: #635445;  text-decoration: none; }
	a:hover {color: #000000;  text-decoration: none; }
	a:active {color: #635445;  text-decoration: none; }