body {
	background:		#cccccc url(../images/bg.jpg) repeat-x top left;
	margin:			10px 0 10px 0;
}
img, div { behavior: url(styles/iepngfix.php); }

#ylaosa {
	position:		relative;
	width:			800px;
	height:			350px;
	background:		url(../images/ylatausta.jpg) no-repeat top left;	
}
#content {
	position: 		relative;
  	width: 			800px;
  	min-height: 	250px;
  	background:		url(../images/content_tausta.gif) repeat-y top left;
  	
  	font-family: 	arial;
	font-size: 		12px;
	text-align:		left;
	color:			#000000;
}
#content_ylaosa {
	position:		relative;
	width:			800px;
	height:			37px;
	background:		url(../images/content_ylaosa.jpg) no-repeat top left;
}
/*
#content_ylaosa {
	position:		absolute;
	top:			0px;
	left:			0px;
	width:			800px;
	height:			37px;
	background:		url(../images/content_ylaosa.jpg) no-repeat top left;
}
*/
#vasen_sarake {
	width:			555px;	
	height:			200px;
	padding-left:	20px;
}
#oikea_sarake {	
	width:			185px;
	padding-left:	31px; 
}	
#menu {
	position: 		absolute;
	top:			66px;
	left:			19px;
	
   	font-family:	Arial, Helvetica, sans-serif;
   	font-size:		11px;
   	font-style:		normal;
   	font-weight:	bold;
   	text-align:		left;
   	color:			#4c4c4c;
}
#menu a {
	color:			#4c4c4c;
	text-decoration:none;	
}
#menu a:visited {
	color:			#4c4c4c;	
}
#menu a:hover {
	text-decoration:underline;	
}
#alaosa {
	position:		relative;
	width:			780px;
	height:			15px;	
	background:		url(../images/ala_tausta.jpg) no-repeat top left;
	
	font-family:	arial;
	font-size:		11px;
	color:			#7f7f7f;
	text-align:		left;
	padding-top:	20px;
	padding-left:	20px;
}
p {
	margin:			1em 0;	
}
h1 {
	margin:			0 0 0 0;
	font-size:		14px;
	color:			#000000;	
}