@import "/css/common.css";

html,body { height:100%; }
body { margin:0; padding:0; text-align:center; background:url('../layout/fadebg.gif') repeat-x #fff; behavior: url('/css/csshover.htc'); }
.mainwrap, .mainwrap_subpages { min-height:100%; height:auto !important; height:100%; margin:0 auto; padding:0 5px; width:888px; background-color: #fff; text-align:left; border-style: solid; border-color: #ccc; border-width: 0 1px; }
/*.mainwrap_subpages { background-image:url('../layout/bg_mainwrap_subpages.gif'); }*/
.logo { float:left; width:177px; padding: 10px 0 8px 10px; }
.logo img { border:0; }
.mainwrap { background:url('../layout/bg_mainwrap_frontpage.gif') repeat-y #fff; }
.mainwrap_subpages { background:url('../layout/bg_mainwrap_subpage.gif') repeat-y #fff; }

.clear { clear: both; }
/*
div#mainnavigation { background-color: #fff; opacity: 0.8; filter: alpha(opacity=80); padding: 0 0 1px 0; height: 28px; }
div#mainnavigation ul { margin:0; padding:8px 4px; list-style:none; }
div#mainnavigation li { position: relative; float: left; }
div#mainnavigation a { padding:0 3px 3px 3px; text-decoration:none; font-size:11px; color:#222; }
div#mainnavigation a:hover { border-bottom:3px solid #478dc2; }
*/
div#mainnavigation {
	width:888px;
	float:left;
	background-color:#dfe5ec;
	}
div#mainnavigation ul {
	margin:0;
	padding: 0;
	}
div#mainnavigation li {
	float:left;
	position:relative;
	list-style-type:none;
	}
div#mainnavigation li ul li {
	background-color:#dfe5ec;
}
div#mainnavigation a {
	display:block;
	text-decoration:none;
	}
div#mainnavigation ul li a {padding:4px 6px; color:#222;}
div#mainnavigation ul li ul {
	margin:0;
	z-index:10;
	position:absolute;
	width:15em;
	border-right:0;
	left:-1px;
	}
div#mainnavigation ul li ul li {
	width:100%;
}
div#mainnavigation ul li ul {display:none;}


body div#mainnavigation ul li ul li ul  {
	position:absolute;
	visibility:hidden;
	top:-1px;
	left:15em;
	}
* html div#mainnavigation ul {
	float:left;
	margin-left:0;
	}

* html  div#mainnavigation ul li ul {
	border-top:1px solid #287F26;
	border-left:0px;
	}

* html  div#mainnavigation ul li ul li ul {
  left:9.85em;
  voice-family: "\"}\"";
  voice-family:inherit;
  left:15em;
  }

html>body div#mainnavigation ul li ul li ul {
  left:15em;
}
@media all and (min-width: 0px){
   body div#mainnavigation ul li ul {padding-bottom:100px;}
   body div#mainnavigation ul li ul li ul {padding-bottom:22px;}
}





.mainnavigation_subpage { margin-top: 5px;  }

.subnavigation { padding: 55px 5px 10px 5px; }
.subnavigation ul { margin:0; padding:0; list-style:none; }
.subnavigation li { margin-bottom:5px; background:url('../layout/navigation_arrow.gif') no-repeat; }
.subnavigation li.selectednavi { background-image:url('../layout/navigation_arrow_sel.gif'); }
.subnavigation a { display: block; padding:0 0 3px 6px; text-decoration:none; color:#555; }
.subnavigation li ul { margin: 0 0 0 15px; }

.banner { clear:both; padding: 5px 0 10px 0; background:url('../layout/srkilmakuva2.jpg') no-repeat; background-position: left 5px; width:888px; height:210px; border-bottom:1px solid #eaecef; background-color: #fff; }
.actions { padding: 5px 0 10px 0; background-color:#fff; text-align:right; border-bottom:1px solid #eaecef; }
.actions ul { margin:0; padding:4px 0 0 0; list-style:none; }
.actions li { display:inline; }
.actions a { padding:0 2px; text-decoration:none; font-size:11px; color:#555; }
.actions img { border:0; }
.column_frontleft { float:left; width:178px; min-height:100%; height:auto !important; height:100%; padding: 10px 15px 20px 15px; }
.column_frontmiddle { min-height:100%; height:auto !important; height:100%; float:left; width:430px; padding: 10px 10px; }
.column_frontmiddle_news { float:left; width: 210px; padding-right: 10px; }
.column_frontmiddle_events { float:left; width: 210px; }

.column_frontright { float:right; min-height:100%; height:auto !important; height:100%; width:200px; padding: 20px 15px 20px 15px; }

.column_frontmiddle_news ul, .column_frontright ul, .column_frontmiddle_events ul  { margin:0; padding:0; list-style:none; }
.column_frontmiddle_news li, .column_frontright li, .column_frontmiddle_events ul li { background:url('/layout/arrow.gif') no-repeat 0 7px; padding:2px 5px; margin: 0; }
.column_frontmiddle_news ul a, .column_frontright ul a, .column_frontmiddle_events ul li a  { text-decoration:none; }
.events_front_title, .events_front_date, .news_front_title { padding: 0; }

.links_list ul { margin:0; padding:0; list-style:none; }
.links_list li { background:url('/layout/arrow.gif') no-repeat 0 7px; padding:2px 5px; }
.links_list ul a { text-decoration:none; }

.contentarea { clear:both; padding-top: 10px; }
.column_left { float:left; width: 146px; }
.column_right { float:right; width:738px; }
.banner_subpages { background:url('../layout/banner_corner_bg.jpg') no-repeat; height:180px; }
.content { padding:20px 10px; width: 553px; }

.sidecontent { float: right; width: 145px; padding: 20px 5px 20px 5px; }
.front_sidebanners { padding-bottom: 20px; }

.content_box table { width:100%; margin:5px 0;	border-collapse:collapse; min-height:160px;	height:auto; _height:160px;	background-color:#f8f8f8; border:1px solid #eee; }
.content_box table table { width:auto; min-height:60px; height:auto; _height:60px; border-collapse:collapse; border:none;}
.content_box table td { padding:5px; }
.content_box p { padding:5px 0; }

.footer { clear:both; }

/*Common*/

ul#mediabankfiles img { border: 0; }
.mb_folderdesc h1, .news_list_month, h2, h2 a {
	background: none;
	color: #2f5e81;
	font-size: 15px;
	padding: 0;
}

.mb_startlist ul { list-style: none; }
.mb_startlist li { padding: 10px 0 0 0; }
.mb_filetitle { text-align: center; }

ul#mediabankfiles { margin: 0; padding: 0; list-style: none; }
ul#mediabankfiles li { float: left; width: 120px; min-height: 120px; height: auto; _height: 120px; margin:8px 8px 0 0; text-align: center; border: 1px solid #EBEAEA; }
ul#mediabankfiles li table { width: 120px; min-height: 100px; height: auto; _height: 100px; border: 0; border-collapse: collapse; }
ul#mediabankfiles li td { min-height: 100px; height: auto; _height: 100px; }
ul#mediabankfiles li.fileover { border-color: #ddd; }

/*events*/
.events_clear { clear: both; }
.events_monthlist a { display:block; float: left; margin-right: 10px; }
.events_monthlist_year { clear: both; text-decoration: none; color: #555; }
.events_list_table { border: 0; border-collapse: collapse; width: 100%; }
.events_list_date { vertical-align: top; width: 120px; }
.events_list_date, .events_list_title { padding: 5px 2px; color: #555; }
.events_list_title { font-weight: bold; }
.events_list_ingres { font-weight: normal; }
.events_list_month { padding: 20px 0 5px 0; color: #669ac2; }
.events_list_entry_dark { background-color: #eee; }

/**
simpleform
*/
.simpleform_maintable td { padding: 3px; }
.simpleform_note { font-size: 9px; }
.simpleform_maintable td.simpleform_caption { padding: 20px 0; }
.simpleform_label { vertical-align: top; }
.simpleform_errors { color: #c80000; margin: 10px 0; padding: 5px; border: 1px solid #aaa; }
.simpleform_errors div { padding: 2px 0; }
.simpleform_text, .simpleform_textarea, .simpleform_select { width: 300px; }

.fileprefiew_videoarea { text-align: center; }

/* volunteers */
.volunteers_list { margin-bottom: 30px; }
.volunteers_list div { padding: 5px; }
.volunteers_entry { border-bottom: 1px solid #a5acb2; border: 1px solid #a5acb2; margin-bottom: 20px; }
.volunteers_title { border-bottom: 1px solid #a5acb2; padding: 3px; background-color: #aacff2; font-weight: bold; }
.volunteers_content table { border-collapse: collapse; border: 0; }
.volunteers_content table tr th { padding: 3px; vertical-align: top; font-weight: normal; }
.volunteers_content table tr td { padding: 3px; }
.volunteers_span { height: 500px; }

.front_adbanner { text-align: center; padding: 20px 0 10px 0; }
.front_adbanner img { border: none; }

.simpleform_captionlabel { font-weight: bold; font-size:1.4em; font-family: Trebuchet MS, Arial, Verdana, Tahoma, sans-serif; color:#88bce2; margin:0; padding:5px 0; margin-bottom:10px; border-bottom:1px solid #ebebeb; line-height:22px; }

.liitykirkkoonbanneri img, .ensimmainenkertabanneri img { border: none; }
.liitykirkkoonbanneri, .ensimmainenkertabanneri { padding: 5px 0; }

.panorama_table td { width: 120px; }
.panorama_table th { text-align: top; padding: 5px; width: 136px; }
.panorama_table img { border: 0; }

.panorama_table_highlight td { width: 120px; }
.panorama_table_highlight th { text-align: top; padding: 5px; width: 240px; }

.news .textcontent { border-top: 0; padding: 0 0 10px 0; }

.column_frontmiddle_evlnews { background-image: url('../layout/evl-tunnus.gif'); background-repeat: no-repeat; background-position: 10px 10px; background-color: #fff; padding: 55px 15px 15px 15px; clear: both; border: 1px solid #ccc; margin-top: 20px; }

.column_evlsakasti { background-image: url('../layout/evl-tunnus.gif'); background-repeat: no-repeat; background-position: 0 10px; background-color: #fff; padding: 55px 5px 5px 5px; clear: both; border: 1px solid #ccc; margin-top: 20px; }
.evlnews_entry { padding-bottom: 5px; }
.column_frontmiddle_evlnews a { text-decoration: none; }
.evlnews_all { text-align: right; }

.virsihaku form { padding: 0; margin: 0; }
.virsihaku_title { padding: 10px 0; }
.virsihaku_word { width: 130px; }

.quicksearch { float: right; padding-left: 10px; }
.searchboxcontainer, .searchbutton { float: left; }
.searchboxcontainer input { width: 84px; font-size: 12px; }
.searchbutton input { font-size: 11px; }

.search_query_input, .search_query_submit { float: left; }
.search_query_submit { padding-left: 5px; }
.search_query_end { clear: both; }

.search_result_row { padding-bottom: 14px; }
.search_result_ingres { padding: 3px 0; }

.search_query { padding-bottom: 20px; }

.textzoomedited_pipe { color: #999; }

.sitemap ul { list-style: none; padding: 0; margin: 0; }
.sitemap ul li ul { padding: 0 0 0 20px; }
.sitemap li { padding: 2px 0; }

.dailyverse_title { float: left; width: 100px; }
.dailyverse_title h2 { border: 0; }

.dailyverse { float: right; width: 310px; }
.dailyverse_ref { color: #777; }
.panoramas_copyright { text-align: right; color: #777; padding-top: 20px;}


.front_volunteers { margin: 10px 0 15px 0; padding: 2px; border: 1px solid #ddd;background-color: #ace; }
.front_volunteers_title { font-size: 12px; font-weight: bold; color: #333; padding-bottom: 4px; }
.front_volunteers_more { padding-top: 6px; text-align: right; }
.front_volunteers_entry a { font-size: 14px; text-decoration: none; color: #111; }

.events_read_title { font-size: 14px; font-weight: bold; padding-bottom: 10px; }
.events_read_ingres { padding: 10px 0; }
.events_read_archive { padding-top: 20px; text-align: right; }