@charset "iso-8859-1";
/* Creation date: 12.5.2005 */
/* Henri Vehmanen */

body {
	background: url(tausta.jpg);
	font: 12px "Bitstream Vera Sans", "Lucida Sans Unicode", Verdana, Helvetica, Sans-serif;
	padding: 0;
	margin: 0px;
}

.otsikko {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100px;
	background: #7B6134;
}

.sisalto {
	position: absolute;
	top: 120px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #97E8AA;
	margin: 0px;
	padding: 8px 4px 8px 4px;
	font-size: 13px;
	color: #000;
	
}

#menu{
	position: absolute;
	top: 100px;
	left: 0px;
	width: 100%;
   white-space : nowrap;
   background-color : #7B6134;
   float : left;
    color : White;
   border-style : solid;
   border-color : #000;
   border-width : 2px 0 2px 0;
}
#menu ul{
   padding : 0;
   margin : 0;
   float : left;
}
#menu ul li{
   display : inline;
}
#menu ul li a{
   padding-left : 1em;
   padding-right : 1em;
   background-color : #7B6134;
   color : White;
   font-weight : bold;
   text-decoration : none;
   float : left;
   border-right-color : #000;
   border-right-style : solid;
   border-right-width : 1px;
}
#menu ul li a:hover{
   background-color : #CBB692;
   color : #7B6134;
}

p:first-letter {font: 150% cursive; color: #CC3333 }

td {
	font-size: 13px;
	color: #000;
	padding: 1em;
}

h3 {
	color: #CC3333;
}

.kehys {
	position: absolute;
	left: 20%;
	top: 5em;
	width: 60%;
	height: 40em;
	background-color: #7B6134;
	border: solid 4px #7B6134;
	padding: 0px;
	overflow: hidden;
} 

#alaosa {
	position: absolute;
	left: 20%;
	top: 55em;
	height: 10px;
	width:60%;
	font-size: 10px;
	color: #333;
}

#alaosa A:link	{
	text-decoration: none; 
	color: #333; 
	}
#alaosa A:visited {
	text-decoration: none; 
	color: #333;
	}
#alaosa A:hover	{ 
	background-color: #333;
	border-top: 1px dashed #aaa;
	border-bottom: 1px dashed #aaa;
	color: #FFF;
	}