body {
	font-family: Lucida Sans, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2e2e2e;
	margin:0;
	text-align: left;

}
.bg{

	margin:0;
}
/**************************************
* 			Typografia				  *
**************************************/

p{
	margin:10px 0;
}
span.footer_text{
	font-family:arial;
	color:#071528;
}
span.ots{
	font-size:25px;
	color:#fff;	
	margin:0;
}
span.blue{
	font-weight:bold;
	color: #015ead;
}
a, a:link, a:visited, a:active{
	font-family: Lucida Sans, Arial, Helvetica, sans-serif;
	color: #015ead;
	text-decoration: none;
}
a.menu{
	font-size:24px;
	color:#0053a0;	
}
a.menu_footer{
	font-size:24px;
	color:#fff;	
}
a.blog_comment{
	font-style:italic;
		
}
/* Tällä pakotetaan editorin sisällön linkit oikean näköisiksi
   Eli yleensä sama tyyli kuin tuossa yllä a-elementille, mutta jokaisen perään !important */
.mceContentBody a,.mceContentBody a:link, .mceContentBody a:visited{
	font-family: Lucida Sans, Arial, Helvetica, sans-serif !important;
	color: #015ead !important;
	text-decoration: none !important;
}
.mceContentBody{
	background:transparent !important;
}

a.news, a.news:link, a.news:visited {
	color:#0c6c94;
	text-decoration: none;
}

td {

}
.login {
	font-size: 11px;
}

input, select, textarea {
	font-size: 11px;
}
.text{
	width:100%;
}

h1 {
	font-size: 22px;
	color: #333333;
}

h2 {
	font-size: 16px;
	color: #2e2e2e;
}

h3 {
	font-size: 14px;
	color: #015ead;
}

h4 {
	
	color: #333333;
}

h5 {
	color: #333333;
}

h6 {
	color: #333333;
}


/**************************************
* 			Sivun rakenne 			  *
**************************************/

.wrapper{
	width:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -332px;
	text-align: left;
	background:url('../img/bg.jpg') no-repeat center top;
}
#page_wrapper{
	width:940px;
	margin: 0 auto;	
	position:relative;
	text-align:left;
}
#logo{
	position:absolute;
	z-index:12;
	float:left;
	top:0;
	left:-30px;
	
}
#header{
	float:left;
	height: 175px;
	background: url('../img/header_bg.jpg') no-repeat 8px 0px;
}
#main{
	width:951px;
	height:423px;
	float:left;
	background:url('../img/main_bg.jpg') no-repeat;	
}
#main_padding{
	padding:37px 40px 0px 36px;	
}
#gallery_shadow{
	width:561px;
	height:345px;
	position:absolute;
	z-index:13;
	left:36px;
	background:url('../img/slider_shadow.png') no-repeat;
}
#main_gallery{
	width:561px;
	height:345px;
	float:left;	
}
#main_fb{
	width:287px;
	height:345px;
	float:right;	
}
#menu{
	float: left;
	width: 673px;
	height:79px;
	margin:68px 0px 0px 268px;
	/*background: url('../img/menu_bg.jpg') no-repeat;*/
}
#content_top{
	float:left;	
	margin-left: 10px;
}
.ots_bg{
	width:341px;
	height:81px;
	background: url('../img/ots_bg.png') no-repeat;	
	float:left;
}
.ots_padding{
	padding:24px 0px 0px 15px;	
}
#content{
	float: left;
	width: 567px;
	margin-left: 10px;
	padding: 15px;
	background: url('../img/content_bg.png') repeat-y;
}
#content_bottom{
	float:left;	
	margin-bottom: 30px;
	margin-left: 10px;
}
#rightside_content{
	float:left;	
	text-align:left;
	width:330px;
	margin: 0px 0px 30px 10px;
}
#rightside_shoutbox{
	padding:5px;	
}
#rightside_gallery{
	padding: 5px 0px 0px 0px;
	float:left;
}
.rightside_gallery_content{
	width:320px;
	height:110px; 
	display:block;
	float:left;	
	text-align:left;
	border-bottom:1px dashed #6f7172;
	margin: 0px 0px 0px 15px;	
}
/*#footer{
	clear: both;
	height: 60px;
	margin-top: 10px;
	background: #eaeaea;
}*/
/**************************************
* 			Footer		  *
**************************************/
.footer, .push {
	height: 332px; /* .push must be the same height as .footer */
	width:100%;
}
.footer{
	clear:both;
	margin-top:0px;
	background: url('../img/footer_bg.jpg') no-repeat center;	
}
#footer_wrapper{
	width:960px;
	margin:0 auto;	
	position:relative;
	text-align:left;
}
#logo_footer{
	position:absolute;
	float:left;
	left:-5px;
	top:117px;
}
#menu_footer{
	margin:75px 0px 0px 0px;	
} 
#footer_content_large{
	width:352px;
	height:35px;
	padding:0px 0px 0px 128px;
	margin:40px 0px 0px 0px;
	background:url('../img/footer_content_bg_large.jpg');
}
#footer_content_small{
	width:117px;
	height:35px;
	padding:0px 0px 0px 10px;
	margin:40px 0px 0px 0px;
	background:url('../img/footer_content_bg_small.jpg');	
}
#footer_iso-syote_logo{
	margin:75px 0px 0px 0px;	
}

/**************************************
* 			Etusivu		  *
**************************************/
#content_fp{
	float: left;
	width: 610px;
	margin-left: 5px;	
}
.blog_box{
	width:300px;
	float:left;
	position:relative;
	text-align:left;
	margin:0px 5px 35px 0px;
}
.blog_box_top{
	width:300px;
	height:14px;
	background: url('../img/blogi_bg_top.png') no-repeat; 
}
.blog_box_content{
	width:300px;
	min-height:340px;
	background: url('../img/blogi_bg.png') repeat-y; 
}
.blog_box_padding{
	padding:0px 0px 0px 13px;	
}
.blog_box_text{
	width:270px;
	margin-top:10px;	
}
.blog_box_comments{
	position:absolute;
	bottom:1px;
	margin-top:0px;	
}
.button_blog_box{
	width:76px;
	height:73px;
	position:absolute;
	bottom:-23px;
	right:0px;
	background: url('../img/button_blogi_lue_lisaa.png') no-repeat; 	
}
.blog_box_bottom{
	width:300px;
	height:14px;
	background: url('../img/blogi_bg_bottom.png') no-repeat; 
}
a.button_read_more{
	width:100%;
	height:100%;
	display:block;	
}
.button_blog{
	width:55px;
	height:48px;
	background: url('../img/button_blogi_lue_lisaa_small.png') no-repeat; 	
}
/**************************************
* 			Uutisrevolveri 			  *
**************************************/

.sitenews_revolver_topic{
	display:block;
	position:absolute;
	height:100%;
	
}

/**************************************
* 			Virheilmoitukset		  *
**************************************/

.error_message{
	color:#ab0000;
	margin:10px 0 20px 0;
}
.success_message{
	color:#368b1c;
	margin:10px 0 20px 0;
}

/**************************************
* 			Dropdown menu 			  *
**************************************/

.menuarea{
	position:absolute;
	display:none;
	width:180px;
	border:1px solid #c3c3c3;
	background-color:white;
	padding-bottom:5px;
}

#menutable .menutop_a{
	color:#6D3A78;
	padding:0 4px;
}
#menutable .menutop{
	color:#3c3c3c;
	padding:0 4px;
}

#menutable .menusub_a{
	color:#6D3A78;
	padding:0 4px;
	font-weight:bold;
	display:block;
}
#menutable .menusub{
	color:#3c3c3c;
	padding:0 4px;
	display:block;
}
