/* First we need to reset style formats... */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,img,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

body{
	padding: 0;
	margin: 0;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	height: 100%;
	background-color:#69110e;	
}
h1{
	font-size: 22px;
	padding: 10px 0 10px 40px;
}
h2{
	font-size: 18px;
	padding: 10px 0 10px 40px;	
}
h3{
	font-size: 12px;
	font-weight:bold;
	color: #990000;
	padding: 0 40px 10px 40px;
}
h4{
	font-size: 22px;
	font-weight:bold;
	color: #990000;
	padding: 0 40px 10px 40px;
}

p{
	color: #5a5242;
}
b, strong{
	font-weight: bold;
}
i, em{
	font-style:italic;
}

/* Structural yms information */
#page{
 	background: url(imgs/content_bg.jpg) repeat-y center top;
	width: 880px;	

}
#pageContainer{
	background: url(imgs/footer.jpg) no-repeat center bottom;	
	padding-bottom: 100px;
	width: 880px;		
}

#pageContent{
	background: url(imgs/bg_area.jpg) no-repeat center top;	
	width: 880px;	
	margin: 0 auto 0 auto;	
}

#content{
	margin: 0 0 0 0; 
	padding: 200px 0 0 100px;
	float: left;
	width: 600px;
}
#naviContainer{
	width: 141px;
	height: 258px;
	float: right;
	padding: 180px 22px 0 0;
}

#contentLeftColumn img{
	border: 1px solid #ded4c0;
	padding: 3px;
}

#contentLeftColumn p{
	padding: 0 40px 10px 40px;
	line-height: 16px;
}

a, a:link, a:visited, a:active{
	color: #7e1715;
	text-decoration:underline;
}
a:hover{
	color: #000;
	text-decoration: none;
}
.news{
	width: 130px !important;
	padding: 0 !important;
	margin: 0 !important;
}
.news p{
	font-size: 11px;
/*	padding: 0 20px 10px 20px;*/
	line-height: 13px;
}

#foto{
	position: absolute;
	top: 450px;
	left: 470px;
}

#contentLeftColumn{
	width: 450px;
	float: left;
	background: url(imgs/palkki.jpg) repeat-y top right;
}
#contentRightColumn{
	width: 150px;
	float: right;
}

#page.hallitus #contentLeftColumn,
#page.jaseneksi #contentLeftColumn,
#page.galleria #contentLeftColumn,
#page.jasenille #contentLeftColumn{
	background: none;
	width: 550px;	
}
#page.jasenille #foto,
#page.jaseneksi #foto,
#page.galleria #foto{
	display: none;
}


.special p{ /* etusivun erikoisleveys*/
	padding: 0 100px 10px 40px !important;
}

img, div { 
	behavior: url(iepngfix.htc);
}

/* ========================================================================================== */
/* misc */
/* ========================================================================================== */
.clearfix:after{
	content:"."; display: block; height:0; clear:both; visibility:hidden; line-height:1px;
}