*{font-family: Trebuchet MS, Verdana, Arial, sans-serif;}
html {
   overflow-y: scroll;
   }
   
body{
background-image: url(images/back.jpg);
	background-repeat: repeat-x;
	background-color: #b6d7ee;
	font-family: Trebuchet MS, arial, sans-serif;

	color: #00194F;
	padding: 0;
	margin-top: 10px;
}

#wrapper{
width:876px;
margin:0 auto;
border-left:0px #011B54 solid ;
border-right:0px #011B54 solid;
background-color: #DAEBF7;
	
}

/* Header styles*/
#header{
width:876px;
height:187px;
background: url(images/banner.png) #469BD4;
background-repeat: no-repeat;
	
}
#navi{
	background-image: url(images/palkki.png); no-repeat
	width: 876px;
    height: 40px;}
    
#topnav {
    margin: auto;
    padding: 10px 20px 0 20px;
    width: 836px;
    text-align: center;
    height: 40px;
    
}


#topnav ul, #topnav ul ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: auto;
    color: #00194F;
}


#topnav ul a {
    padding-top: 2px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 5px;
    display: block;
    width: auto;
    height: auto;
    color: #00194F;
    text-decoration:none;
    font-size: 85%;
    font-weight: bold;
}

#topnav ul li a:hover {
    color: #469AD6;
    background-color:  #;
    background-image: none;
}

#topnav a.active {
    color: #ff0000;
}

#topnav a.active:hover {
    color: #ff0000;
    background-color:  #ffffff;
    background-image: none;
}

#topnav ul li ul li a{
    color: #1791e4;
}

#topnav ul li ul li a:hover {
    color: #60bfff;
}


/* top level non hover property */
#topnav ul li {
    float: left;
    width: auto;
/*    border-right: 1px solid #000000;*/
    height: auto;
}


#topnav ul li ul{
    position: absolute;
    left: -999em;
}


/* top level hover property */
#topnav ul li:hover, #topnav ul li.hoverfix {
    float: left;
    width: auto;
    background-color:  #;
    background-image: none;
    height: auto;
}


/* Drag in 2nd level menu 
#topnav ul li:hover ul, #topnav ul li.hoverfix ul {
    left: auto;
    z-index: 2;
   
    background-color:  #;
}


/* 2nd level non hover property 
#topnav ul li:hover ul li, #topnav ul li.hoverfix ul li {
    clear: left;
    background-image: none;
    height: auto;
    border: 0px;

}


/* 2nd level hover property 
#topnav ul li:hover ul li:hover, #topnav ul li.hoverfix ul li.hoverfix {
    clear: left;
    background-image: none;
    height: auto;
    border: 0px;
}
*/
/* ######################################################### */
/* ######################################################### */
/* ######################################################### */
/* ######################################################### */


#map_canvas{
	width: 500px; 
	height: 400px; 
	border:1px solid #011B54;}



#leftbox {
    margin: 0px 0px 0px 0px;
    padding: 10px;
    width: 200px;
    
    font-size: 85%;
    text-align:left;
    float:left;
}

#leftbox p {
    margin: 10px 10px 10px 0px;
    padding: 0px;
}

#leftbox h1, #leftbox h2 {
    margin: 1px 0px 1px 0px;
    padding: 4px;
    color: #888888;
    width: 160px;
}

#leftbox ul {
    
    padding-left:10px;
    list-style: none;
    font-weight: bold;
    
    
}

#leftbox ul li {
   
    color: #011B54;
    padding-left: 10px;
}

#leftbox ul li a {
    
    color: #011B54;
    text-decoration: none;
    
}

#leftbox ul li a:hover{
    
    color: #469AD6;
    
}

#leftbox ul li a.active, #leftbox ul li a.active:hover{
   
    color: #ff0000;
}





/* Main body text styles*/
#text {
color:#011B54;
font: 0.8em Trebuchet MS, Verdana, Arial, sans-serif;
float:right;
width:595px;
min-height: 530px;
padding: 10px 20px;
background-image: url(images/reuna.png);
background-repeat: repeat-y;




}


#text p{

}

#text ul{
list-style:url(images/bullet.png);

}

#text ol{
list-style:lower-roman;

}

#text h1{
font-size:1.5em;

background: url(images/h1img.png) no-repeat ;
padding-left: 40px;

}

#text h2{
font-size:1.2em;

}

#text h3{
font-size:1.0em;

}

#text blockquote{
background:#FBFFFB url(block.jpg) top left no-repeat ;
border-top:1px solid #e0e4e3;
border-bottom:1px solid #e0e4e3;
border-right:1px solid #e0e4e3;
border-left:2px solid #e0e4e3;
margin: 0 35px 0 0;
padding:10px;

}

#text a {
color:#011B54;
font-weight: bold;
}

#text a:hover{
color:#011B54;
border-bottom:1px dotted #011B54;
font-weight: bold;
}


.menu{
background: #E1EFF8;
}

.mokki{

background: #E1EFF8;
font-size: 90%;
}

table td{

padding:5px;

}


/*
Form styles */

input{
border:1px solid #011B54;
background:#b6d7ee;
color:#011B54;

}


input:hover{
border:1px solid #011B54;
background:#E1EFF8;
}



textarea{
border:1px solid #011B54;
background:#b6d7ee;
/*font: 0.8em Trebuchet MS, Verdana, Arial, sans-serif;*/
}

textarea:hover{
border:1px solid #011B54;
background:#E1EFF8;

}



/*Footer styles*/
#footer {
color:#011B54;

width: 876px;
clear: both;
height: 4em;
background-image: url(images/bottom.png) ;
background-repeat: no-repeat;
background-color: #b6d7ee;
font-size: 12px;
font-weight: bold;
line-height:4em;
color: #00194F;
text-align: center;
vertical-align: middle;

}
/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: 33px;
	left: 45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 0px;
	vertical-align: top;
	/*width: 50px;
	height: 50px;*/
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;

	position: relative;
}

.hoverbox .preview
{
	border-color: #000;

}