html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;background: #BEE2F2 url(pic/taustagradient.jpg) repeat-x top left;color: #333;text-align:center}


div#container{background-color: white;}
div#container{text-align:left;width:801px;margin:0 auto;}

div#header{
	position:relative;background: url("pic/ylapalkki.jpg") no-repeat bottom center;margin: 0 !important; 
	margin: 0 0 0 0; padding: 0 0; 
	height: 332px; 
	width: 801px;
}


/* navi*************************************************** */

#navi{
	float:left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#336600;
	font-weight:bold;
	padding: 280px 0px 0px 5px;
	font-size: 1.3em;
	}
#navi ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
	}

#navi li {
	display: inline;
	margin:0px auto auto 20px;
	padding: 0;
	}

#navi .selected {color:#FFA10F;}
	
#navi a{
	color:#336600;
	border-bottom:none;
	text-decoration: none;

	}
	
#navi a:hover{
	color:#336600;
	text-decoration: underline;
	}

div#content{float:left;width:500px;padding: 10px;}

div#extra{float:right;clear:right;width:270px;padding: 5px 1px 5px 5px;}



div#footer{
	clear:both;
	width: 100%;
	height: 47px;
	background: url("pic/footer.jpg") no-repeat bottom; border: none;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}

/* Mainos ******************************************************** */

.mainoscont {
	margin: 10px 0 10px 0;
	width: 260px;
	background-color: #366A01;
	color: #fff;
}

.mainoscont p {
	margin: 5px 10px;
}

.mainoscont a,.mainoscont a:link,.mainoscont a:visited,.mainoscont a:active  {color:#FFA10F;}

.mainoscont h4 {margin: 0 10px;}
.mainoscont h1 {margin: 0 10px; font-size: 1.0em;
	padding: 5px 0px 0px 0px;
	font-weight: bold;
	}

.mainostop { 
	background: url(pic/yla_oikea.gif) no-repeat top right; 
}

.mainosbottom {
	background: url(pic/ala_oikea.gif) no-repeat top right; 
}

img.corner {
   width: 11px;
   height: 11px;
   border: none;
   display: block !important;
}

/* Mainos2 ******************************************************** */

.mainoscont2 {
	margin: 10px 0 10px 0;
	width: 260px;
	background-color: #FFA10F;
	color: #fff;
}

.mainoscont2 p {
	margin: 5px 10px;
}


.mainoscont2 h4 {margin: 0 10px;}

.mainostop2 { 
	background: url(pic/yla_oikea2.gif) no-repeat top right; 
}

.mainosbottom2 {
	background: url(pic/ala_oikea2.gif) no-repeat top right; 

}

/* Styles ******************************************************** */



h1, h2, h3, h4 {
	font-family: Verdana, Arial, Sans-Serif;
	margin:0;
	}

h1 {
	font-size: 1.6em;
	text-align: left;
	padding: 5px 0px 10px 0px;
	font-weight: normal;
	}

h2 
	{
	font-size: 1.3em;
	padding: 5px 0px 5px 0px;
	font-weight: normal;
	}
h3 {
	font-size: 1.1em;
	padding: 5px 0px 5px 0px;
	font-weight: bold;
}
h4 {
	font-size: 1.0em;
	padding: 5px 0px 0px 0px;
	font-weight: bold;
}

a {
	color:#336600;text-decoration: none;
}

a:link {color:#336600;text-decoration: none;}
a:visited {color:#336600;text-decoration: none;}
a:active {color:#336600;text-decoration: none;}

a:hover {
	color:#336600;
	text-decoration: underline;
}