body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background:#b5d7f3;
} 

 #watermark {
	height:30px;
  margin:0px;
  color:#fff;
  text-align:right;
  background:#0f304e url('img/tlcorner.jpg') no-repeat left top;
}

#avattu {
	font-weight:bold;
	text-decoration:none;
}

#leftcol a:visited {
	color:white;
	text-decoration:none;}

#leftcol a:link { color:white;
text-decoration:none;
}

#h1 {
	font-family:Verdana;
	font-size:medium;
	font-weight:bold;
}
 
#pagewidth{ 
background:#fff;
padding:10px;
margin:30px;
 width:800px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
width:100%;
 position:relative; 
 height:120px; 
 color: #fff;
 width:100%;
 background: #466683 url('img/taustakuva3.jpg') no-repeat left;
} 

#header h1{
	background-position: center;
	margin: 0;
	padding: 0 20px;
	text-align: center;
	}
 
#leftcol{
line-height:25px;
padding:10px;
margin: 3px 0px 3px 0px;
 color:#fff;
 width:125px; 
 float:left; 
 position:relative; 
 background:#466683;
 font-family:Verdana;
 font-size:12px;
 }
 
#maincol{background:#b5d7f3;  
margin: 3px 0px 3px 0px;
 float: right; 
 display:inline; 
 position: relative; 
 width:631px;
 padding:10px;
 font-family:verdana,geneva; 
 line-height:20px;
 font-size:small;
 }
 
#footer{
 color:white;
 font-size:small;
 text-align: center;
 height:50px; 
 background:#0f304e url('img/brcorner.jpg') no-repeat right bottom;
 clear:both;
 }