BODY { margin-top: 10px; padding: 0px;   background-color: #f0fbff; background-image: url(kuvat/bg_body2.gif); background-repeat:repeat;
background-attachment:fixed; background-position:top left; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; color:  #666666 ; 
 }
 html { overflow-y: scroll;}

#wrapper { width : 787px;   margin: 0px ;  padding: 0px 0px 0px 0px; overflow:hidden; 
} 
#header { width : 500px; float:left;  margin: 0px ;  padding: 7px 0px 10px 40px; overflow:hidden; text-align: left;
}
#lang { width : 100px; float:right;   margin: 0px ;  padding: 2px 5px 10px 0px;  text-align: left; overflow:hidden;
}
.lang {   font-weight: normal;   color: #446340; font-size: 10px;  text-decoration: none; line-height: 17px;
}
.lang:hover {    color: #0f8279; font-size: 10px;  text-decoration: underline; line-height: 17px;
}


#pageimg { clear:both; float:left; width : 787px; padding: 0px 0px 50px 0px; margin: 0 auto 0 auto;  background-image: url(kuvat/bg_wrapper.gif); 
}
#contentbox { float:left;  width : 787px;   margin: 0px ;  padding: 0px 0px 25px 0px; overflow:hidden; background-image: url(kuvat/bg_contentbox2.gif); 
} 

#leftbar {  float:left; width : 200px;  padding: 0px 27px 0px 40px; margin: 0px; line-height: 16px;  text-align: left;
}
#lefty { float:left; padding: 0px; margin: 0px; width : 267px;
}
#leftbarmenu {  float:left; width : 200px;  padding: 0px 27px 30px 40px; margin: 0px; line-height: 25px;  text-align: left;
}
#content {  float:right; width:408px;  margin: 0px; padding:  0px 28px 0px 50px; line-height: 18px;  text-align: left;
}

#content img a{ border: 1px solid #446340; margin: 0px; badding: 0px; 
}
#content img a:hover { border: 1px solid #0f8279; 
}
#audio { float:left;  margin: 0px;  padding: 0px 10px 0px 10px; background-image: url(kuvat/bg_wrapper.gif);  text-align: center; overflow: hidden; height: 410px; width: 770px;
}
#guestbook {  float:right; width:428px;  margin: 0px; padding:  0px 10px 0px 30px; line-height: 18px;  text-align: left;
}

#footerbox {   clear:both;  overflow:hidden; width:787px;  padding: 0px 0px 0px 0px; margin: 0px; text-align: left; font-weight: normal; text-decoration: none;  color: #3d8784;  font-size: 10px;  background-image: url(kuvat/bg_bottom.png);
  background-repeat: no-repeat; background-position: top left ;
}
#footerbox a {    font-size: 10px;  text-decoration: none; color: #3d8784;
}
#footerbox a:hover {    font-size: 10px;  text-decoration: underline;
}

#galleriabox { float:left;  width : 787px;   margin: 0px ;  padding: 0px 60px 15px 60px; overflow:hidden; background-image: url(kuvat/bg_galleria.gif); text-align: left;}
#galleria { float:center; width:630px;  margin: 0px; padding: 0px 18px 0px 50px; 
}
#galleriabox img { border: 1px solid #446340; margin: 0px; badding: 0px; }
#galleriabox img:hover { border: 1px solid #0f8279; }

a            {  text-decoration: underline;   color: #446340;  font-weight: normal }
a:hover      {  text-decoration: underline;  color: #0f8279;  font-weight: normal}

h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none;  color: #446340; font-size: 16px; margin: 0px ;  padding: 0px 0px 20px 0px;
} 
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none;  color: #446340; font-size: 11px; margin: 0px ;  padding: 0px 0px 15px 0px;
} 

h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none;  font-size: 14px; margin: 0px ;  padding: 0px 0px 0px 0px;
} 

h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none;  color: #446340; font-size: 16px; margin: 0px ;  padding: 0px 150px 40px 0px; text-align: center;
}
h5{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none;  color: #446340; font-size: 11px; margin: 0px ;  padding: 0px 0px 0px 0px;
}
			   
.input  { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; 
			 font-size: 11px; border-width: 1px;
	border-style: solid;
	border-color: #446340; text-align: left; text-valign: center; 
}
.inputbutton   {  font-weight : bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; color: #FFFFFF;; background-color: #446340; border-width: 1px;
	border-style: solid;
	border-color: #446340; 
}
textarea    { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 11px; backround-color: #BBFFBE; border-width: 1px;
	border-style: solid;
	border-color: #446340; 
}
.button   {  font-weight : bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: center; text-valign: center; color: #000000; background-image: url(kuvat/bg_button.gif); border-width: 1px;
	border-style: solid;
	border-color: #446340; padding: 2px 2px 2px 2px;
}

/*___ menu header ________*/

.menubox { clear:both; width:787px; margin: 0px; padding: 0px;
background:url('kuvat/bg_menu.png') top left no-repeat;
}
.menu{
	border:none;
	border:0px;
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	font: 70%  Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	}
.menu ul{
	height:43px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		color:#446340;
		display:block;
		font-weight: bold;
		line-height:42px;
		margin:0px;
		padding:0px 22px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover {
			color: #0f8279; text-decoration: underline;
			}
		.menu ul li:hover a{
			color: #0f8279; text-decoration: underline;
			}
	.menu li ul{
		display:none;
		height:auto;
		padding:0px 0px 0px 10px;
		margin:0px 0px 0px 0px;
		border:0px;
		
		position:absolute;
		width:120px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		background:#fff;
		border-bottom: 8px solid white; 
				-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
		
		}
	.menu li li {
	background:#fff;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:120px;

		}
	.menu li:hover li a{
		background:none;
		text-decoration: none;
		color:#446340;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			border:0px;
			color: #0f8279; text-decoration: underline;
			}
	.menu p{
		clear:left;
		}	
/*___ scollers ________*/
.scroll-track-top {
    height:10px; width:10px; background-image: url('images/track_top.png');
}

.scroll-track-bot {
    height:10px; width:10px; background-image: url('images/track_bot.png');
}

.scroll-track {
    height:10px; width:10px; background-image: url('images/track_bg.png');
}

.scroll-handle {
    height:60px; width:10px; background-image: url('images/handle_mid.png'); cursor:pointer;
}

.scroll-handle-top {
    height:8px; width:10px; background-image: url('images/handle_top.png'); background-repeat: repeat; cursor:pointer;
}

.scroll-handle-bot {
    height:8px; width:10px; background-image: url('images/handle_bot.png'); background-repeat: repeat; cursor:pointer;
}