*{margin: 0; padding: 0;}

  html{background: #cbc8b6; background-image: url("taustakuva.jpg"); background-repeat:repeat-x;}
  body{font: normal 62.5% Georgia, serif; text-align: center;}
  
  #wrap{text-align: center; width: 800px; margin: 0 auto;}
  


  #header{text-align: left; margin-top: 10px;}
  #header a:link{font-size: 2.4em; color: orange;  text-decoration:none;font-variant: small-caps;}
  #header a:active{font-size: 2.4em; color: orange; text-decoration:none;font-variant: small-caps;}
  #header a:visited{font-size: 2.4em; color: orange;  text-decoration:none;font-variant: small-caps;}
  #header a:hover{font-size: 2.4em; color: #e9ec47;  text-decoration:underline;font-variant: small-caps;}
  
  #menu{text-align: left; height: 42px; border: 1px solid #fff; background: #fff url(menutausta.png) top repeat-x; margin: 10px 0px 10px 0px;}
  #menu a:link{font-size: 1.8em; color: #000; margin-right: 25px; line-height: 2.4em; margin-left: 15px; text-decoration:none;}
  #menu a:active{font-size: 1.8em; color: #000; margin-right: 25px; line-height: 2.4em; margin-left: 15px; text-decoration:none;}
  #menu a:visited{font-size: 1.8em; color: #000; margin-right: 25px; line-height: 2.4em; margin-left: 15px; text-decoration:none;}
  #menu a:hover{font-size: 1.8em; color: red; margin-right: 25px; line-height: 2.4em; margin-left: 15px; text-decoration:underline;}
  
  #ingressi{text-align: left; background: #4E3D2D; line-height: 2.6em; padding: 1.2em; height: 140px;}
  #ingressi-teksti {float: left; margin-left: 15px; width: 500px;}
  #ingressi h2{color: #fefefe; font-size: 1.8em;}
  #ingressi p{color: #b9b6a5; font-size: 1.3em;}
  
  #ingressi span.soita {font-size: 1.5em; color: #e9ec47; line-height: 2.4em;  text-decoration:none;}
  #ingressi a.soita:link{font-size: 1.5em; color: orange; line-height: 2.4em;  text-decoration:none;}
  #ingressi a.soita:active{font-size: 1.5em; color: orange;  line-height: 2.4em;  text-decoration:none;}
  #ingressi a.soita:visited{font-size: 1.5em; color: orange;  line-height: 2.4em;  text-decoration:none;}
  #ingressi a.soita:hover{font-size: 1.5em; color: #e9ec47;  line-height: 2.4em;  text-decoration:underline;}

  #leipateksti{text-align: left; overflow: auto; margin: 10px 0px 10px 0px; background: #cbc8b6; height: 100%;}
  
  #linkit {float: left; width: 200px; overflow: auto;}
  #linkit h2{margin: 15px; border-bottom: 2px dotted #000; FONT-FAMILY: Arial, Verdana, sans-serif; ;FONT-SIZE: 15px; color:#000000; 
  font-weight: bolder; margin-top: 10px; margin-bottom: 0px;}
  #linkit a:link{font-size: 1.4em; color: #000; margin-right: 25px; line-height: 2.4em; margin-left: 15px; text-decoration:none;}
  #linkit a:active{font-size: 1.4em; color: #000; margin-right: 25px; line-height: 2.4em; margin-left: 15px; text-decoration:none;}
  #linkit a:visited{font-size: 1.4em; color: #000; margin-right: 25px; line-height: 2.4em; margin-left: 15px; text-decoration:none;}
  #linkit a:hover{font-size: 1.4em; color: red; margin-right: 25px; line-height: 2.4em; margin-left: 15px; text-decoration:underline;}
  
  #sisalto{float: left; width: 598px; background: #dbd8c5; border-left: 2px solid #fff; min-height: 430px; }
  #sisalto p{margin: 15px;  font-family: Arial, Verdana, sans-serif; font-size: 1.4em; line-height: 1.4;}
  #sisalto h1{margin: 15px; border-bottom: 2px dotted #000;
  FONT-FAMILY: Arial, Verdana, sans-serif; FONT-SIZE: 15px; color:#000000; font-weight: bolder; margin-top: 10px; margin-bottom: 0px;}
  #sisalto h2{margin: 15px; 
  FONT-FAMILY: Arial, Verdana, sans-serif; FONT-SIZE: 15px; color:#000000; font-weight: bolder; margin-top: 10px; margin-bottom: 0px;}
  #sisalto ul{margin: 15px; margin-left: 30px; font-family: Arial, Verdana, sans-serif; font-size: 1.4em; line-height: 1.4;}
  
  #sisalto a:link{font-family: Arial, Verdana, sans-serif;  color: blue; text-decoration:none;}
  #sisalto a:active{font-family: Arial, Verdana, sans-serif; color: blue; text-decoration:none;}
  #sisalto a:visited{font-family: Arial, Verdana, sans-serif; color: blue; text-decoration:none;}
  #sisalto a:hover{font-family: Arial, Verdana, sans-serif;  color: red; text-decoration:underline;}
  
  #sisalto a.sivukartta:link{color: #000; margin-right: 25px; line-height: 1.4em; margin-left: 15px; text-decoration:none;}
  #sisalto a.sivukartta:active{color: #000; margin-right: 25px; line-height: 1.4em; margin-left: 15px; text-decoration:none;}
  #sisalto a.sivukartta:visited{color: #000; margin-right: 25px; line-height: 1.4em; margin-left: 15px; text-decoration:none;}
  #sisalto a.sivukartta:hover{color: red; margin-right: 25px; line-height: 1.4em; margin-left: 15px; text-decoration:underline;}


  #footer{text-align: center; font-family: Verdana, Arial, sans-serif; FONT-SIZE: 8px; color:#000000;}
  #footer a:link{font-family: Verdana, Arial, sans-serif; FONT-SIZE: 11px; color: blue; text-decoration:none;}
  #footer a:active{font-family: Verdana, Arial, sans-serif; FONT-SIZE: 11px; color: blue; text-decoration:none;}
  #footer a:visited{font-family: Verdana, Arial, sans-serif; FONT-SIZE: 11px; color: blue; text-decoration:none;}
  #footer a:hover{font-family: Verdana, Arial, sans-serif; FONT-SIZE: 11px; color: red; text-decoration:underline;}
  
 
  .float-l{float:left;}

  p{font-size: 1.3em;}