body {
	background: #c2c1bd url('../gfx/bg_body.gif') repeat-x top left; 
	font-size:76%; 
	font-family: Arial, Helvetica, sans-serif; 
	color:#222; 
	margin: 0;
	padding: 0;
	}


/* WRAPPER */
#wrapper {
	margin: 0 auto; 
	padding: 0;
	background: url('../gfx/bg_site.jpg'); 
	width: 908px; 
	position: relative;
}

/* HEADER */
#header {
	background: url('../gfx/bg_top.gif') no-repeat bottom left; 
	height:152px; 
	font-family:'Trebuchet MS', sans-serif; 
	padding: 0 24px; 
	margin: 0;
	}

#top a { 
	color:#222; 
	}

#top a:hover { 
	text-decoration:none; 
	}

#kopiosto_logo {
	height: 45px;
	width: 240px;
	background: url('../gfx//bg_logo.gif') no-repeat;
	display: block;
	float: left;
	border: none;
	padding: 0;
	margin: 70px 0 0 0;
}

#valilehti {
	color: #c03; 
	text-decoration: none;
	font-weight: bold;
	clear: both;
	height: 22px;
	width: 122px;
	background: url('../gfx/valilehti.gif') no-repeat;
	display: block;
	float: left;
	border: none;
	padding: 3px 0 0 7px;
	margin: 5px 0 0 0;
}

/* MAIN */
#main { 
	background: url('../gfx/bg_siteBody.gif') repeat-y top left; 
	padding: 0 24px 10px 24px; 
	min-height: 300px; 
	margin: 0;
	}

/* SIDEBAR */
#sidebar {
	margin: 0;
	padding: 0;
	float: left;
	width: 187px;
}

#navi { 
	padding-bottom: 30px; 
	}
#navi ul {
	display: block;
	float: left;
	width: 187px;
	list-style-position: outside;
	list-style-image: none;
	margin: 10px 0 0 0;
	padding: 0;
}
#navi li {  
	display: block;
	padding: 0;
	margin: 0;
	}
#navi li a { 
	padding: 4px 10px 5px 10px; 
	font: bold 12px 'Trebuchet MS', sans-serif; 
	color: #222; 
	text-decoration: none;
	}
#navi li li a { 
	margin-bottom:0px; 
	}
#navi li.active { 
	background: url('../gfx/bg_docnavi.gif') no-repeat bottom left; 
	color:#c03; 
	font-weight: bold; 
	}
#navi li.active, li.nonactive {
	padding: 5px 0 5px 0;
	margin: 0;
}
#navi a:hover { 
	color: #666; 
	text-decoration: none; 
	}
#navi a.active:hover { 
	color:#903; 
	}

/* CONTENT */
#content {
	margin: 0 0 0 180px;
	padding: 0 0 0 30px;
}

/*FOOTER*/
#footer { 
	position: relative; 
	background: url('../gfx/bg_footer.gif') no-repeat bottom left; 
	height:25px; 
	padding: 15px 24px 5px 24px; 
	color: #504f47; 
	font: 11px 'Trebuchet MS', sans-serif; 
	}
#footer p { 
	display: inline; 
	}

#copyr {
	float: left;
	width: 600px;
}

/* EMEDIA SIGNATURE */
#signature {
	width: 100px;
	float: right;
	margin-top: 2px;
}
#signature, #signature a {
	color: #fff;
	font-family: Verdana, Arial;
	font-size: 9px;
	line-height: 16px;
	text-align: right;
}
#signature a {
	text-decoration: none;
	font-weight: bold;
}

h2 { 
	font-size: 1.6em; 
	font-family: Georgia, serif; 
	font-weight:normal;  
	color: #c03; 
	margin: 0 0 10px 0;
	padding: 0;
}

/*OHJETEMPLATE (popup.tpl)*/

#ohje {
	background-color: #e2e3d1;
	padding: 10px;
}

#black_cloak {
    background-color: black;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 2048px;
    z-index: 98;
}

#webropol_container {
	height: 240px;
	width: 450px;
	top: 145px;
	left: 615px;
	border: 1px solid #c3c3c3;
	background-color: #ffffff;
	z-index: 105;
	position: absolute;
	
}

#webropol_container .webropol_info {
	padding: 10px;
}

.webropol_info .buttons { text-align: center; }

.webropol_info .buttons input { border: 0px; padding: 3px; }