@charset "utf-8";

 
<!-- 
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ececec;
	background-image:url('../img/lakes-wwwpattern.gif');
	margin:0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-size:11px;
	
}

.frontpage_link,
.frontpage_link a
 {
color:#737373;
font-size:11px;
}

#container { 
	width: 954px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #fbfbfb;
	background-image:url(../img/frontpage_bg.gif);
	background-position:center;
	background-repeat:repeat-y;
	margin: 20px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#topmargin {
	width:954px;
	height:16px;
	float:left;
	background: #fbfbfb;
	background-image:url(../img/top_rounded.png);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#ececec;
	margin:0px;
	padding:0px;
	}
#bottommargin {
	width:954px;
	height:16px;
	float:left;
	background: #ececec;
	background-image:url(../img/bottom_rounded.png);
	background-repeat:no-repeat;
	
	}	

#lakes .margin {
margin:0px 16px 0px 16px;
}

#header { 
	height: 163px;
	width:922px;
	float:left;
	/*background-image:url(../img/lakes_header.jpg);*/
	background-repeat:no-repeat;
	background-position:center;
} 
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#lakes_logo
{
width:195px;
float:left;
height:135px;
}

#lakes_logo a
{
	width:195px; 
	height:135px;
	display:block;
}




#lakes_logo_b
{
height: 28px;
width: 195px;
float:left;
}

#lakes_logo_b a
{
height: 28px;
width: 195px;
float:left;
}



#language
{
width:727px;
height:135px;
float:left;
}

#language #russian
{
		width:132px;
		float:right;
		padding-right:10px;
		padding-top:30px;
		color:#80833e;
		font-size:10px;
		text-align:right;
}

#language #russian a
{
		color:#80833e;
		text-decoration:none;
}


input.groovybutton
{
   background-color:transparent;
   border-style:none;
   cursor:pointer;
   color:#80833e;
   font-size:10px;
}


#links {
width:922px;
height: 28px;
margin-left:0px;
float:left;
text-align:left;
}

#mainContent { 
width:922px;
float:left;
margin-top:0px;
padding-top:0px;
clear:both;
}

#left_column
{
width:245px;
float:left;
}

#left_column #padding {
padding-left:17px;
padding-right:51px;
padding-top:20px;
				
}

#left_column h1 {
font-size:12px;
font-weight: bold;
margin-top:0px;
margin-bottom:2px;
text-transform: uppercase;
}

#left_column a{
font-size:11px;
color:#1c58a4;
margin-left:15px;
display:block;
text-decoration:none;
/*margin:3px 0px 3px 15px;*/
}

#left_column p
{
margin:0;
padding:0;
}

#left_column a:hover {
text-decoration:underline;
}


/* XXXXXXXXXXXXXXXXXXXX */
/* CENTER COLUMN NORMAL */
/* XXXXXXXXXXXXXXXXXXXX */

#center_column
{
width:500px;
float:left;
padding-top:13px;
margin-left:13px;
}

#center_column p,
#center_column .image
{
padding-left:0px;
padding-right:13px;
line-height:16px;
}

#center_column p table
{

padding-left:0px;
padding-right:13px;
line-height:16px;

}


#center_column .image p {
margin:0px;
padding:0px;
}

#center_column a
{
color:#1c58a4;
}


/*
#center_column #lakes table {
border-color: #f4f5d4;
border-width: 0 0 1px 1px;
border-style: solid;
padding:0px;
}

#center_column #lakes td
{
border-color:#f4f5d4;
border-width:1px 1px 0px 0px;
border-style:solid;
padding:13px;
}
*/

#center_column_frontpage #lakes p
{
margin:0px;
padding:0px;
}


/* XXXXXXXXXXXXXXXXXXXXXXX */
/* CENTER COLUMN FRONTPAGE */
/* XXXXXXXXXXXXXXXXXXXXXXX */

#center_column_frontpage
{
width:513px;
float:left;
padding-top:13px;
}

#center_column_frontpage p,
#center_column_frontpage .image
{
padding-left:13px;
padding-right:13px;
line-height:16px;
}

#center_column_frontpage .image p {
margin:0px;
padding:0px;
}

#center_column_frontpage #lakes table {
border-color: #f4f5d4;
border-width: 0 0 1px 1px;
border-style: solid;
padding:0px;
}

#center_column_frontpage #lakes td
{
border-color:#f4f5d4;
border-width:1px 1px 0px 0px;
border-style:solid;
padding:13px;
}

#center_column_frontpage a
{
color:#1c58a4;
}



#right_column
{
width:127px;
float:left;
padding-left:15px;
padding-right:0px;
padding-top:13px;
color:#595959;
font-size:10px;
}

#right_column a {
color:#595959;
display:block;
margin:2px 0px 5px 0px;
}


h1 {
font-size:12px;
font-weight:bold;
color:#1c58a4;
}

#info
{
width:520px;
float:left;
padding-left:245px;
padding-right:155px;
text-align:center;
font-size:11px;
margin-bottom:10px;
margin-top:30px;
}

#footer {
width:756px;
height:28px;
margin:0px 0px 0px 0px;
float:left;
background-color:#bbc50c;
/*
background-image:url(../img/footer.gif);
background-repeat:no-repeat;
background-position:center;
*/
border-color:#f4f5d4;
border-style:solid;
border-bottom-width:1px;
border-top-width:1px;
border-left-width:1px;
border-right-width:0px;
text-align:center;
font-size:11px;
color:#fff;
line-height:28px;
text-align:right;
}

#footer a
{
	font-size:11px;
color:#fff;
			
}

#print
{
width:164px;
height:28px;
line-height:28px;
border-width:1px 0px 1px 0px;
border-color:#f4f5d4;
border-style:solid;
float:left;
font-size:9px;
background-color:#bbc50c;
margin:0px;
}

#print img
{
				vertical-align:middle;
				padding-left:10px;
}

#print a
{
color:#fff;
text-decoration:none;
}

.intro
{
	
}

.thrColFixHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
}
.thrColFixHdr #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 160px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
}

.thrColFixHdr #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
} 
.thrColFixHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.sivuotsikko
{
	font-size:12px;
	padding-left:33px;
	padding-top:14px;
	padding-bottom:5px;
	text-transform:uppercase;
	font-weight:bold;
	
}



/* SUBNAVI LEFT */

#left_column .subnavi a{
font-size:10px;
color:#000;
display:block;
text-decoration:none;
font-weight:normal;
margin:0px !important;
padding:0px !important;
}
.subnavi
{

background-color:#fdfdf6;
margin:0px;
padding:0px;
color:#000;
margin-left:1px;
border-bottom:#f4f5d5 solid 1px;
padding-bottom:14px;
}

.subnavi  ul,
.subnavi  ul li
{
margin:0px;
padding:0;
list-style-image:none;
border-bottom:solid 1px #fbfbee;
}

ul li a
{
				vertical-align: bottom;
}

.subnavi ul .nav2, 
.subnavi  ul li.nav2
{
margin:0px;
display: block;
list-style:none;
padding:0px 5px 0px 47px;
}



.subnavi ul .nav3
{
margin-left:0px;
list-style:none;
display: block; 
}

.subnavi ul li.nav3 
{
background-image:url('../img/navipallo.gif');
background-repeat:no-repeat;
background-position:51px 7px;
padding:0px 5px 0px 62px;
display:block;
}

.on
{
    color:#000 !important;
    font-weight:bold !important;
}

.nav2 a:link, 
.nav2 a:visited, 
.nav2 a:active, 
.nav3 a:link, 
.nav3 a:visited, 
.nav3 a:active 
{
	font-weight: bold;
	/*color:#d42a2d;*/
	color:#000;
	text-decoration:underline;
	line-height:17px;
	font-size:11px;	
}





/* MAIN NAVIGATION */
#tabsB 
    {
	/* clear: both; */
	font-size: 11px; 
	width: 727px;; 
	height: 28px;
	background-color:transparent;
	float:left;
	/* padding-left: 195px; */
	
    }
#tabsB ul 
    {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 	0px; 
	LIST-STYLE-TYPE: none;
	width:727px;
	cursor:pointer;
    }
#tabsB li 
    {
	padding-right: 0px; 
	display:inline-block; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px;
	float: left; 
	line-height: 28px;
	
    }
#tabsB a.navi 
    {
 	display:inline-block; 
 	padding-right: 0px; 
 	padding-left: 0px; 
 	/* background: url(../img/tableftB2.gif) no-repeat left top; */
 	padding-bottom: 0px; 
 	margin: 0px; 
 	padding-top: 0px; 
 	
 	text-decoration: none
    }
#tabsB a span 
    {
	padding-right: 0px; 
	display:inline-block; 	
	padding-left: 5px; 
	/* background: url(../img/tabrightB2.gif) no-repeat right top; */
	float: left; 
	padding-bottom: 0px; 
	color: #333; 
	padding-top: 0px;
	
    }
#tabsB A SPAN 
    {
	float: none; 
	color:#1c58a4; 
	display:inline-block; 	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
    }
#tabsB A:hover SPAN 
    {
	color: #000;
	cursor:pointer !important;
    }
/*
#tabsB A.navi:hover 
    {
	background-position: 0% -42px
    }
#tabsB A:hover SPAN 
    {
	background-position: 100% -42px
    }
*/
/* MAIN NAVIGATION ENDS */


/* SUB-NAVIGATION */
div.subpg_dhtml 
    {
    margin:27px 0 0 5px;
    display: none;
    position:absolute;
    height: auto;
    z-index:99;
    border-bottom: 1px solid #9fa1a7;
    }  
div.subpg_dhtml ul
    {
	margin: 0;
	padding: 0;
	list-style-type: none;	
	display:block;
	width: 158px !important;
    }  
.subpg_dhtml ul li
    {
    position: relative;
	width: 158px;	
	}	
.subpg_dhtml ul li a 
    {
    text-align:left;
	display: block;
	text-decoration: none;
	color: #595959;
	background: #fdfdf6;
	padding: 0px;
	border: 1px solid #ccc;
	border-bottom: 0;
    line-height:18px;
	}
.subpg_dhtml ul li a:hover 
    {
    color:#000;
    /*background: #e4e4e4;*/
    }
    /*
    html*.subpg_dhtml ul li a:hover {
	[
	]
	background: #e4e4e4;
	}
    */
div.subpg_dhtml a
    {
    display:block;
    color:#595959;
    font-size:11px;
    padding: 0;
    margin: 0;
    }  
    div.subpg_dhtml a:link,    
    div.subpg_dhtml a:visited, 
    div.subpg_dhtml a:active
    {
    font-weight: normal;
    padding: 0 10px 0 10px;
    margin: 0;
    }
div.subpg_dhtml a:hover 
    {
    color:#000;
    }
/***************************/