body {
background-color: #eeeeee;
font-family: Verdana, Geneva, sans-serif;
margin:20px 0px;
padding:0px;
text-align:center; /* IE5 */
height: 100%;
}

#content {
width: 970px;
margin:0px auto;
text-align:left; /* IE5 yllä */
}

#ots {
border-color: rgb(0, 0, 0);
border-width: 1px;
border-bottom: 1px solid rgb(0, 0, 0);
padding: 0px;
height: 150px;
background-image: url(../pics/ots_bg2.png);
color: rgb(0, 0, 0);
}

#ots p {
width: 100px;
margin: 0px 0px 0px 0px;
padding: 10px;
font-family: cursive;
font-size: 24px;
font-weight: bold;
text-align: center;
line-height: 150%;
}

h2 { font-size: 21px; }
h3 { font-size: 20px; padding: 0px 5px 5px 5px; color: #567890; }
h4 { font-size: 16px; }
h5 { font-size: 14px; margin: 10px 0px 10px 0px; } 

#perkele2 {
border: 1px solid rgb(0, 0, 0);
background-color: #eeeeee;
}

#perkele2 ul { margin: 3px 0px 3px 0px;}

#perkele2 li {
padding: 3px 15px 3px 15px;
margin-left: 0px;
margin-top: 0px;
display: inline;
font-size: 17px;
font-weight: bold;
}

#sis {
border: 1px solid rgb(0, 0, 0);
padding: 25px;
margin-top: 10px;
clear: both;
font-size: 14px;
background-color: #ACB4C1;
}

#lodju {
border: 1px solid rgb(0, 0, 0);
padding: 10px;
margin-top: 10px;
clear: right;
background-color: #eeeeee;
}

#lodju dl {
border: 0px solid rgb(0, 0, 0);
display: block;
float:left;
margin-top: 30px;
margin-bottom: 20px;
}

#lodju dt {
float: left;
clear: both;
margin: 2px;
padding: 2px;
display: block;
width: 140px;
font-weight: bold;
}

#lodju dd {
float: left;
margin: 2px 30px 2px 2px;
padding: 2px;
display: block;
width: 490px;
}

a {
text-decoration: none;
color: #567690;
}

a.sel {
color: black;
}

a:hover {
color: black;
}

#perkele2 li:hover, a:hover { color: #567890; background-color: #ACB4C1; }

.lodju2 {
border: 1px solid rgb(0, 0, 0);
padding: 10px;
margin: 10px;
clear: right;
background-color: rgb(220, 220, 220);
}