BODY {
   background: #FBFFF7; 
   background-repeat: repeat-x;
   background-attachment:none;
   img-border:"0";
       position: relative;
top:10px; 
}

#koko{
   width:70%;
    margin-left: auto;
    margin-right: auto;
  background:#FBFFF7;
}

#lokero {
   width:70%;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
   font-family:verdana;
   font-size:11px;
   color:#000000;
   line-height:15px;
   text-align:center;
   letter-spacing: 1px;
}

#td2  {
    border-top-style: none;
    border-right-style: dotted;
    border-bottom-style: none;
    border-left-style: dotted;
   border-color:#60801B;
    border-width: 1px;
}


#vihrea {
   width:100%;
   background: #95BF3A; 
   margin:0px;
   padding:0px;
   font-family:verdana;
   font-size:11px;
   color:#000000;
   line-height:15px;
   text-align:center;
   letter-spacing: 1px;
       position: absolute;
 top: 320px;
z-index:10;
}

#linkit {
   width:70%;
   padding:0px;
   margin:0px;
}


#valkoinen {
   width:70%;
   background: #F1FFE2; 
   margin:0px;
   padding:25px;
   font-family:verdana;
   font-size:11px;
   color:#000000;
   line-height:15px;
   text-align:left;
   letter-spacing: 1px;
       position: absolute;
 top: 390px;
}

#otsake {
   margin:0px;
   padding:0px;
   width:100%;
       position: relative;
    top:0px;
   z-index:12;
}


#perus {
   border: 3px;
   border-style: double;
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-color: #7FBFFF7;
   font-family:verdana;
   font-size:11px;
   color:#000000;
   line-height:15px;
   text-align:left;
   letter-spacing: 1px;
   line-height: 14px;
   margin:10px 20px 10px 20px;
}



h1 {
   font-family: georgia;
   font-style:none;
   font-weight:none;
   font-size:12px;
   color:#6B8E20;
   letter-spacing: 3px;
}

h2 {
   font-family: palatino linotype;
   font-style:italic;
   font-weight:bold;
   font-size:12px;
   color:#0A253F;
}

h3 {
   font-family: georgia;
   font-style:none;
   font-weight:bold;
   font-size:13px;
   color:#9C2A12;
   letter-spacing: 3px;
   text-align:center;
   line-height: 5px;
}

#kuva {
   border: 3px;
   border-style: double;
   background-color: #95BF3A;
   margin:10px 10px 10px 10px;
    border-radius: 15px;
}

ul {
    margin: auto;
    padding: auto;
    list-style: none;
    z-index: 50;
    border: 0px;
    border-radius: 25px;
}
ul li {
    display:block;
    position: relative;
    float: left;
    z-index: 50;
}
li ul { display: none; }  /* Piilotetaan alavalikko */
ul li a {
    display: block;
   font-family:verdana;
   font-size:11px;
    text-decoration: none;
    color: #3F621C;
    padding: 5px 15px 5px 15px;
    background: #FBFFF7;
    margin-left: 1px;
    white-space: nowrap;
    z-index: 50;    border: 0px;
    border-radius: 25px;

}
ul li a:hover { 
background: #B5E156;
    z-index: 50;

 }
li:hover ul {
    display: block;  /* Valikko takaisin näkyviin */
    position: absolute;    border: 0px;
    border-radius: 25px;
}
li:hover li {
    float: none;
    font-size: 11px;
    z-index: 50;

}
li:hover a {
 background: #B5E156;
    z-index: 50;

}
li:hover li a:hover { background: #B5E156;
    z-index: 50;

 }

A:link {color: #22390A; text-decoration: none; border:0;}
A:visited {color: #6CA038; text-decoration: none; border:0;}
A:active {color: #6CA038; text-decoration: none; border:0;}
A:hover {color: #788968; text-decoration: none; border:0;}
}