html {height:100%;}



body {
margin:0; padding:0; height:100%;
font-family:arial, helvetica, serif;
background-color:white;
background-image: url(images/background.gif);
background-position: top;
background-repeat: repeat-x;
}

#wrap {
min-height:100%;
width:960px;
margin:auto;
position:relative;
}

* html #wrap {height:100%}

#header {
background-image: url(images/header_otsikko.gif);
background-position: top;
background-repeat: no-repeat;
margin:0; 
padding-top:80px;
}

#content .kuvateksti {
margin-top:5px; 
padding:0;
font-size: 85%;
color:#000000;
}

#content p {
margin-left:5px; 
margin-right:5px; 
padding:0;
font-size: 80%;
line-height: 1.3em;
color:#000000;
}

#content td {
margin-left:5px; 
margin-right:5px; 
padding:0;
font-size: 75%;
line-height: 1.3em;
color:#000000;
}

#right p {
margin-left:5px; 
margin-right:5px;  
padding:0;
font-size: 70%;
line-height: 1.4em;
color:#000000;
}

#footer p {
margin:14px; 
padding:0;
font-size:75%;
color:#000000;
}

h1 {
position:relative;
margin:5px; 
font-size:140%;
font-weight: normal;
padding:3px;
border-left: 4px solid #c0d785;
border-bottom: 4px solid #c0d785;
color:#000000;
}

h2 {
margin:5px; 
padding:3px;
font-size:120%;
font-weight: normal;
border-left: 4px solid #c0d785;
border-bottom: 4px solid #c0d785;
color:#000000;
}



#left ul {
padding:0px;
margin:0px;
}

#left li {
text-transform: uppercase;
list-style-type: none;
text-decoration: none;
width:100%;
color:#000000;
}

#left li a {
padding:3px 0px 3px 3px ;
background-color:#ffffff;
color:#000000;
text-decoration: none;
font-size: 80%;
display:block;
line-height: 1.4em;


}

#left li a:hover  {
padding:3px 0px 3px 3px ;
background-color:#c0d785;
display: block;
color:#FFFFFF;
text-decoration: none;
font-size: 80%;
line-height: 1.4em;


}

#left ul .subnavi {
margin-left:10px;
text-transform:none;
padding:3px;
width:90%;
}

#left ul .subnavi a {
padding-top:3px;
text-transform: none;
background-color:#ffffff;
color:#000000;
text-decoration: none;
font-size: 80%;
display:block;
line-height: 1.4em;

}

#left ul .subnavi a:hover {
padding-top:3px;
text-transform: none;
background-color:#ffffff;
color:#c0d785;
text-decoration: none;
font-size: 80%;
display:block;
line-height: 1.4em;

}

.subnavi img {
float:left;
border:0px;
margin:4px 6px 0px 0px;
}

#left p {
font-size: 80%;
}

#murupolku a {
text-decoration: none;
color:#c0d785;
}

#murupolku a:hover {
text-decoration: underline;
}

#murupolku {
font-size: 70%;
color:#000000;
margin: 5px 5px 10px 5px;
}

#left {
float:left;
width:210px;
text-align:left;
}

#main {
position:relative;
margin-left:210px;
}

#right {
float:right;
width:210px;
text-align:left;
}

#content {
padding:0px 30px 0px 30px;
margin-right:210px;
text-align:left;
}

#inner-wrap {
padding-bottom:60px;
}

#inner-wrap:after {
content:" ";
display:block;
clear:both;
}

#footer {
position:absolute;
bottom:0;
height:40px;
background-color: #FFFFFF;
background-image: url(images/footer.gif);
background-position: bottom;
background-repeat: no-repeat;
width:100%;
}


<!--[if IE]>


#main,
#content,
#wrap,
#inner-wrap {
zoom:1;
}

<![endif]-->