/* Verkkosivut: Haapasalo E. & Simula J. */



body {
	margin: 0;
	padding: 0;
	text-align: left;
	font: 12px Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #061C37;
	background: rgba(173,207,245,1);
   background: -moz-linear-gradient(top, rgba(173,207,245,1) 6%, rgba(242,248,253,1) 35%, rgba(242,248,253,1) 65%, rgba(242,248,253,1) 100%);
   background: -webkit-gradient(left top, left bottom, color-stop(6%, rgba(173,207,245,1)), color-stop(35%, rgba(242,248,253,1)), color-stop(65%, rgba(242,248,253,1)), color-stop(100%, rgba(242,248,253,1)));
   background: -webkit-linear-gradient(top, rgba(173,207,245,1) 6%, rgba(242,248,253,1) 35%, rgba(242,248,253,1) 65%, rgba(242,248,253,1) 100%);
   background: -o-linear-gradient(top, rgba(173,207,245,1) 6%, rgba(242,248,253,1) 35%, rgba(242,248,253,1) 65%, rgba(242,248,253,1) 100%);
   background: -ms-linear-gradient(top, rgba(173,207,245,1) 6%, rgba(242,248,253,1) 35%, rgba(242,248,253,1) 65%, rgba(242,248,253,1) 100%);
   background: linear-gradient(to bottom, rgba(173,207,245,1) 6%, rgba(242,248,253,1) 35%, rgba(242,248,253,1) 65%, rgba(242,248,253,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adcff5', endColorstr='#f2f8fd', GradientType=0 );
	
}
*
{
  margin: 0 auto 0 auto;
 text-align:left;}

#container
{
  display: block; 
  height:auto;
  position: relative; 
  width: 940px;
}

#mainpic h1
{
	position:absolute;
text-align:right;
color:#F8FDEE;
font-size:17px;
color:#FFF;	
left:40px;
top:20px;
}


#mainpic h2
{
position:absolute;
text-align:right;
color:#E1E7F7;	
left:60px;
top:50px;
}

#mainpic
{
background-image:url(main.jpg);
background-repeat:no-repeat;
width:900px;
height:354px;	
}



.off
{
color:#3A6028;
	
}

#menu
{
background-image:url(menu.png);
background-repeat:no-repeat;
width:900px;
height:49px;
clear:both;
}

#content
{
width:880px;
height:auto;
background-color:#FFF;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
font: 12px Arial;
}

#footer
{
width:inherit;
height:auto;
}

#footer h3 a,#footer h3 a:visited
{
display:inline;
text-align:center;
font-size:12px;
text-decoration:none;
color:#7198E1;
}


#menu ul {
	list-style: none;
	padding: 0px;
	margin-left:auto;
	width:900px;
}

#menu li {
	list-style: none;
	padding: 0px;	
	display: inline; 
	
}

#menu a {
	float: left;
	width: 150px;
	height: 30px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	padding-top: 17px;
	font-size: 15px;
}

#menu a:hover{
	color:#BEE399;
}

#content p
{
   
}


html, body {
text-align: center;
}
p {text-align: left;}