body {
margin-top: 30px;
margin-left: 40px;
margin-right: 40px;
margin-bottom: 30px;
background: "taustaa.gif";
}

TD {
Font-Family : Verdana, sans-serif;
Font-Size : 12px;
text-align: left;
}

#taulukko {
Font-Family : Arial, sans-serif;
Font-Size : 12px;
text-align: center;
color: #fff;
}

#button {
width: 175px;
padding: 5px 0 0 0;
margin-bottom: 1em;
font-family: Verdana, sans-serif;
font-size: 13px;
font-weight: bold;
background-color: =#338;
color: #fff;
}

#button ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#button li {
border-bottom: 1px solid #3380ff;
margin: 0;
}

#button li a {
display: block;
padding: 5px 5px 5px 0.5em;
background-color: #3380FF;
color: #000;
text-decoration: none;
width: 110%;
}

#buttoninfo {
display: block;
padding: 2px 2px 2px 0.2em;
background-color: #3380FF;
color: #000;
text-decoration: none;
width: 110%;
}


html>body #button li a {
width: auto;
}

#button li a:hover {
background-color: #FF8044;
color: #fff;
}

#middlecontainer {
border: 2px solid #000;
padding: 0px;
width: 100%;
}

#content {
padding: 5px;
margin-left: 5px;
margin-right: 5px;
font-family: Verdana, sans-serif;
font-size: 12px;
text-align: left;
color: #fff;
}


#content A:link    { color: #87CEFA; }
#content A:visited { color: #87CEFA; }
#content A:hover   { color: #FF8044; text-decoration: none; }
#content A:active  { color: #0080FF; }
#content H3        { margin-top: 0px; margin-left: 15px; Font-size: 13px; }
#content H4        { margin-top: 30px; margin-left: 15px; margin-bottom: 5px; Font-size: 12px; }
#content P         { margin-left: 15px; }
#content PRE       { margin-left: 15px; }
#content TABLE     { margin-left: 15px; }




#updated {
font-family: Verdana;
font-size: 13px;
padding: 5px 5px 5px 1.5em;
}

#footer {
Font-Family : Verdana, sans-serif;
Font-Size : 11px;
text-align: center;
Font-color: #fff;
}
#footer A:link    { color: #0080FF }
#footer A:visited { color: #0080FF }