body 
{
background-color:#c7e0dd;
} 

div.taulu
{

margin-left:auto;
margin-right:auto;

width: 1024px;
height: auto;

}

div.ylapalkki
{

float: left;
width: 1024px;
height: 130px;
background-color: #687f91;
font-family: Verdana;
color: #2c404f;
font-size: 12px;
}

div.ylapalkki p
{
font-size:34px;
margin-left: 50px;
margin-top:4px;
color: #c0e0d8;
}
div.ylapalkki img
{
font-size:34px;
vertical-align: middle;
}



div.navigaatio
{
float: left;
width: 1018px;
height: 30px;
background-color: #c7e0dd;
font-family: Verdana;
color: #687f91;
font-size: 15px;
font-weight: bold;
border-top-width: 3px;
border-top-color: #687f91;
border-top-style:solid;
border-bottom-width: 3px;
border-bottom-color: #687f91;
border-bottom-style:solid;
border-left-width: 3px;
border-left-color: #687f91;
border-left-style:solid;
border-right-width: 3px;
border-right-color: #687f91;
border-right-style:solid;
}


div.navigaatio ul
{
list-style: none;
margin-top: 4px;


}

div.navigaatio ul li
{
float: left;
margin-left: 20px;


}



div.keskiosa
{

float: left;
width: 1018px;
min-height: 500px;
height: auto;
color: #2c404f;
font-family: Verdana;
font-size: 14px;
background-color: #c6d3dd;
border-left-width: 3px;
border-left-color: #687f91;
border-left-style:solid;
border-right-width: 3px;
border-right-color: #687f91;
border-right-style:solid;
}



div.vas
{

float: left;
width: 94px;
color: #687f91;
margin-left: 40px;
margin-top: 20px;
margin-bottom: 30px;
}


div.vas p
{
font-size:12px;
font-weight: bold;
}


.vaspaalink
{
font-size:14px;
font-weight: bold;
}


div.kesk
{

float: left;
width: 590px;
color:#2c404f;
margin-left: 50px;
margin-top: 20px;
margin-bottom: 30px;
}


div.kesk p
{
font-size:12px;
}



div.oik
{

float: left;
width: 180px;
color:#2c404f;
margin-left: 20px;
margin-top: 20px;
margin-bottom: 30px;
}


div.oik p
{
font-size:12px;

}

div.etuvas
{

float: left;
width: 650px;
margin-left: 60px;
margin-top: 20px;
margin-bottom: 30px;
}


div.etuvas p
{
font-size:12px;

}

div.etuoik
{

float: left;
width: 250px;
color:#2c404f;
margin-left: 20px;
margin-top: 20px;
margin-bottom: 30px;
}


div.etuoik p
{
font-size:12px;

}

.isoots
{
font-weight: bold;
font-size: 12px;
font-family: verdana;
color:#2c404f;
}



div.alapalkki
{

float: left;
width: 1024px;
height: 50px;
background-color: #687f91;
font-family: Verdana;
color: #fff;
font-size: 12px;
}

div.alapalkki p
{
float: left;
margin-top: 18px;
margin-left: 60px;
color: #fff;

}

table, tr, td
{
border: 1px solid #2c404f;
background-color:#c7e0dd;
color:#2c404f;
font-family: Verdana;
font-size: 12px;
width: 600px;
text-align: center;
border-collapse:collapse;
}



.kuva
{
border-width: 2px;
border-style: solid;
border-color: #687f91;
}


a:link {color:#2c404f;}
a:visited {color:#2c404f;}
a:hover {color:#fff;}
a:active {color:#fff;}
a {text-decoration: none;}

a.vas:link {color:#2c404f;}
a.vas:visited {color:#2c404f;}
a.vas:hover {color:#fff;}
a.vas:active {color:#fff;}
a.vas {text-decoration: underline;}


a.kesk:link {color:#2c404f;}
a.kesk:visited {color:#2c404f;}
a.kesk:hover {color:#fff;}
a.kesk:active {color:#fff;}
a.kesk {text-decoration: underline;}

a.oik:link {color:#2c404f;}
a.oik:visited {color:#2c404f;}
a.oik:hover {color:#fff;}
a.oik:active {color:#fff;}
a.oik {text-decoration: underline;}

a.taul:link {color:#2c404f;}
a.taul:visited {color:#2c404f;}
a.taul:hover {color:#687f91;}
a.taul:active {color:#fff;}
a.taul {text-decoration: underline;}

a.kuv:link {text-decoration:none;}
a.kuv:visited {text-decoration:none;}
a.kuv:hover {text-decoration:none;}
a.kuv:active {text-decoration:none;}
a.kuv {text-decoration:none;}