/*+------------------------------------+*/
/*| H�meenlinnan - Vanajan seurakunnan |*/
/*| verkkopalvelun tyylitiedosto       |*/
/*| copyright 2006 Ambientia Ltd.      |*/
/*+------------------------------------+*/

/* clears all the margins and paddings for elements, expect for tables */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, /*ol,*/ ul, li, fieldset, form, label, legend,  caption { margin: 0;padding:0;}

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

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

a { outline: none;} /* removes borders from links on Mozilla Firefox */



body {
	margin:0em;
	padding:0em;
	font-family:arial,verdana,serif;
	font-size:13px;
	background:#ffffff url(/pics/evl_new/header_bg.jpg) repeat-x;
}

p,ul,ol,li,form,input { margin:0em;padding:0em; }

#wrapper {
	width: 100%;
	/* margin:0 auto; */
	position: relative;
	}
	
#header { 
	position: relative;
	height: 163px;		
	 }

#header #logo { 
	position:absolute;
	left:0px;
	top:22px;
	width:414px;
	height:93px;
}

#navi_tools {
	position:absolute;	
	margin:0.2em 0em 0em 560px;
	padding:0em;
	display:inline;
	width:387px;
	font-size:11px;
	z-index:1;
	height:30px;
}

#navi_tools ul { list-style-type:none;display:inline; }
#navi_tools li { display:inline;margin:0em 0.5em 0em 0em;padding:0em 0.5em 0em 0.2em; border-right:1px solid #000000;}
#navi_tools li a { color:#000000;text-decoration:none; }
#navi_tools li a:hover { text-decoration:underline;}
#navi_tools input { border:1px solid #278AC5;}

#navi_tools div.button_border {
	display:inline;
	position:absolute;
	width:auto;
	border:1px solid #278AC5;
	margin:0em 0em 0em 0.2em;
	padding:0em 0em;
	background:#278AC5;
	}

#navi_tools div.button_border input.button_submit {
	border:none;
	background:#6A854A;
	cursor:pointer;
	border:1px solid #ffffff;
	text-transform:uppercase;
	color:#ffffff;
	font-size:95%;
	font-family:verdana;
	padding:0.1em;
	margin:0em;
	font-weight:bold;
	}

#navWrapper { position: absolute; top: 140px; width: 100%; overflow: hidden;}

#navi {
	position:relative;	

	background:#ffffff url(/pics/evl_new/topNaviBackground.gif) repeat-x;
	height:24px;
	width:100%;
}

#navi ul { list-style-type:none; }

#navi ul li { 
	float:left;
	position:relative;
	margin:auto;
	padding: 0.15em 1em;	
	border-left:1px solid #FFFFFF; 
	display:inline;
}

#navi ul li a  { color:#ffffff; text-decoration:none;font-weight:bold; }

#navi ul li ul li { 
	background:none;
	margin:0.5em 0em 0em 0em;
	padding:0em 0em 0em 1.5em;
	
}
#navi li li a { 
	display:block;
	text-decoration:none;
	font-weight:normal;
	background:none;
	margin:0em;
	padding:0em 0em 0em 0em;
	color:#000000;
	line-height:1em; 
	}
#navi ul li ul li ul li { padding:0em 0em 0em 1em;}
	#navi li#selected a { font-weight: bold;}
		#navi a.selected { font-weight: bold;}


#page {
	position:relative;
	width:948px;				
	padding-bottom:25px;	
}

.subpage { background:url(/pics/evl_new/contentBackground.gif) 198px 0px repeat-y; }

.frontpage { background:url(/pics/evl_new/contentBackgroundFp.gif) 198px 0px repeat-y; }

#main_image {
	position:relative;
	width:779px;
	height:249px;
	margin:0em;
	padding:0em;	
}

#leftColumn {
	float:left;
	width:198px;
	}
	

	/* sub-category navigation */
	#subCategories { padding: 0.5em; width: 187px; margin-right: 1em;}
		#subCategories ul { list-style-type:none; margin-left: 0;}		
		#subCategories li { margin-bottom: 0.2em; padding-top: 0.25em; padding-bottom: 0.5em; background:url("/pics/evl_new/naviDivider.gif") left bottom no-repeat}
		#subCategories li a { display:block;font-size:12px; font-weight: bold; padding:0 0 0 1.5em; text-decoration: none; color:#637847; background:url("/pics/evl_new/li-a.gif") 0 2px no-repeat}
		#subCategories li a:hover { text-decoration: underline;}
		#subCategories li li {background:none; padding:0; margin:0.25em; }
		#subCategories li li li { margin-left: 1em; }
		#subCategories li li a {background:none;font-weight:normal; }
			

#middleColumn {
	float:left;
	width:581px;	
	}	
	
	/* 
	 * Bulletin Manager 2 - Testi lis�ys
	 * /pagetemplates/evl-seurakuntaneuvosto-bulletinmanager2.vm
	 */
	
	.bm2 {}
		h2.msgTitle { font-weight: normal; margin-left: 20px; margin-top: 30px;}
		.msgDate { font-size: 11px; margin-left: 20px;}
		.msgLead { color: #292929; font-size: 14px; font-style: italic; margin-left: 20px;}
		.msgPublisher { color: #637847; font-weight: bold; margin-left: 20px;}
		.msgBody { margin-left: 20px;}
		
		.msgList { list-style-type:none; margin-left: 20px; margin-top: 30px;}
			.msgList li { font-size: 11px; padding-bottom: 0.75em; border-bottom: 1px dashed #dbdfcb;margin-bottom: 0.75em; margin-right: 40px;}
			.msgList li a { font-size: 14px; text-decoration: none;}
			.msgList a.areaName { font-size: 11px; text-decoration: none; font-weight: bold;}
				.msgList a:hover { text-decoration: underline;}
				
		.bm2 img.email { margin:0 -0.2em 0 0;  }
	/*
	 * Minutes
	 * pagetemplates/evl-seurakuntaneuvoston-poytakirjat.vm
	 */
	#minutes {}
		.year { position: relative; width: 95%;  padding: 1em 1em; background: #eee; margin: 0 auto; margin-bottom: 2em;  }
		.year label { float:left; margin-right: 0.5em;}
		.year form { float:left; }
		.year clearfix { display: inline-block;}
	/*testi lis�ys*/

/* murupolku */
#path { 
	position:relative;	
	top:0.5em;
	width:547px;
	margin:0 auto;
	padding:0em;
	margin-bottom:32px;
	}		
	
#path p { font-size:11px;}
#path p a { text-decoration:none;color:#546D33;}
#path p a.active { color:#000; }
#path p a:hover { text-decoration:underline;}

/* sivun nimi */
 h1.pageName {
	font-size:17px;
	width:547px;
	margin:0 auto;	
	font-weight:bold;
	color:#587336;	
	padding:0em 0em 20px 0em;		
}

.content { width:547px; margin:0 auto; }

.content ul { padding:3px 0 3px 25px; }

.content a { color:#587336; }

#rightCol {
	position:relative;
	float:left;
	width:164px;		
}

#links {
	position:relative;
	width:170px;
	margin:0em;
	padding:0em 0em 0.1em 0em;
}	

#links h2 a { text-indent: -99999px; border-bottom:1px solid #ddd; text-decoration:none; margin-top:5px;}
#links h2 a#pysakki { display: block; width:164px;height:47px; background:transparent url(/pics/evl_new/pysakki.gif) no-repeat; }
#links h2 a#suurella-sydamella { display: block; width:164px;height:47px; background:transparent url(/pics/evl_new/suurella_sydamella.gif) no-repeat; }
#links h2 a#kotikirkko { display: block; width:164px;height:47px; background:transparent url(/pics/evl_new/kotikirkko.gif) no-repeat; }
#links h2 a#evl { display: block; width:164px;height:47px; background:transparent url(/pics/evl_new/evl_fi.gif) no-repeat; }
#links h2 a#evl-vaalit { display: block; width:164px;height:47px; background:transparent url(/pics/evl_new/seurakuntavaalit.gif) no-repeat center center; }
#links h2 a#lahetakortti { display: block; width:164px;height:47px; background:transparent url(/pics/evl_new/sahkoinen_kortti.gif) no-repeat center center; }
#links h2 a#blogi { display: block; width:164px;height:47px; background:transparent url(/pics/evl_new/blogi.jpg) no-repeat center center; }
#links h2 a#seurakuntayhtyma { display: block; width:164px;height:47px; background:transparent url(/pics/evl_new/seurakuntayhtyma.gif) no-repeat center center; }
#links h2 a#liitykirkkoon { display: block; width:164px;height:47px; background:transparent url(/pics/evl_new/liitykirkkoon.gif) no-repeat center center; }

	/* Right Column lift */
	.liftArea { position: relative; width: 170px; margin: 0 auto;}
	.liftArea h2 { font-family:arial,verdana,serif;font-size:16px;font-weight:bold;color:#A3368A;margin:1em 0em 0.4em 0em;padding:0em;text-transform:uppercase;}
	.liftArea h3 { font-size:12px; font-weight:bold; color:#1E7034; background:transparent url(/pics/evl/li-dotted.gif) left bottom repeat-x; margin:1em auto 0.5em auto;padding:0em 0em 0.5em 0em; }
	.liftArea a { color:#316A8A;}

#fpContent {
	position:relative;
	width:780px;
	
}

#fpText {
		position:relative;
		margin:13px 0px 10px 16px;
		
	}

/* etusivun uutisalue */
#bulletin {
	position:relative;
	width:700px;
	margin:0 auto;
	padding:1em;	
	min-height:200px;
	height:auto;
	_height:300px;
	background: url(/pics/evl_new/bulletinDivider.gif) top center repeat-y;
}

/* ajankohtaista-nosto etusivulla */
#bulletin_news {
	float:left;
	width:267px;
	min-height:250px;
	margin-right:45px;
	margin-bottom: 20px;
	border-bottom:4px solid #587336;
	}
#bulletin_news h2 {
	position:relative;
	width:267px;
	height:22px;
	margin:0em;		
	background:#587336;	
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-indent:0.8em;	
	padding-top:3px;	
}
	#bulletin_news ul { list-style-type: none;}
	#bulletin_news li { font-size: 11px; font-weight: bold; width:91%; margin:0; padding:0.7em 0.1em; border-bottom:1px solid #ddd;}
	#bulletin_news li a { color: #000; font-weight: bold; text-decoration: none;}
	#bulletin_news a:hover { text-decoration: underline;}  

/* tapahtumat-nosto etusivulla */
#bulletin_events {
	float:left;
	width:267px;
	margin:auto;
	min-height:250px;
	height:auto;
	_height:300px;
	margin-left:45px;
	}

div#bulletin_events h2 {
	position:relative;
	width:271px;
	height:22px;
	margin:0em;	
	background:#587336;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-indent:0.8em;
	padding-top:3px;
	
}
	#bulletin_events ul { list-style-type: none;}
	#bulletin_events li { font-size: 11px; font-weight: bold; width:91%; margin:0; padding:0.7em 0.1em; border-bottom:1px solid #ddd;}
	#bulletin_events li a { color: #000; font-weight: bold; text-decoration: none;}
	#bulletin_events a:hover { text-decoration: underline;}

/* arkistolinkit */
a#archive_news, a#archive_events {
	position:absolute;
	top:16px;
	color:#ffffff;
	text-decoration:none;
	margin:0em 0em 0em 0em;
	padding:0em;	
	font-size:11px;
	}

a#archive_news { left:145px; }
a#archive_events { left:130px; top:3px;}
a#archive_news:hover,a#archive_events:hover { text-decoration:underline;}

/* yksitt�inen uutinen/tapahtuma-nosto*/
div.news,div.events { 
	position:relative;
	
	width:91%; 
	margin:auto;
	padding:0.2em 0em;
	border-bottom:1px solid #ddd;
	}
div.news p span ,div.events p span { font-size:11px; font-weight: bold;}
div.news p a,div.events p a { color:#000;font-weight:bold;text-decoration:none;}
div.news p a:hover,div.events p a:hover{ text-decoration:underline;}

#noticeBoard {
	float:left;
	width:267px;
	margin:auto 30px 25px auto;	
	min-height:100px;			
	border-bottom:4px solid #587336;
	}
#noticeBoard h2 {
	position:relative;
	width:267px;
	height:22px;
	margin:0em;		
	background:#587336;	
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-indent:0.8em;	
	padding-top:3px;	
}

#noticeBoard span {
	margin: 5px auto;
	display:block;
	width: 165px;	
	padding: 0px;
	padding-top:10px;
	vertical-align:middle;
	background-color:#F49800;
	background-image: url(/pics/evl_new/laskuritausta.gif);
	font-size:65px;
	color:#fff;
	text-align: right;
	letter-spacing: 15px;
	}

#noticeBoard h3 {
		position:relative;
		width:100%;
		font-size:12px;
		text-align:center;		
	}

#noticeBoardRight {
	float:left;
	width:330px;
	border-bottom:4px solid #587336;
	margin-left: 62px;
	}


#footer {
	background:url(/pics/evl_new/footer.gif) repeat-x scroll left top transparent;
	clear:both;
	height:53px;
	margin:0;	
	padding:0;
	position:relative;
	width:100%;
}

#footer p { 
	position:relative;
	padding-left:210px;
	padding-top:10px;
	width:547px;
	color:#587336;
	font-size:11px;
	font-weight:bold;	
	}

div#footer div { position:relative;width:969px;height:54px;margin:0em;padding:0em;}
	#fpFooter { background:transparent url(/pics/evl_new/footer_pic-fp.gif) 0px 0px no-repeat; }
	#spFooter { background:transparent url(/pics/evl_new/footer_pic.gif) 0px 0px no-repeat; }
	


	/*
	* EVL laheta kortti	
	*/		
	
	body.card { background:url(/pics/kortti/body.jpg) repeat-x; }
	#cardHeader { background:url(/pics/kortti/header.jpg) no-repeat; height:140px;}
	#cardContainer { width:761px; padding-left:105px; padding-top: 30px;}
	#cardContainer p { margin-left:10px; color:#607C3A; font-size:14px; font-weight:bold; font-family: Arial;}	
	#link { position:absolute; top:121px; left:110px;}
	#link a { color:#607C3A; font-size:14px; font-weight:bold; text-decoration:none; font-family: Arial; }
	#imageHolder {position:relative; width:555px; height:480px; background:url(/pics/kortti/imageHolder.gif) left top no-repeat;}
	#imageHolder img {margin-top:5px; margin-left:5px;}
	#imageHolder p { margin-left:10px; color:#607C3A; font-size:14px; font-weight:bold; font-family: Arial;}
	
 /* 
  *  Form designer form
  *  pagetemplates/evl-formdesignerform.vm 
 */
  
	
	#fd fieldset { margin: 6px 0px 0px 17px; display: block; background-color: #fff;border:none;padding:0.5em 0em; }
	
	#fd fieldset legend { font-weight: bold;color:#0046D5;margin-left:-0.5em }
	html>body #fd fieldset legend { margin-left:0em;}
	
	#fd fieldset div.failed_validations { font-weight: bold; background-color: #dc0000; color: #FFF; border: solid 1px #000; padding: 7px; margin: 5px 0px 5px 0; }
	
	#fd fieldset input { border: solid 1px #ddd; }
	#fd fieldset input:focus { border: solid 1px #bbb;  }
	
	#fd fieldset textarea { border: solid 1px #eee; }
	#fd fieldset textarea:focus { border: solid 1px #bbb; }
	#fd fieldset input[type=radio] { border: solid 1px #fff; }
	#fd label { cursor: pointer; }
	#fd input[type=submit] { margin-left: 17px; }

	#fd fieldset.break { background-color: #eee; }	
	

	.col img.tasattu_oikealle { float: right; margin-left: .5em; padding: 0.5em;}
	.col img.tasattu_vasemmalle { float:left; margin-right: .5em; padding: 0.5em;
	.col img.kehystetty_ei_tasattu { border:1px solid #185578;margin:0em;padding:1px; }
	.col img.kehystetty_tasattu_vasemalle { float:left;border:1px solid #185578;margin-right:1em;padding:1px; }
	.col img.kehystetty_tasattu_oikealle { float:right;border:1px solid #185578;margin-left:1em;padding:1px; }
	.content img.email { margin:0 -0.1em 0 -0.25em; vertical-align: middle;}
	/* Lists */
	.col ul, .col ol { margin-left:2em; }
	.col ul ul, .col ol ol { margin-left:1em; }
	.col ul li, .col ol li { font-size:12px; }

	/* links */
	div#content_col a { color:#587336;}	
	
	#bm2 h2 {
		color:#587336;
		font-size:17px;
		font-weight:bold;
		margin:0 auto;
		padding:0 0 0px;
		width:547px;	
	}
	
	#bm2 p.bottom {
		padding:0 0 20px 17px;
		color:#000;
		font-size:12px;
	}
	
	#bm2 p {
		padding:0 5px 0 17px;
	}	
	
	#bm2 ul {
		padding:0 0 0 31px;
	}	
	
	#eventCalEvent {
		margin:0 auto;
		width:547px;				
	}			
	
	#search a { color:#587336; }
	
	/*
	 * Error pages
	 */
	#errorpages {  position: relative; width: 100%; height: 300px; background:#fff; padding:2em;}
	#errorpages h2 { font-family:arial,verdana,serif;font-size:16px;font-weight:bold;color:#587336;margin:1em 0em 0.4em 0em;padding:0em;text-transform:uppercase; }
	#errorpages a { color:#587336; }