/* CSS Document */

body {
	text-align: center;
	margin-top: 0px;
	margin-left: 0px;
	background-image : url(img/tausta.gif);
	background-repeat:repeat-x;
	background-color:#522c1b;
	font: normal normal 400 12px/100% Georgia, sans-serif;
    color: #60351d;
	text-decoration:none;
	line-height:20px;
	}


p { 
	margin: 0px;
	padding-top: 8px;
}
	
#maincontent {
	width: 981px;
	background-image:url(img/etusivu_taul_tausta.jpg);
	background-repeat:no-repeat;
	margin-left: auto;
	margin-right: auto;
	background-color:#e7c89a;
	font:inherit;
	}
	
#jatko_content {
	width: 981px;
	background-image:url(img/jatkosivu_tausta_ylaosa.jpg);
	background-repeat:no-repeat;
	margin-left: auto;
	margin-right: auto;
	background-color:#f3e3cc;
	
	/*border:1px solid #000;*/
	}
	
/*#navi {
	display:block;
}*/
	
a {
	text-decoration: none;
    color: #60351d;
    font: normal normal 400 12px/100% Georgia, sans-serif;
	line-height:18px;
	text-decoration:underline;
	}
	
a:hover {
    color: #5a8e22;
	}
	

div.spacer {
  clear: both;
  margin: 0px;
  padding: 0px;
  }
  
#paaosiot_wrapper {
	margin:0px;
	padding: 380px 0 0px 0;
	/*border:1px solid #000;*/
 }
 
div.paaosiot {
	width:280px;
	font:inherit;
	float:left;
	display:block;
	text-align:left;
	padding: 0px 0 20px 40px;
}

div.paaosiot a {
    text-decoration: none;
    color: #60351d;
    font: normal normal 400 12px/100% Georgia, sans-serif;
	line-height:18px;
	text-decoration:underline;
	}
	
div.paaosiot a:hover{
    color: #5a8e22;
	}

#left {
	float:left;
    padding: 45px 0px 25px 25px;
    width: 230px;
    text-decoration: none;
}

#middle {
	float:left;
    padding: 25px 10px 25px 25px;
    width: 420px;
}

#content {
    padding: 40px 0px 25px 0px;
    text-decoration: none;
	font:inherit;
	text-align:left;
	font: normal normal 400 12px/100% Georgia, sans-serif;
    color: #60351d;
	text-decoration:none;
	line-height:18px;
}

#right {
	float:left;
    padding: 85px 0 0 10px;
    text-decoration: none;
	vertical-align:top;
}

#navi-wrapper{
	background-image:url(img/navi_ylaosa.png);
	background-repeat:no-repeat;
	width: 230px;
	padding-top:25px;
	}
	
#navi-wrapper-down{
	background-image:url(img/navi_alaosa.png);
	background-repeat:no-repeat;
	width: 230px;
	height: 25px;
	}

#navimenu a {
    margin: 0 6px 0 6px;
	display: block;
	width:196px;
	/*height:13px;*/
	min-height:15px;
    border-top: 1px solid #e4c08b;
	padding: 10px 12px 12px 10px;
	line-height:19px;
	text-align: left;
    text-decoration: none;
    color: #60351d;
    font: normal normal 400 12px/100% Georgia, sans-serif;
	}
	
#navimenu a:hover, #navimenu a.activeLink {
    color: #FFF;
    background-color:#c7984c;
	/*background-image:url(img/navihover.png);
	background-repeat:no-repeat;*/
	}

	
#murupolku {
	display:block;
	float:left;
	font: normal normal 400 12px/100% Georgia, sans-serif;
	text-decoration: none;
    color: #60351d;
	}

#murupolku a {
    text-decoration: none;
    color: #60351d;
    font: normal normal 400 12px/100% Georgia, sans-serif;
	/*border:1px solid #000;*/
	}
	
#murupolku a:hover{
    color: #5a8e22;
	}
	

p { 
	margin: 0px;
	padding-top: 10px;
	vertical-align:top;
}

img {
	border: 0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=”img/navihover.png”, sizingMethod=”scale”);

	}
	
/* otsikot */	
	
H1{
	font: normal normal 600 16px/100% Georgia, sans-serif;
	color: #60351d;
	margin:0;
	padding-bottom:10px;
	}
	
H2 {
	font: normal normal 600 14px/100% Georgia, sans-serif;
	color: #60351d;
	margin:0;
	padding-top:20px;
	padding-bottom:0px;
	}
	
H3 {
	font: normal normal 600 13px/100% Georgia, sans-serif;
	color: #60351d;
	margin:0;
	padding-top:20px;
	padding-bottom:0px;
	}
	
/* footer */

#footer-wrapper_jatko {
	clear: both;
	margin-left: auto;
	margin-right: auto;
    background-image:url(img/footer_tausta_jatko.png);
	background-repeat:no-repeat;
	width: 981px;
	height:35px;
}

#footer-wrapper {
	clear: both;
	margin-left: auto;
	margin-right: auto;
    background-image:url(img/footer_tausta.png);
	background-repeat:no-repeat;
	width: 981px;
	height:35px;
}


#footer {
    font: normal normal 400 12px/100% Georgia, sans-serif;
	color:#60351d;
	margin: 0px 20px 0px 20px;
	padding: 10px 0px 20px 0px;
	text-align:center;
	border-top:1px dotted #60351d;

}

#footer a, #footer a:visited{
    margin: 0px;
    text-decoration: none;
    color: #0096db;
    font-size: inherit;
}


#footer a:hover {
    color: #5a8e22;
	}

/* navi */


div.header_navi {
	margin-top:0px;
	display:block;
	float:left;
	padding: 0px 0 0 10px;
	height:29px;
	/*border:1px solid #000;*/
}
	
div.laita {
	display:block;
	float:left;
}

div.keski {
	display:block;
	float:left;
	background-image:url(img/navi_keski.gif);
	background-repeat:repeat-x;
	padding: 8px 0 10px 0;
	font: normal normal 400 14px/100% Georgia, sans-serif;
}

div.keski a, .keski a:visited{
    margin: 0px;
	height:8px;
	padding: 8px 10px 0px 10px;
    text-decoration: none;
    color:#60351d;
    font-size: inherit;
}

div.keski a:hover, div.keski a.activeLink {
    color: #5a8e22;
	}
	
/* header */

#header {
	margin:0;
	padding: 20px 40px 0 20px;
	/*border:1px solid #000;*/
	vertical-align:top;
	text-align:left;
	height:163px;
	}
	
#wrapper_trans_ylanavi {
	width:100%;
	height:113px;
	/*border:1px solid #000;*/
	}
	
#trans {
	float:left;
	display:block;
	width:620px;
	height:113px;
	/*border:1px solid #000;*/
	}
	
#ylanavi_tausta {
	float:left;
	display:block;
	padding: 70px 0px 0 0px;
	/*border:1px solid #000;*/
	}
	
#ylanavi {
	float:right;
	display:block;
	background-image:url(img/ylanavi_tausta.png);
	background-repeat:no-repeat;
	width:290px;
	height:20px;
	font:inherit;
	padding:8px 0 5px 0px;
	/*border: 1px solid #000;*/
	margin:0px;
	text-align:center;
	
	}
	
#ylanavi a, #ylanavi a:visited {
    text-decoration: none;
    color:#60351d;
    font-size: inherit;
}

#ylanavi a:hover {
    color: #5a8e22;
	}
	
#mainmenu {
	float:left;
	display:block;
	/*border:1px solid #000;*/
	margin-top:21px;
	padding-top:0px;
	height:28px;
	}