body {
background-color:#4A4A4A;
margin-left:10px;
margin-right:20px;
background-image: url(taustab.jpg);
background-repeat: no-repeat;
background-position: 100px 60px;
}

p {
font:12px verdana, arial, helvetica, sans-serif;
margin:0px 0px 0px 0px;
padding:0px;
background-color:transparent;
color:black;
}


#sisalto {
margin:0px 50px 50px 230px;
width:450px;
padding:10px;
position:absolute;
top:80px;
left:2px;
width:550px;
padding:10px;
font-size:14px;
voice-family: "\"}\"";
voice-family: inherit;
}

h1 {
margin:0px;
padding:0px;
font-family: Verdana, arial, helvetica, sans-serif;
color: black;
font-size:16px;
background-color:transparent;
width:200px;
}

h2 {
margin:0px;
padding:0px;
font-family: Verdana, arial, helvetica, sans-serif;
color: black;
font-size:12px;
background-color:transparent;
width:580px;
}

div.scroll {
position: absolute;
top: 210px;
left: 280px;
height: 360px;
width: 600px;
overflow: auto;
border: 1px solid #666;
background-color:transparent;
padding: 8px;
}


#alaviite {
font-family: Verdana, arial, helvetica, sans-serif;
width:450px;
color: black;
background-color:transparent;
position: absolute;
top: 660px;
left: 120px;
font-size:10px;
}

#navcontainer ul {
position: absolute;
top: 210px;
left: 120px;
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer li { margin: 0 0 .2em 0; }

#navcontainer a
{
display: block;
color: #036;
background-color: transparent;
width: 9em;
padding: .2em .8em;
text-decoration: none;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #036;
border-bottom: 1px solid #036;
}

#navcontainer a:hover
{
background-color: #369;
color: #FFF;
border-top: 1px solid #036;
border-left: 1px solid #036;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}