* { padding: 0px; margin: 0px; }


body 
{
    background-image:url(tausta.gif);
    }
a {
text-decoration:none;
}    
.sivu
{
    width:922px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    }    
.header
{
    width:922px;
    height:210px;
    background-image:url(yla.gif);
    position:relative;
  
    }
  
.vartalo
{
    width:922px;
    background-image:url(vartalo.gif);
    background-repeat:repeat-y;
    position:relative;
    display:inline;
    float:left;	
    }
.palkki {
font-size:14px;
margin-left:12px;
position:relative;
width:150px;
 z-index:5;
  display:inline;
    float:left;	
}



ul {
    margin: 0;
    padding: 0;
    list-style: none;
        font-family:Arial,Helvetica;
        font-size:13px;
    width: 150px;
    border-bottom: 1px solid #ccc;
    z-index:5;
    cursor:pointer;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 150px;
    border-bottom: 1px solid #ccc;
    background-image:url(menu2.jpg);
    background-repeat:repeat-y;
     z-index:5
}

ul li {
    position: relative;
    z-index:5
    
    }
li ul {
    position: absolute;
    left: 149px;
    top: 0;
    display: none;
    z-index:5
    }
ul li a {
    display: block;
    text-decoration: none;
    padding: 5px;
    border: 1px solid #ccc;
    border-bottom: 0;
    color:#000000;
     z-index:5
    }
    
    ul li a:hover {
    display: block;
    text-decoration: none;
    color:#D70000;
    padding: 5px;
    border: 1px solid #ccc;
    border-bottom: 0;   
     z-index:5
    }

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { 
    display: block; }    
  
  .textarea
 { width:549;
     position:relative;
     display:inline;
    float:left;
     }

 .name
 {
     width:504px;
     margin-left:14px;
     position:relative;
     background-repeat:no-repeat;
       z-index:2;
       display:inline;
       float:left;
       top:-2px;
     }

.textheader
 {
 width:548px;
 position:relative;
  margin-left: 10px;
  top:-8px;
 }
 .textmiddle
 {
 background-image:url(body_keski.gif);
 width:548px;
 position:relative;
 background-repeat:repeat-y;
 margin-left: 10px;
 top:-8px;
 }
 .text
 {
     padding:5px;
     margin-left:8px;
     margin-right:8px;
     text-align:justify;
     position:relative;
 }
 .text table
 {
        width:100%
     }

    

h1
{
    font-size:17px;
    font-family:Arial,Helvetica;
    }
 h2
 {
     font-family:Arial,Helvetica;
     font-size:15px;
     }
 p
 {
     font-family : Verdana;
     font-size:12px;
     }
 th
 {   
     font-family:Arial;
     font-size:14px;
     }
 td
 {
     font-family : Verdana;
     font-size:12px;  
   
     }
 .textfooter
 {
 background-image:url(body_ala.gif);
 width:549px;
 position:relative;
 }
 .sponsors
{
    width:150px;
    font-size:12px;
    position:relative;
    margin-right:10px;
    display:inline;
    float:left;    
    top:6px;
    }
 .sponsorsheader
{
    background-image:url(mainos_yla.gif);
    background-repeat:no-repeat;
    width:150px;
    position:relative;
    margin-right:10px;
    left:2px;
    }
    .sponsorsmiddle
{
    background-image:url(mainos_keski.gif);
    background-repeat:repeat-y;
    width:150px;
    position:relative;
     left:2px;
    }
    
   .sponsorsfooter
{
    width:150px;
    position:relative;
        margin-right:10px;
        left:2px;
        
    }
    .add
 {
        text-align:center;
     position:relative;
     margin-left:2px;
     margin-right:2px;
 }
   .footer
{
    width:920px;
    background-image:url(footeri.gif);
    height:65px;
    position:static;
    }