html{background: url(images/htmlbg.png) repeat;}

* body, html {height: 100%}

body{
background: url(images/bodybg.png) repeat-x;

position: relative;
height: auto !important; 
height: 100%;
min-height: 100%;

font-family: Helvetica, arial, verdana, sans-serif;
}

h2{
font-size: 12px;
color: #3e6e9e;
line-height: 3;
}

h3{
font-size: 12px;
color: #3e6e9e;
line-height: 3;
font-weight: bold;
}

h4{
font-size: 12px;
color: #262626;
line-height: 2;
}

h5{
font-size: 12px;
color: #3e6e9e;
line-height: 1;
}

h6{ /* search-otsikko*/

font-size: 10px;
color: #3e6e9e;
line-height: 2;
}


p{
font-size: 12px;
line-height: 1.4;
margin: 0 0 15px 0;
}
a{
color:#3e6e9e}

#wrapper{
width:812px;
margin: 0 auto;
}
#header{

position:relative;
height: 139px;
z-index: 1000;
}

#nav{
position:absolute;
top: 30px;
left: 212px;
height: 26px;
z-index: 1000;
}
#nav ul{list-style-type:none;}
#nav ul li{float:left; margin: 0 12px 0 0;}

#nav ul li a{
line-height: 26px;
color:#fff;
font-size:10px;
text-transform: uppercase;
text-decoration: none;
}
#nav ul li a:hover, #nav ul li a.current_page_item{color: #b7b7b7;}

#sidebar{
float:left;
margin: 0 0 0 12px;
width: 150px;
display:inline;
}


#subnav ul.menu-top{
	border:none;
}

#subnav ul ul{
list-style-type:none;
border-top: 5px solid #7f9fbf;
border-bottom: 5px solid #7f9fbf;
padding: 25px 15px;
}

#subnav ul ul ul{
padding: 0;
border:none;
}

#subnav ul li a{
color:#262626;
text-decoration:none;
font-size:10px;
line-height: 15px;
}
#subnav ul li a:hover, #subnav ul li a.current_page_item{color:#003f7f;}
#subnav ul ul li {margin: 0 0 0 15px;}

#sidecont{margin: 10px 0 0 0;}

#content{
font-size: 12px;
float:left;
width:400px;
margin: 0 0 0 49px;
border-top: 1px solid #7f9fbf;
}

#opalsta{
background: url(images/opalstaborder.png) repeat-x;
width: 150px;
float:right;
}
#opalstasis{
border-bottom: 5px solid #7f9fbf;
padding: 0 0 0 0;
}
#opalsta img{
padding: 20px 0 0 0;
}

#opalsta h4{
color: #1f568f;
margin: 5px 0 0px 0;
line-height: 1;
font-size: 10px;
text-transform: uppercase;
}
#opalsta p{font-size: 10px;}

#puhujat tr {
vertical-align:top;
}
#puhujat td {
vertical-align:top;
}


#clear {clear: both;width: 100%;height: 120px;}

#footer{
position:absolute;
bottom:0;
background: url(images/footerbg.jpg) repeat-x;
height: 75px;
width:100%;
text-align:center;
}

#footer p{color:#fff; margin-top: 15px;}
#footer p span{font-size: 10px;}


#flashhead{
position:relative;
z-index: 0;
margin: 0 0 0 12px;
width: 800px;

}

/* search */
.search_box{
	margin: 10px 0 0 0;
}


.search_box input.searchbtn{
border:none;
background: #7f9fbf url(images/searchnuoli.png) no-repeat center center;
cursor: pointer;
}

input.search_string{width: 117px;}

.searchtitle a{
border-bottom: 1px solid #7F9FBF;
color: #3E6E9E;
display:block;
line-height: 15px;
text-decoration:none;
font-size: 12px;
}

label{font-size: 12px;line-height: 20px;}

.sitemap ul li a{
display:block;
margin: 15px 0 0 0;
font-weight: bold;
text-decoration:none;
color: #03629C;
font-size: 12px;
}
.sitemap ul ul {
	margin: 7px 0 0 15px;
}
.sitemap ul ul li a{
	font-weight: normal;
color: #333;
margin: 5px 0;
}
.sitemap ul ul li a:hover{
font-weight:bold;
}


/* login */
#login_box p { 
padding-left:3px;
}
#loginbtn {
width:100px;
font-size: 10px;
color: #fff;
background: #3e6e9e;
border: 1px outset #3e6e9e;	
}
input:focus {
background: #f0f0f0; 
}