@import url(http://fonts.googleapis.com/css?family=Arvo:regular,italic,bold,bolditalic);

body {	
  margin:0px 0px 20px 0px; 
  padding:0px;	
  text-align:center;        
  background-color: #fff;        
  color: #444;        
  font-family: 'Arvo', verdana, arial, helvetica, sans-serif;
  font-size:0.95em;
  background-image: url(tausta_body.gif);
  background-repeat: repeat-x;        
  background-position: top left;	}

#navigation {	
  width:800px;	
  height: 18px;	
  margin:0px auto;	
  text-align:left;	
  color: #fff;             
  font-family:arial, helvetica, sans-serif; 	
  font-size: 12px;
  background-color:#333;        
  background-image: url(tausta_navigation.gif);        
  background-repeat: repeat-y;        
  background-position: top center;	
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 1px;	
  padding-bottom: 1px;        
  voice-family: "\"}\"";        
  voice-family:inherit;        
  width: 680px;        
  height: 16px;        }        
  html>body #navigation {        
    width: 680px;        
    height: 16px;        
  }
  
#locator {        
  padding-left: 40px;
  font-family:arial, helvetica, sans-serif;
  }
  
#locator a:link, #locator a:visited, #locator a:hover {        
  color: #fff;        
  text-decoration: none;        }
  
#mainphoto { 	
  width:800px;	
  margin:0px auto;	
  height: 172px;   	
  font-size: 12px;        
  background-image: url(tausta_naviphoto.gif);        
  background-repeat: no-repeat;        
  background-position: top center;	
  padding-left: 60px;	
  padding-right: 60px;        
  voice-family: "\"}\"";        
  voice-family:inherit;        
  width: 680px;        }        
  html>body #mainphoto {        
    width: 680px;        }
    
#header {	
  width:800px;	
  margin:0px auto;	
  text-align:left;	
  padding: 0px;	
  background-color:#ccc;	
  height: 79px;        
  background-image: url(tausta_header.gif);        
  background-repeat: no-repeat;        
  background-position: center;	
  padding-left: 60px;	
  padding-right: 60px;        
  voice-family: "\"}\"";        
  voice-family:inherit;        
  width: 680px;        }        
  html>body #header {        
    width: 680px;        }

#header h1 {display: none;}

#content {	
  width:800px;	
  min-height:370px;	
  margin:0px auto;	
  text-align:left;	
  font-size: 0.85em;	
  line-height: 1.4em;	
  background-color:#fff;        
  background-image: url(tausta_content.gif);        
  background-repeat: no-repeat;        
  background-position: top center;	
  padding-top: 10px;	
  padding-bottom: 10px;	
  padding-left: 70px;	
  padding-right: 70px;        
  voice-family: "\"}\"";        
  voice-family:inherit;        
  width: 660px;	min-height:370px;        }        
  html>body #content {        
    width: 660px;	
    min-height:370px;        }

#content h1,#content h2,#content h3 {display: none;}

#content h4 {        
  font-size: 24px;
  font-weight: bold;        
  padding: 0px;        
  color: #333;        }        

#content h5 {        
  font-size: 20px;
  font-weight: bold;        
  padding: 0px;        
  color: #333;        }
  
#content a:link {text-decoration:none; color:#369;}
#content a:hover {text-decoration:underline; color:#369;}
#content a:visited {text-decoration:none;}

#leftcol {        float: left;        width: 442px;        margin: 0px;        padding: 0px;        }
#rightcol {        float: right;        width: 200px;        margin: 0px;        padding: 0px;        font-size: .95em;	line-height: 1.3em;        }

#footer {        
  clear: both;	
  width:664px;	
  margin:0px auto;	
  text-align:center;	
  font-size: 0.70em;	
  padding: 0px;        
  background-image: url(tausta_footer.jpg);        
  background-repeat: no-repeat;        
  background-position: center;	
  padding-left: 62px;	
  padding-right: 62px;        
  voice-family: "\"}\"";        
  voice-family:inherit;        
  width: 540px;        }        
  html>body #footer {        
    width: 540px;        } 
    
#footer p {        
  background-image: url(punainenviiva.gif);        
  background-repeat: no-repeat;        
  background-position: top center;        
  padding-top: 7px;        }
  
.loginlink a:link {text-decoration:none; color: #666;}
.loginlink a:hover {text-decoration:none; color: #666;}
.loginlink a:visited {text-decoration:none; color: #666;}

#menulevel1 {        margin: 0;         font-family:arial, helvetica, sans-serif;        padding: 2px 0 20px 10px;        /*border-bottom: 1px solid #000;*/        }
#menulevel1 ul, #menulevel1 li {         margin: 0;         padding: 0;         display: inline;         list-style-type: none;         }
#menulevel1 li {               float: left;         line-height: 14px;         font-weight: bold;         margin: 0 10px 4px 10px;           color: #fff;         }
#menulevel1 a:link, #menulevel1 a:visited {         text-decoration: none;         color: #fff;         }
#menulevel1 a:hover {         border-bottom: 4px solid #fff;         color: fff;              padding-bottom: 2px;         background: transparent;         }  

#sdoc,#sdocs {         border-bottom: 4px solid #c00;         color: #fff;         }

/*background for OEDIT*/

.retrieve{  background-image:none;  background-color:#fff;  text-align:left;        font-size: 0.85em;  line-height: 1.4em;  padding: 5px;  }
.retrieve h1 {    font-size: 1em;  color:#c00;  }
.retrieve h4 {  font-size: 1.2em;  font-weight: bold;  padding: 0px;  color: #333;  }      
.kuvalinkki {   margin: 0px 0px -2px 0px;   }

#poweredby {   display:none;   font-size:0.65em;   background-image:none;   margin: 0px auto;   }
#poweredby a:link {color:#999; text-decoration:none;}
#poweredby a:visited {color:#999; text-decoration:none;}
#poweredby a:hover {color:#999; text-decoration:none;}

.xsnazzy h5, 
.zsnazzy h5 {margin:0; padding:0 10px 2px 10px; border-bottom:1px solid #666;}
.xsnazzy p, .zsnazzy p {margin:0; padding:2px 10px;}
.xsnazzy {background: transparent; margin:0 3px;}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #666; border-right:1px solid #666;}
.xb1 {margin:0 5px; background:#444;}.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; border:0 solid #666; border-width:0 1px; height:auto;}* html 
.xboxcontent {height:1px;}.color_a {background:#ff6;}.color_b {background:#cf6;}.color_c {background:#f69;}.color_d {background:#ccf;}

#mainphoto ul {
  margin:0 0 0 10px;
  padding:0;
  text-align:left;
  }

#mainphoto li
{
display: inline;
list-style-type: none;
padding-right: 20px;
font: bold 10px arial, verdana, lucida, sans-serif;
text-decoration: none;
text-transform: uppercase;
}

#mainphoto a {color:#fff; text-decoration:none;}