body {
background-color: #653D02;
background-image: url(../../images/_bg.png);
background-repeat: repeat-x;
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: black;
}

#navi {
position: relative;
float: left;
top: 289px;
padding-left: 90px;
}

#navi ul {
position: relative;
margin: 0;
padding: 0;
list-style: none;
left: 0px;
}

#navi li {
float: left;
height: 24px;
margin: 0px;
padding: 0px 20px 0px 0px;
white-space: nowrap;
display: inline;
overflow: hidden;
outline:0;
}

#navi li a {
float: left;
display: block;
height: 24px;
width: 100%;
overflow: hidden;
outline:0;
text-indent: -9999px;
text-decoration: none;
}

#n1a, #n1a a { background:transparent url("../images/_l1.png") 0 -20px no-repeat; width:36px; }
#n2a, #n2a a { background:transparent url("../images/_l2.png") 0 -20px no-repeat; width:88px; }
#n3a, #n3a a { background:transparent url("../images/_l3.png") 0 -20px no-repeat; width:45px; }
#n4a, #n4a a { background:transparent url("../images/_l4.png") 0 -20px no-repeat; width:35px; }
#n5a, #n5a a { background:transparent url("../images/_l5.png") 0 -20px no-repeat; width:44px; }
#n6a, #n6a a { background:transparent url("../images/_l6.png") 0 -20px no-repeat; width:163px; }
#n7a, #n7a a { background:transparent url("../images/_l7.png") 0 -20px no-repeat; width:121px; }
#n8a, #n8a a { background:transparent url("../images/_l8.png") 0 -20px no-repeat; width:74px; }

#n1, #n1 a { background:transparent url("../images/_l1.png") 0 0 no-repeat; width:36px; }
#n2, #n2 a { background:transparent url("../images/_l2.png") 0 0 no-repeat; width:88px; }
#n3, #n3 a { background:transparent url("../images/_l3.png") 0 0 no-repeat; width:45px; }
#n4, #n4 a { background:transparent url("../images/_l4.png") 0 0 no-repeat; width:35px; }
#n5, #n5 a { background:transparent url("../images/_l5.png") 0 0 no-repeat; width:44px; }
#n6, #n6 a { background:transparent url("../images/_l6.png") 0 0 no-repeat; width:163px; }
#n7, #n7 a { background:transparent url("../images/_l7.png") 0 0 no-repeat; width:121px; }
#n8, #n8 a { background:transparent url("../images/_l8.png") 0 0 no-repeat; width:74px; }

#n1 a:hover, #n2 a:hover, #n3 a:hover, #n4 a:hover, #n5 a:hover, #n6 a:hover, #n7 a:hover, #n8 a:hover { background-position: 0 -20px; }

#container {
width: 932px;
background: url(../../images/_block.png) left top no-repeat;
margin-left: auto;
margin-right: auto;
color: #333;
line-height: 130%;
text-align: left;
}

#top {
background: url(../images/_top.png);
width: 932px;
height: 322px;
padding: 0;
margin: 0;
}

#main {
background: url(../../images/_main.png) 0px 0px repeat-y;
width: 932px;
padding-top: 20px;
}

#left {
position: relative;
margin-left: 0px;
width: 450px;
padding-left: 30px;
}

#right {
position: relative;
float: right;
width: 400px;
padding-right: 30px;
}

#footer {
margin: auto;
width: 932px;
height: 95px;
}

h1 {
font-size: 20px;
padding-top: 15px;
height: 32px;
width: 100%;
background-color: #2A3337;
color: #fff;
margin-top: 0px;
}

h1.esittely {
font-size: 18px;
padding-top: 13px;
height: 28px;
width: 100%;
background-color: #2A3337;
color: #fff;
margin-top: 0px;
}

h2 {
font-size: 15px;
margin-left: 5px;
padding-top: 20px;
}

h3 {
font-size: 13px;
margin-left: 5px;
padding-top: 15px;
}

hr {
text-align: center;
color: #000;
margin-top: 20px;
width: 75%;
}

p {
margin-left: 5px;
}

p.boksi {
position: relative;
color: #FFDFB1;
background-color: #2A3337;
padding: 10px;
margin-right: 10px;
}

p.boksi a:link, p.boksi a:visited, p.boksi a:active {
color: #fff;
}

em {
color: #2A3337;
font-size: 14px;
font-weight: bold;
}

a:link, a:visited, a:active {
color: #ba131f;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
text-decoration: none;
}

a:hover {
color: #ba131f;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
text-decoration: underline;
}

img.kuva {
padding: 2px;
border: 2px solid #7B5411;
}

img.nobrd {
border: none;
}

img.arr {
padding-bottom: 1px;
padding-left: 2px;
}

table.yhteistyo {
width: 850px;
}

table.yhteistyo td {
text-align: center;
padding-bottom: 20px;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* IE-mac \*/
* html .clearfix {height: 1%;}
/* End IE-mac */