body {
margin: 0px;
padding: 0px;
background-image: url("../images/aallot.png");
background-repeat: repeat-x;
background-color: #2F6373;
}

div#pala {
position: absolute;
top: 3px;
left: 53px;
}

div#logo {
position: absolute;
top: 30px;
left: 270px;
text-align: center;
}

span.logoa {
font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular, serif;
font-size: 400%;
font-weight: bold;
color: #7594AC;
}

span.tekstia {
font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular, serif;
font-size: 100%;
font-weight: bold;
color: #000;
}

div#content {
width: 760px;
margin: 0 auto;
padding-top: 320px;
padding-bottom: 20px;
}

div#nav {
width: 700px;
height: 66px;
text-align: center;
padding-bottom: 0px;
background-image: url("../images/line.png");
background-repeat: no-repeat;
}

#nav ul {
padding: 0px;
margin: 0px;
padding-top: 13px;
white-space: nowrap;
}

#nav li {
padding: 0px;
margin: 0px;
display: inline;
list-style-type: none;
}

#nav a {
padding: 0px 0px 40px 0px;
margin: 0px 15px 0px 15px;
font-family: verdana;
font-weight: bold;
text-decoration: none;
}

#nav a:link, #nav a:visited {
text-decoration: none;
color: #C5DDE4;
}

#nav a:hover {
color: #fff;
text-decoration: none;
background-image: url("../images/linka.png");
background-repeat: no-repeat;
display: inline;
}

#active a:link, #active a:visited, #active a:hover {
color: #fff;
text-decoration: none;
background-image: url("../images/linka.png");
background-repeat: no-repeat;
display: inline;
}

h1 {
color: #EBF5FB;
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, serif;
font-size: 110%;
padding-top: 0px;
}

h2 {
color: #fff;
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, serif;
font-size: 100%;
text-align: left;
padding-top: 10px;
}

h3 {
color: #fff;
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, serif;
font-size: 90%;
text-align: left;
padding-left: 5px;
padding-top: 5px;
}

p {
color: #fff;
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, serif;
font-size: 90%;
text-align: left;
padding-left: 10px;
margin: 0px 0px 15px 0px;
}

a, a:link, a:active {
color: #eee;
text-decoration: none;
}

a:visited {
color: #ddd;
text-decoration: none;
}

a:hover {
color: #eee;
text-decoration: underline;
}

.picright {
float: right;
background-color: #fff;
border-color: #18414E;
padding: 3px;
margin: 5px 25px 10px 15px;
border-width: 0px 2px 2px 0px;
border-style: solid;
border-color: #18414E;
text-align: center;
}

.picleft {
float: left;
background-color: #fff;
border-color: #18414E;
padding: 3px;
margin: 5px 25px 10px 0px;
border-width: 0px 2px 2px 0px;
border-style: solid;
border-color: #18414E;
text-align: center;
}

.brd {
border: 1px solid #000;
}

.nobrd {
border: none;
}

img.spons {
border: 1px solid #000;
}

.kuva {
padding: 3px;
margin: 0px;
border-width: 0px 2px 2px 0px;
border-style: solid;
border-color: #18414E;
background-color: #fff;
}

p.kuvateksti {
color: #000;
text-align: center;
margin: 0px;
padding: 0px;
}

div#box {
color: #fff;
width: 214px;
float: left;
background-color: #5D8793;
margin-top: 20px;
vertical-align: top;
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, serif;
font-size: 80%;
}

div#boxtop {
width: 214px;
height: 9px;
font-size: 0px;
background-color: #2F6373;
padding: 0px;
margin: 0px;
}

div#box p {
padding: 4px 0px 2px 4px;
}

div#box a {
color: #fff;
text-decoration: none;
}

div#box a:hover {
text-decoration: underline;
}

div#boxbottom {
width: 214px;
background-color: #2F6373;
padding: 0px;
margin: 0px;
}

div#left {
width: 220px;
float: left;
}

div#right {
width: 520px;
float: right;
padding-top: 10px;
}

p.footer {
color: #ddd;
border-top: 1px solid #ddd;
font-size: 60%;
text-align: right;
padding-top: 4px;
margin-top: 20px;
}

li {
color: #fff;
font-size: 90%;
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, serif;
}

table.taulukko {
width: 80%;
}

table.taulukko td {
color: #fff;
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, serif;
font-size: 90%;
text-align: left;
vertical-align: top;
}

table.ajat {
padding: 10px 0px 20px 8px;
}

table.ajat td {
color: #fff;
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, serif;
font-size: 90%;
text-align: left;
vertical-align: top;
}

table.logot {
width: 100%;
}

table.logot td {
vertical-align: middle;
padding: 0px 5px 0px 5px;
}

.small {
font-size: 70%;
}

img.oik {
float: right;
padding: 3px;
margin: 3px 3px 5px 10px;
border-width: 0px 2px 2px 0px;
border-style: solid;
border-color: #18414E;
background-color: #fff;
}

img.vas {
float: left;
padding: 3px;
margin: 4px 10px 10px 0px;
border-width: 0px 2px 2px 0px;
border-style: solid;
border-color: #18414E;
background-color: #fff;
}

img.none {
float: left;
padding: 3px;
margin: 2px 2px 2px 2px;
border-width: 0px 2px 2px 0px;
border-style: solid;
border-color: #18414E;
background-color: #fff;
}

.hrinv {
clear: both;
height: 10px;
border-top: 1px solid #2F6373;
}