body {
background-image:url(tausta.jpg);
font-family:Arial, 'Arial Narrow', Sans-Serif;
font-size: 14px;
line-height: 20px;
}

td {
font-family:Arial, 'Arial Narrow', Sans-Serif;
margin:20px;
font-size:12px;
text-align:justify;
line-height: 20px;
}

#koko {
width:900px;
margin: 1 auto;
border:3px solid #cccccc;
background:#CCD4C8;
}

#otsikko {
border-bottom:1px solid #ccc;
background:#f8f8f8;
text-align:center;
}

#menu {
width:150px;
float:right;
margin-right:5px;
}

#sisalto {
margin-right:163px;
background:#f8f8f8;
border-right:1px solid #ccc;
}

#paatos {
clear:both;
text-align:center;
background: #5A8947;
border-top:1px solid #ccc;
font-family:Arial, 'Arial Narrow', Sans-Serif;
font-size: 12px;
color: #5A8947;
}

#c {
font-family: arial;
font-size: 10px;
color: #8A8A98;
}


p {
margin:20px;
font-size:12px;
text-align:justify;
}

a:link {  color : #5A8947; text-decoration: none;  border-bottom: 0px solid #5A8947; } 
a:visited {  color : #4D713F; text-decoration: none;   border-bottom: 0px solid #4D713F; } 
a:active {  color : #000000; text-decoration: none;  border-bottom: 0px solid #000000;  } 
a:hover {  color : #000000; text-decoration: none;  border-bottom: 0px solid #000000;
} 

h2 {
text-indent:15px;
margin: 0px;
color: #5A8947;
font-family:Tahoma;
font-size: 15px;
font-style:none;
text-align: left;
letter-spacing: 1px;
padding: 3px;
margin-top: 5px;
margin-left: 30px;
margin-right: 30px;
border-bottom:1px solid #5A8947;
}

h3 {
margin: 0px;
color: #5c5c5c;
font-family:verdana, arial;
font-size: 14px;
font-style:bold;
text-align: left;
letter-spacing: 1px;
margin-left: 30px;
margin-right: 30px;
}


.image {
margin-left: 20px;
border : 4px double #cccccc; }

.image2 {
margin-right: 20px;
border : 4px double #cccccc; }

.image3 {
border : 4px double #cccccc; }

.td1 {
background-color:#5A8947;
font-family:arial;
font-size:12px;
color:#5A8947;
}

.td2 {
background-color:#5A8947;
font-family:arial;
font-size:12px;
color:#5A8947;
}



.nappula { 
width : 100%; 
overflow : hidden; 
background : #8A8A98; 
} 
.nappula ul { 
margin : 0; 
padding : 0; 
padding-left : 9px; 
padding-right : 0px; 
font-weight : normal; 
font-family : Verdana; 
font-size : 10px; 
list-style-type : none; 
} 
.nappula li { 
display : inline; 
margin : 1; 
} 
.nappula li a { 
float :  left; 
display : block; 
text-decoration : none; 
margin : 0; 
padding : 2px 15; 
width : 145px; 
color : white; 
background : #888889; 
} 
.nappula li a:visited { 
color : #D5E09A; 
} 
.nappula li a:hover, .nappula li.selected a { 
background : #A4A4A4; 
} 
 

#linkki { 
background-color : #888889; 
margin : 0; 
padding : 0; 
width : 900px; 
height : 25px; 
text-align : center; 
font-family : Georgia; 
font-size : 10px; 
text-transform : uppercase; 
letter-spacing : 2px; 
}

.suku {
width:680px;
background-color:#462F26;
}

.td3 {
background-color:#D1DD90;
font-family:arial;
font-size:12px;
color:#363127;
}

.td4 {
background-color:white;
font-family:arial;
font-size:12px;
color:#363127;
}

#sukutaulu {
border-spacing:2px;
border-width:0px;
border-style:solid;
border-color:#462F26;
padding: 20px;
width:100%;
background:transparent;
}

.sukusolu {
border-spacing:1px;
border-width:1px;
border-style:solid;
border-color:#462F26;
padding: 1px;
text-align:center;
}

.taulukkopaa {
font-weight : bold;
background-color : #855A48;
color : #D5E09A; 
text-align : center;
font-size : 12px;
text-transform : uppercase;
font-family : verdana;
}

.taulukkotieto {
background-color : #E9F2BB;
font-size : 12px;
font-weight : normal;
font-family : tahoma;
}

.taulukkonormi {
font-size : 12px;
font-family : arial;
border-bottom : 1px dotted #B5A68A;
}