body { margin: 0px; padding: 0px; text-align: center; font-family: Verdana, Arial, Geneva, helvetica, sans-serif;
background-color: #C0C0C0;  /* Taustan väri harmaa */ }

a:link  	{ color: #039; text-decoration: none; background-color: transparent;}
a:visited	{ color: #036; text-decoration: none; background-color: transparent;}
a:hover		{ color: #039;  text-decoration: underline; background-color: transparent;}
a:active	{ color: #FF0000;  text-decoration: none; background-color: transparent;}
a.header	{font-size: 16px; color: #fff; font-weight: bold; margin: 0px; text-transform: uppercase;}
p { margin: 0px; text-decoration: none; padding-top: 0px; padding-bottom: 15px; font-size: 12px; }
h1 { font-size: 18px; color: #fff; font-style: normal; margin: 0px; text-transform: uppercase; }
h2 { font-size: 16px; font-weight: bold; }
h3 { font-size: 14px; font-weight: bold; margin: 0px; }

#leftnav p { margin: 0 0 0em 0; }
#content h2 { margin: 0 0 .5em 0; }
#toplinks p { margin: 0px; padding: 0px; font-size: 10px;}
  
#container { width: 750px; margin: 10px auto; background-color: #fff; color: #333; border: 1px solid gray; line-height: 130%; text-align: left; }

#top { padding: .5em; background-color: #ddd; text-align: left; background-image: url("kuvat/vesi.jpg"); border-bottom: 1px solid gray; }

#toplinks { background-color: transparent; border-bottom: 1px solid gray; margin: 0px; font-size: 12px; font-weight: normal;
text-align: justify; padding: 0px; width: 740px; margin-left: 5px; }
  
#ylalinkki a { background: transparent; padding-left: 5px; text-align: justify; font: normal 12px verdana, lucida, sans-serif; 
text-decoration: none; text-transform: uppercase; color: #999; }
#ylalinkki a:hover { background: transparent; color: black;}
#ylalinkki a#current { background: transparent; color: #039; }

#navcontainer { width: 225px; } /*  */
#navcontainer ul { list-style-type: none; text-align: left; }
#navcontainer ul li a { padding-left: 1px; text-align: left; font: normal 11px verdana, lucida, sans-serif; text-decoration: none; color: #999; }
#navcontainer ul li a:hover { color: black; }
#navcontainer ul li a#current { color: #039; }

#content { text-align: justify; /*Teksti tasataan reunoiltaan */
margin-left: 255px; margin-right: 50px; /*Teksti tasataan kuvan vasempaan reunaan*/
padding: 1.5em; max-width: 36em; }
#content ul { list-style-type: none; margin:0px; padding:0px; padding-left:15px; padding-bottom:20px; 
font: normal 11px verdana, lucida, sans-serif; text-decoration: none; }
#content ul li { list-style-type: none; font: normal 12px Arial, Verdana, Geneva, helvetica, sans-serif; 
text-align:left; margin:0px; padding:0px 0px 5px 0px; }

#takaisin { font-size:0.8em; text-align:right; padding-right:5px; font-style: normal; margin: 0px; float:right }

#leftnav { float: left; width: 200px; margin: 0px; padding: 0.3em; }

#leftimg { float: left; margin: 0px; margin-right: 7px; padding: 0em; border: 1px solid #000; }

#leftnavimg { float: left; width: 195px; height: 112px; /* Kuva+ylämarginaali :) */
margin: 10px; padding: 0em; background: transparent url("kuvat/logo1.gif") center bottom no-repeat;}

#footer { clear: both; margin: 0; padding: .5em; color: #333; background-image: url("kuvat/vesi.jpg");
height: 20px; background-color: #ddd; }
#footer p{ margin:0px; padding:0px; padding-top:33px; text-align: left; color: #fff; font-size: 10px; }