body {
font : normal 12px Century Gothic, verdana; 
background : #787A7E; 


}
#container
{
width: 900px;
margin: 0px auto;
background : url(kuvat/paper.jpg);
color: #333;
padding-bottom: 5px;

}

#top
{
padding: 0px;
background : url(kuvat/paper.jpg);
border-bottom: 2px solid #773d1f; 

}



#leftnav
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
}

#rightnav
{
float: right;
width: 160px;
margin: 0;
padding: 1px;
}

#content
{
margin-left: 200px;
border-left: 1px solid #773d1f; 
margin-right: 10px;
margin-top: -30px;
padding: 0px;

}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

p {
 
font-size : 12px;  
font-weight : normal; 
color : #773d1f; 
padding : 3px;

} 
p.iso { 
font-size :24px; 
font-weight : normal; 
color : #773d1f; 
padding : 3px;

} 
h2 {
color : #773d1f;
} 
h3 {
color : #773d1f;
}
h7 {
 
font-size : 12px;  
font-weight : normal; 
color : #fff; 
padding : 3px;

} 


a:link {
font-size : 12px; 
font-weight : normal; 
text-decoration : none; 
color : #343391; 
margin-left : 0; 
} 
a:visited {
font-size : 12px; 
font-weight : normal; 
text-decoration : none; 
color : #773d1f; 
margin-left : 0; 
} 
a:active {
font-size : 12px; 
font-weight : normal; 
text-decoration : none; 
color : #773d1f; 
margin-left : 0; 
} 
a:hover {
font-size : 12px; 
font-weight : normal; 
text-decoration : none; 
color : #773d1f; 
margin-left : 0;


}
a.haku:link {
font-family : Century Gothic;
margin-left : 20px;
color: #000;
display: block;
font-size: 12px;

margin-top: 1px;
padding: 5px;
text-decoration: none;
}


a.haku:active {
font-family : Century Gothic;
margin-left : 20px;
color: #d000;
display: block;
font-size: 12px;

margin-top: 1px;
padding: 5px;
text-decoration: none;
}

a.haku:visited {
font-family : Century Gothic;
margin-left : 20px;
color: #000;
display: block;
font-size: 12px;

margin-top: 1px;
padding: 5px;
text-decoration: none;
}

a.haku:hover {
font-family : Century Gothic;
color: #773d1f;
display: block;
font-size: 12px;
margin-left : 20px;


margin-top: 1px;
padding: 5px;
text-decoration: none;

		
}
a.haku2:link {
font-family : Century Gothic;
background-color: #ad582d;
color: #d6c18e;
display: block;
font-size: 12px;
border: 2px solid #FBF2D1;
margin-top: 1px;
padding: 5px;
text-decoration: none;
}


a.haku2:active {
font-family : Century Gothic;
background-color: #ad582d;
color: #d6c18e;
display: block;
font-size: 12px;
border: 2px solid #FBF2D1;
margin-top: 1px;
padding: 5px;
text-decoration: none;
}

a.haku2:visited {
font-family : Century Gothic;
background-color: #ad582d;
color: #d6c18e;
display: block;
font-size: 12px;
border: 2px solid #FBF2D1;
margin-top: 1px;
padding: 5px;
text-decoration: none;
}

a.haku2:hover {
font-family : Century Gothic;
color: #fff;
display: block;
font-size: 12px;

border: 2px solid #FBF2D1;

margin-top: 1px;
padding: 5px;
text-decoration: none;
background-color: #773d1f;
		
}
#sisa {
position : relative;
height : auto;  
margin-top : 40px; 
margin-left : 60px; 
margin-right : 200px; 
padding : 10px; 

}
#sisa2 {
position : relative;
height : auto;  
margin-top : 40px; 
margin-left : 20px; 
margin-right : 20px; 
padding : 10px; 

}
#keski2 {
position : relative;
width : 690px; 
height : auto;  
margin-top : 0px; 
margin-left : 2px; 
padding-left : 1px;
padding-top : 5px;
text-align : left; 
border-top : 3px solid #773d1f; 
border-bottom : 0px solid #c56870; 
border-left : 0px solid #fff;
border-right : 0px solid #fff;

} 
#uusi {
position : relative;
width : 670px; 
height : auto;  
margin-top : 0px; 
margin-left : 0px; 
padding : 10px; 
text-align : center; 

background : #ad582d;
} 
.ylos {

margin-left : 0px; 
margin-top : 5px; 

}
#centercontent {

margin-top : 5px; 
width :  962px; 
height : 3px;  
background : #7A3128;
}