html, body{
	width:		100%;
	height:		auto;
	margin:		0em 0em 0em 0em;
	background:	#F8F8F2;
}

body{
	overflow-y:		scroll;
	overflow-x:		hidden;
}



/* --------------------------------------------------Divien keskinäiset määreet yms------------------------- */

#frame{
	width:			80%;
	height:			auto;
	margin:			1em auto 1em auto;
	display:		block;
	overflow:		visible;
}

#main, #header{
	width:			100%;
	border-left:	1px #666666 solid;
	border-right:	1px #666666 solid;
	border-top:	1px #666666 solid;
	overflow:		hidden;
}

#main{
	float:		left;
	height:		auto;
	display:	table;
	background:	#ffffff;
}

#main_left, #main_right{
	display:	block;
}

#main_left{
	width:			35%;
	height:		100%;
	text-align:	right;
	margin:		0em 0em 0em 0em;
	float:			left;
	overflow:	visible;
}

#main_right{
	width:		65%;
	height:	100%;
	float:		left;
	margin:	0em 0em 0em 0em;
}



/* --------------------------------------------------HEADER JA MENU-------------------------------------- */
#header, #menu_middle{
	background:	#018000;
}

#logo, #header, #menu{
	text-align:	center;
	display:		table;
}

#logo{
	margin:			0em auto 0em auto;
	overflow:		hidden;
}

#menu ul li, #menu ul li a{
	display:					inline;
	text-decoration:	none;
	font-size:				1.0em;
	text-align:				center;
	font-weight:			bold;
	color:						white;
}

#menu ul li a{
	margin:				0em 0em 0em 0.5em;
	letter-spacing:	0em;
	text-align:			justify;
}

#menu a:hover{
/*	color:	#018000;*/
	color:	#cccccc;
	text-decoration:	underline;
}

#menu{
	height:				auto;
	margin:				0.85em	auto auto auto;
	background:		#018000;
	width:					100%;
	border-top:		2px solid white;
	border-bottom:	2px solid white;
}

#menu_left, #menu_right, #menu_middle{
	height:			2em;
	display:			table;
	position: 		static;
	float:				left;
	margin:			0em 0em 0em 0em;
}

#menu_left{
	width:				0%;
}

#menu_right{
	width:				0%;
}

#menu_middle{
	width:				100%;
}

#menu_middle ul{
	vertical-align:	middle;
	display:		table-cell;
	height:			auto;
}

#murupolku, #murupolku a{
	color:	white;
}

a img {
	border: 			none; 
	text-decoration:	none;
}




/* ----------------------------------------------ALANAVIN MÄÄREET--------------------------- */
#main_left ul li{
	list-style:				none;
	width:					199px;
	height:					28px;
	background:				url('../kuvat/linkkipalkki_transparent.gif');
	background-repeat:		no-repeat;
	float:					right;
	clear:					both;
	display:				table;
	overflow:				visible;
}

#main_left ul li a, #main_left ul li a:visited{
	text-decoration:	none;
	color:				#018000;
	text-align:			center;
	display:			table-cell;
	vertical-align:		middle;
	font-size:			0.8em;
}

#main_left ul li a:hover{
	color:	#111111;
}

#main_left ul{
	display: 	table;
	position: relative;
	float:		right;
	top:			1.5em;
	margin:	1.5em 0em 1.5em 0em;
}





/* ----------------------------------------------TEKSTIN MÄÄREET --------------------------- */
p{	font-size:		1.0em;		}
h1{	font-size:		1.5em;		}
h2{	font-size:		1.3em;		}
h3{	font-size:		1.2em;		}
h4{	font-size:		1.1em;		}
h5{	font-size:		1.0em;
		font-weight:	bold;		}

p,h1,h2,h3,h4,h5,li,ul,td{
	font-family:	Arial;
	color:				#444;
}

a{
	font-family:	Arial;
}

h1,h2,h3,h4,h5{
	margin:			1.0em 1.1em 0.8em 1.3em;
}

#main_right p{
	margin:			0.4em 1em 1.7em 1em;
}

#main_right li{
	margin:			0.2em 0.5em 0.3em 0.5em;
}

#main_right table{
	width:		100%;
	margin:	0.5em 0em 1em 0em;
}

#main_right table tr td{
	letter-spacing:	2px;
	border:	1px solid black;
}

#yhteydenottopyyntolomake td, #yhteydenottopyyntolomake table tr td{
	letter-spacing:	2px;
	border:	0px solid black;
	outline:	0px solid black;
}


#main_left #picture{
	margin:	0.2em 0.2em 0.2em 0.2em;
	border:	1px solid #dddddd;
	width:		100%;
	float:		left;
}






/* --------------------------------------------------NE ALAOSAN MÄÄREET JOTKA EI OLE TIEDOSTOSSA--- */

#footer{
	margin:		1.5em auto 0.5em auto;
	width: 		100%;
	text-align:	center;
	float:			right;
	clear:			right;
}

#footer p, #alaviiva p{
	margin:	1em auto 0em auto;
	display:	inline;
	font-size:	0.85em;
	line-height:	1.5em;
	color:			#555;
	letter-spacing:	1.5px;
}

#alaviiva p{
	float:	left;
}


/* --------------------------------------------------ALAOSAN MÄÄREITÄ VIELÄ ---- */

#ala_left{
	display:inline;
	background:url('../kuvat/alaviiva_vasen.gif');
	background-repeat:repeat-x;
	overflow:hidden;
	width:30%;
	float:left;
}

#ala_right{
	display:inline;
	width:70%; 
	float:left;
	background:url('../kuvat/alaviiva_oikea.gif');
}