body  { 
	font-size: 13px;
	margin: 10px;
	text-align: center;
	padding: 0 0 10px 0;
	font-family: Skia;
	}

#otsikko td {
	font-family: Skia, "Trebuchet MS", Helvetica, Arial, sans-serif;
	}
	
#content p, #content li { 
	font-size: 95%; 
	font-family: Helvetica, Arial, sans-serif; 
	list-style: url(../images/lmark.gif); 
	margin-right: 5px; margin-left: 5px; }


h1 {
	font-family: Skia,"Trebuchet MS", Helvetica, Arial, sans-serif; 
	font-size:  140%; margin: 2px;
	}

h2 {
	font-family: Skia,"Trebuchet MS", Helvetica, Arial, sans-serif; 
	font-size: 110%;
	}

h3  { font-size: 100%; 
	font-family: Skia, "Trebuchet MS", Helvetica, Arial, sans-serif; 
	margin: 0 5px 
	}

#wrap {
	margin: 0px auto;
	border: 1px solid gray;
	width: 752px;  /* bmh */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 751px;	 
	}

html>wrap	{
	width: 751px;
	} 

.header {
	position: absolute;
	margin: 0 auto;
	padding: 0; 
	top: 0;
/*	border: 1px solid blue;*/
	width: 750px;
	text-align: center;
}        

#main {
/*	position: absolute;*/
	margin: 0;
	padding: 0; 
	top: 118px;
	width: 750px;
}

.logo { 
	position: absolute; top: 10pt; right: 5%;
	}

 	
#otsikko  { 
	font-family: Skia,"Trebuchet MS", Helvetica, Arial, sans-serif; 
	font-weight:  bold;
	font-size:  1.4em;
	background-color: #c5d9f1; 
	vertical-align: middle; 
	padding: 0 0 0 10px; 
	height: 75px;
	width: 750px;
	}

.noborder { border: 0; }
#content  { margin: 0 0 0 10px; padding: 0 0 15px 15px; border-top: 1px solid black; border-left: 1px dotted #808080 } 

#content td  { font-size: 87%; font-family: Helvetica, Arial, sans-serif; margin: 0 0 0 3px; padding: 3px; vertical-align: top; border-top: 1px solid gray; border-right: 1px solid gray }
.henkilo { font-style: italic; font-weight: 600 }
#navi {
	background-color: #6495ed; 
	width: 156px; 
	margin-bottom: 20px; 
	}
	
#navcontainer  { 
	background-color: #6495ed; 
	margin-right: 0px; 
	padding-right: 0px; 
	width: 150px; 
	}
         
#navcontainer ul
         {
         margin-top: 0;
         margin-left: 0;
         padding-left: 0;
         list-style-type: none;
         font-family: Skia, Arial, Helvetica, sans-serif;
         font-size: 0.8em;
         }
#navcontainer ul ul li a { padding: 5px 5px 5px 10px; width: 140px; font-size: 1.1em;}         

#navcontainer a
          { 
          font-weight: bold; 
          background-color:#6495ed ; 
          padding: 3px; 
          border-bottom: 1px solid #eee; 
          width: 150px; 
          display: block;
          }
         
#navcontainer a:link, #navlist a:visited
    {
    color: #EEE;
    text-decoration: none;
    }
         
#navcontainer a:hover
    { 
	color: #fff; 
    background-color: #add8e6;
    }
          
           
#footer { 
	color: gray; 
	background-color: #eee;
	font-size: 90%; 
	font-family: Skia,"Trebuchet MS", Helvetica, Arial, sans-serif; 
	border-top: 1px gray solid; 
	text-align: center; 
	margin-top: 0.33em; 
	padding-top: 0.33em;  
	}
	
#muokattu { 
	color: gray;
	background-color: #eee;	
	padding: 0.5em; 
	margin: 0;
	font-size: 75%; 
	font-family: Skia,"Trebuchet MS", Helvetica, Arial, sans-serif; 
	text-align: right; 
	}
h2.ruskea  { color: #8e2346 }
.ruskea_otsikko { color: #8e2346; font-weight: bold; text-decoration: none; text-transform: uppercase }
.sininen_otsikko { color: #6495ed; font-weight: bold; text-decoration: none;  }
#alue { color: #8e2346; font-weight: 700; text-transform: uppercase; padding-left: 10px }
a.linkki  { color: gray; font-size: 11px }
.jaseneksi { width: 60%; border-width: 12pt; border-color: black }

a#current,
a#current:hover   { background-color: #398fcb }