/* CSS Document */

body
{
background-color:#e6e6e6;
}

img
{
border: 0px;
}



.arklogo
{
position: absolute;
left: 60px;
top: 20px;
border: 0px;
padding: 0px 0px 0px 50px;
margin: 0px;
height: 90px;
vertical-align: bottom;
width: 850px;
background-color: #FFFFFF;
}

.logo
{
position:absolute;
left: 60px;
top: 110px;
border: 0px;
padding: 0px;
margin: 0px;
}

.logoru
{
position:absolute;
left: 60px;
top: 110px;
border: 0px;
padding: 0px;
margin: 0px;
}

.linkbar
{
position:absolute;
left: 60px;
top: 240px;
border: 0px;
padding: 0px;
margin: 0px;
}

.main
{
background-color:#FFFFFF;
width:900px;
height:auto;
position:absolute;
left:60px;
top: 260px;
padding: 0px;
margin: 0px;
}

.toptable
{
height: 30px;
width: auto;
background-color: #FFFFFF;
}

.maintable
{
padding: 0px;
margin: 0px;
}

#textarea
{
width: 580px;
padding: 0px 50px 50px 70px;
margin: 0px;
}

#sidearea
{
width: 110px;
padding: 50px 20px 30px 20px;
margin: 0px;
background-color:#cccccc;
vertical-align:text-top;
}

#leftarea
{
width: 50px;
padding: 0px;
margin: 0px;
}

.downtable
{
background-color: #FFFFFF;
width: auto;
height: 30px;
}

h1
{
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
text-transform:uppercase;
color:#990000;
font-weight:800;
border-bottom: 1px solid #669999;
margin-bottom: 25px;
}

h2
{
font-family:Arial, Helvetica, sans-serif;
font-weight:400;
font-size:0.8em;
text-align:left;
padding-bottom:10px;
color:#808080;
}


h3
{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:800;
text-align:left;
padding-top: 10px;
}

h4
{
font-family:Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-weight:400;
text-transform:uppercase;
}

#textarea p
{
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:0.8em;
}

#firstletter
{
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:0.8em;
}

#firstletter:first-letter
{
font-size:300%;
float:left;
font-weight:bold;
color:#990000;
}

#textarea a, #textarea a:visited, #textarea a:active
{
color:#669999;
font-weight:900;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
text-decoration:none;
}

#textarea a:hover
{
color:#990000;
}

#sidearea a
{
color:#000000;
text-decoration:none;
text-transform:lowercase;
padding-bottom: 10px;
}

#sidearea p
{
font-family:Arial, Helvetica, sans-serif;
font-size: 0.8em;
color:#000000;
text-align:center;
padding-bottom: 0px;
line-height: 10px;
}

#sidearea a, #sidearea a:active, #sidearea a:visited
{
color:#000000;
}

#sidearea a:hover
{
color:#990000;
}

.bottom
{
width:auto;
height: 30px;
background-color:#e6e6e6;
}

ol
{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
}

ul
{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
}

#topic
{
font:Arial, Helvetica, sans-serif;
font-size: 0.8em;
}

#topic:first-line
{
font-weight: bold;
}

#message
{
font-family:Arial, Helvetica, sans-serif;
font-size: 0.8em;
padding-bottom: 10px;
border-bottom: 1px dotted #669999;
margin-bottom: 15px;
}

.tilastot
{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
text-align:left;
}

.maptable
{
border: solid 1px #669999;
}

.maptable th, .maptable td
{
width: 35px;
text-align: center;
border: 0px;
}

.tablemap
{
font-size: 0.8em;
font-family: Arial, Helvetica, sans-serif;
}

.tablemap td
{
padding: 0px 15px 0px 0px;
}