body {background: url(osat/tapetti.jpg) repeat top left;

}

#tausta {background: #ffffff;
width: 880px;
margin-left:-440px;
position:absolute;
left:50%;
}

#yla {background: #ffffff url(osat/logo.jpg) no-repeat top left;
width: 880px;
height: 228px;
border:0;}



/* NAVIGOINTI*/

#navi {background: #ffffff url(osat/navi.jpg) no-repeat top left;
width: 880px;
height: 37px;
border:0;
margin:0;
padding:0;
}

p.navi {font-family: Georgia, Times, sans-serif;
font-size: 16px;
margin:0 0 0 30px;
padding:10px 0 0 0;
width: 840px;
background:none;
}

a.navi {color: #cccccc;
text-decoration:none;
margin:0;
padding:0 20px 0 0;
}

a.navi:hover {color: #ffffff;
}

a.myytavia {margin: -100px 0 0 760px;
position:absolute;
}

/* SISÄLTÖ */

h1		{
font-family : Georgia, Arial, Helvetica, sans-serif;
font-size : 32px ;
font-weight:normal;
font-style: normal;
color: #663300; 
margin: 2px 100px 6px 100px;
padding: 0;
background: #E7E0E0 url(osat/kiekura1.jpg) no-repeat bottom right;
text-align: center;
line-height: 60px;
}

h4		{
font-family : Georgia, Arial, Helvetica, sans-serif;
font-size : 28px ;
font-weight:normal;
font-style: italic;
color: #663300; 
margin: 2px 100px 2px 100px;
padding: 5px 0 5px 0;
background: #E7E0E0;
text-align: center;
line-height: 38px;
}

#otsikko {background: #E7E0E0 url(osat/kiekura2.jpg) no-repeat bottom right;
}




div.tekstialue
{background: #E7E0E0 url(osat/kiekura2.jpg) no-repeat bottom left;
margin: 2px 100px 2px 100px;
padding: 0;
}

h2{
font-family : Georgia, Arial, Helvetica, sans-serif;
font-size : 20px ;
font-weight:normal;
font-style: italic;
color: #333333; 
margin: 0;
padding: 30px 10px 0px 85px;
text-align: left;
line-height: 20px;
}


p		{
font-family : Georgia, Arial, Helvetica, sans-serif;
font-size : 14px ;
font-weight:normal;
font-style: normal;
color: #333333; 
margin: 0;
padding: 20px 40px 0px 85px;
text-align: left;
line-height: 20px;
}

/*ALAOSA*/

#ala {background: #ffffff url(osat/ala.jpg) no-repeat top left;
width: 880px;
height:77px;
margin:0;
padding:0;
}

a {border:0;}
img {border:0;}

img.vasen {
float:left;
margin:23px 10px 20px 100px;
border:3px solid #cccccc;  

}

img.vasen2 {
float:left;
margin:23px 10px 5px 85px;
border:3px solid #cccccc;  
width:264px;
height: 363px;
}

a.web {font-size: 9px;
color: #666666;
text-decoration:none;
font-family: Georgia; Times;}

a.web:hover {color: #cccccc;}


/*Kuvat jotka suurentuvat klikkaamalla */
.valokuvat{margin: 0px 0 0 80px;

}

a.valokuva {border:none;}


img.valokuva {border:3px solid #cccccc;  
margin:3px 3px 3px 5px;
}

img.valokuva:hover {border:3px solid #cccccc;
}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay2.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay2.png", sizingMethod="scale");
	}

	
*/PÄIVITYSSIVUT*/

td	{
font-family : Georgia, Arial, Helvetica, sans-serif;
font-size : 14px ;
font-weight:normal;
font-style: normal;
color: #333333; 
margin: 0;
padding: 20px 40px 0px 85px;
text-align: left;
line-height: 20px;
}