* {
margin: 0px;
padding: 0px;
}

a:link {
color: #054254;
text-decoration: none;
}

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

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

body {
margin:0;
font-family: arial;
font-size: 12px;

background: url('../taustakuvat/bg_syksy.jpg') top center;background-repeat: no-repeat;}

p.centering {
text-align: center;
}

#shadow {
background-image: url('../layout_images/bg.png');
background-repeat: repeat-y;
width: 995px;
margin: auto;
}


#footer {
background-image: url('../layout_images/alaosa.png');
background-repeat: no-repeat;
width: 995px;
height: 77px;
margin:auto;
}

#footer p {
font-size: 13px;
padding-top: 2px;
text-align: center;
color: #054254;
}

#page {
margin-left: 48px;
width: 899px;
}

#top_navi {
background: url('../layout_images/ylalinkkipalkki.png') top left no-repeat;
position: absolute;
left: 0px; 
top: 45px;
height: 36px; 
width: 899px;
text-align:right;
}

#logo {
position: absolute;
left: -82px; 
top: 90px;
height: 158px; 
width: 158px;
text-align:right;
}

.logo {
width:158px;
height:158px;
border:0;
}

.yla_etu{
display: block;
width: 77px;
height: 36px;
background: url('../layout_images/valke_etusivu.png'); 
float:right;
}

.yla_etu:hover {
background: url('../layout_images/vari_etusivu.png'); 
}

.yla_extra {
display: block;
width: 87px;
height: 36px;
background: url('../layout_images/valke_extr.png'); 
float:right;
}

.yla_extra:hover {
background: url('../layout_images/vari_extr.png'); 
}

.yla_yhteys {
display: block;
width: 108px;
height: 36px;
background: url('../layout_images/valke_yhtied.png'); 
float:right;
}

.yla_yhteys:hover {
background: url('../layout_images/vari_yhtied.png'); 
}

#header {
position:relative;
height:255px;
}


#first_navi {
font-size:9pt;
font-weight:bold;
color:#fff;
width:899px;
height:27px;
background: url('../layout_images/linkkipalkki.png')top left no-repeat;
padding-top: 9px;
text-align:center;
}

#first_navi a {
color: white;
display: inline-block;
margin: 0px 5px 0px 5px;
padding: 1px 5px 1px 5px;
}

#first_navi a:hover {
color: #054254;
text-decoration:none;
}

#first_navi a.cur {
font-weight: bold;
color: #fff;
display: inline-block;
margin: 0px 5px 0px 5px;
padding: 1px 5px 1px 5px;
}

#content-frame {
width:879px;
padding: 10px 10px 10px 0;
}

#content-left {
float: left;
width: 260px;

}

#content-left .left_box {
text-align: left;
}

#content-left .sub_navi {
list-style: none;
list-style-type: none;
}

#content-left .sub_navi li{
width:235px;
height:24px;
}

#content-left .sub_navi li.link_1 {
padding: 10px 0 0 20px;
border-bottom: #fff solid 2px;
border-left: 1px solid #257e7c;
background: url('../layout_images/vasen_linkki_bg.jpg') no-repeat;
}

#content-left .sub_navi li.link_1 a {
color: #054254;
}

#content-left .sub_navi li.link_1 a:hover {
color: #fff;
text-decoration:none;
}

#content-left .sub_navi li.select_link_1 {
padding: 10px 0 0 20px;
border-bottom: #fff solid 2px;
border-left: 1px solid #257e7c;
background: url('../layout_images/vasen_linkki_bg.jpg') no-repeat;
}

#content-left .sub_navi li.select_link_1 a:hover {
color: #fff;
text-decoration:none;
}

#content-left .sub_navi li.link_2 {
padding: 10px 0 0 30px;
width:225px;
}

#content-left .sub_navi li.link_2 a:hover {
text-decoration:underline;
}

#content-left .sub_navi li.select_link_2 {
padding: 10px 0 0 30px;
font-weight: bold;
width:225px;
}

#content-left .sub_navi li.link_3 {
padding: 2px 0 2px 50px;
height:12px;
width:205px;
list-style-type: square;
list-style-position: inside;
}

#content-left .sub_navi li.link_3 a:hover {
text-decoration:underline;
}

#content-left .sub_navi li.select_link_3 {
padding: 2px 0 2px 50px;
font-weight: bold;
height:12px;
width:205px;
list-style-type: square;
list-style-position: inside;
}

#content {
width:610px;
margin-left: 270px;
text-align:justify;
border-left: 5px solid transparent;
}

#content h1 {
font-size: 25px;
color: #054254;
padding: 5px 0px 2px 0px;
}

#content h2 {
font-size: 22px;
color: #054254;
padding: 5px 0px 2px 0px;
}

#content h3 {
font-size: 18px;
color: #054254;
padding: 5px 0px 2px 0px;
}

#content h4 {
font-weight: bold;
font-size: 16px;
color: #054254;
padding: 5px 0px 2px 0px;
}

#content .normaali{
font-weight: normal;
}

#content .iso{
font-variant: small-caps;
letter-spacing: 0.1ex;
}

#content .kursivoitu{
font-style: italic;
}

#content p {
padding: 6px 0px 8px 0px;
}

#content ol {
padding: 3px 0px 3px 30px;
}

#content ul {
padding: 3px 0px 3px 25px;
}

#content li {
padding: 2px 0px 3px 0px;
}

.clr {
clear: both;
}