/*-----------------------------------------------

	FINNICA KYMENLAAKSO - KYMENLAAKSON MURTEET
	STYLE.CSS -- MAIN STYLESHEET 

------------------------------------------------*/


/*  GLOBAL LAYOUT STRUCTURES  */

body{
	margin:0;
	padding:0;
	background-color:#746842;
	background-image: url(../img/backg.gif);
	background-position:top;
	background-repeat:repeat-x;
}

#container{
	margin:0 auto;
	width:835px;
	padding:0 0 0 69px;
	background-image:url(../img/top.jpg);
	background-position:top left;
	background-repeat:no-repeat;	
}

#leftcol{
	float:left;
	width:506px;
}
#leftcol_top{
	margin:289px 0 0 0;
	text-align:right;
	padding:0 0 48px 0;
	background-image:url(../img/top_leftcont.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
#leftcont{
	background-image:url(../img/sides_leftcont.jpg);
	background-position:top left;
	background-repeat:repeat-y;	
	padding:0 45px 0 63px;
}

#leftcol_bot{
	height:62px;
	margin:0 0 20px 0;
	padding:0 0 48px 0;
	background-image:url(../img/bot_leftcont.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#rightcol{
	float:left;
	clear:right;
	width:271px;
	margin:0;
}


#rightcont{
	margin:287px 0 0 0;
	background-image:url(../img/sides_rightcont.jpg);
	background-position:top;
	background-repeat: repeat-y;

}
#menu{
	padding:36px 57px 20px 25px;
	background:url(../img/top_rightcont.jpg) top no-repeat;
}

#rightcol_bot{
	height:62px;
	margin:0 0 20px 0;
	padding:0 0 48px 0;
	background-image:url(../img/bot_rightcont.jpg);
	background-position:top;
	background-repeat: no-repeat;
}

.navbar{
	background-color:#a38e51;
	margin:0 0 10px 0;
	padding:4px 8px 5px 8px;
}

.navleft{
	font:83% Georgia;
	float:left;
	width:100px;
}
.navright{
	font:83% Georgia;
	float:right;
	width:150px;
	text-align:right;
}


/*  TEXT & FONTS  */

.normal{
	font:93% Georgia;
	color:#fff;
	line-height:1.5em;
	text-align:justify;
	margin:0;
	padding:0;
}
.kertoja{
	font:85% Georgia;
	color:#ffe88a;
	line-height:1.5em;
	margin:15px 0 20px 0;
	padding:0;	
}
#player{
	margin:20px 0 5px 0;
}

.pagination_a{
	font:93% Georgia;
	color:#fff;
	line-height:1.5em;
	text-align:left;
	margin:0 0 15px  0;
	padding:0;
}
.pagination_b{
	font:93% Georgia;
	color:#fff;
	line-height:1.5em;
	text-align:left;
	margin:15px 0 0 0;
	padding:0;
}


#copy{
	color:#fff;
	font:75% Trebuchet MS;
	margin:35px 0 0 0; padding:0;
}

h1{
	font:120% Georgia;
	line-height:1.1em;
	color:#fff;
	margin:0 46px 0 0 ;
	padding:0;
}
h2{
	font:85% Georgia;
	font-weight:normal;
	line-height:1.1em;
	color:#ffe88a;
	margin:0 46px 0 0 ;
	padding:0;
}

h3.left{
	background:url(../img/back_h3_left.jpg) top left no-repeat;
	font:104% Georgia;
	line-height:1.1em;
	color:#fff;
	height:31px;
	margin:0 0 2px 0;
	padding:8px 0 0 30px;
}

h3.right{
	background:url(../img/back_h3_right.jpg) top left no-repeat;
	font:104% Georgia;
	line-height:1.1em;
	color:#fff;
	height:32px;
	margin:0 0 10px 0;
	padding:5px 0 0 30px;
}

.kysymys{
	margin-bottom:20px;
}

/*	6. Images */

img#map{
	border:1px solid #9d8d59;
	margin:0 0 3px 0;
}

/*  SIDENAVS --------------------------*/

	#groups{
		margin:0;
		padding:0;
		font-size:92%;				
	}
	#groups dl{
		margin:0 0 15px 0;
		padding:0;
		line-height:1.2em;	
	}
	#groups dt{
		background:#bfaf76;
		padding:2px 5px 2px 5px;
		margin:10px 0 5px 0;
		color:#fff;
	}
	#groups dd.normal{
		margin:0;
		border-top:1px dashed #bfaf76;				
		padding:3px 0 3px 0;
	}
	#groups dd.first{
		margin:0;		
		padding:3px 0 3px 0;
	}
	
	#artikkelinav{
		margin:0;
		padding:0;
		font-size:92%;				
	}
	#artikkelinav dl{
		margin:0;
		padding:0;
		line-height:1.2em;	
	}
	.arts{
		margin:0;
		padding:4px 0 4px 0;
		border-top:1px dashed #bfaf76;						
	}
	.firstart{
		margin:0;	
		padding:4px 0 4px 0;				
	}	
		
/*  LINKS  */


a.white:link, a.white:visited, a.white:active{
	color:#fff;
	text-decoration:none;
}
a.white:hover{
	color:#fff;
	text-decoration:none;
}

a.yellow:link, a.yellow:visited, a.yellow:active{
	color:#ffe88a;
	text-decoration:none;
}
a.yellow:hover{
	color:#fff;
	text-decoration:none;
}

a.darker:link, a.darker:visited, a.darker:active{
	color:#e3d7a7;
	text-decoration:none;
}
a.darker:hover{
	color:#fff;
	text-decoration:none;
}



/*  EXTRA ELEMENTS  */

ul#txtul{
margin:30px 0px 30px 30px;
padding:0;
color:#fff;
font:93% Georgia;
}

ul#txtul li{
margin:8px 0 8px 0;
padding:0;
line-height:1.3em;
}

.separation_txt{
	margin:25px 0 25px 0;
	height:20px;
	background: url(../img/separation_txt.jpg) top center no-repeat;
}

.separation_nav{
	margin:10px 0 15px 0;
	height:5px;
	background: url(../img/separation_nav.jpg) top left no-repeat;
}

.clear{
	clear:both;
	height:0.01em;
 	line-height:0.01em;
 	font-size:1px;
}