/*+------------------------------------+*/
/*| 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:12px;
	background:#ffffff url(/pics/evl/bg.gif) repeat-x;
}

p,ul,ol,li,form,input { margin:0em;padding:0em; }
div.clear { clear:both; }

div#all {
	position:relative;
	left:0px;
	top:0px;
	width:951px;
	margin:0em;
	padding:0em;
	background:transparent url(/pics/evl/all.jpg) no-repeat;
}

/*+-------------+*/
/*| YL�TUNNISTE |*/
/*+-------------+*/
div#header {
	position:relative;
	height:108px;
	width:951px;
	background:none;
	margin:0em;
	padding:0em;
	z-index:10;
}

/* logo ja linkki takaisin etusivulle logosta */
#logo {
	position:absolute;
	width:296px;
	height:57px;
	left:19px;
	top:26px;
	margin:0em;
	padding:0em;
	background:transparent url(/pics/evl/logo.gif) no-repeat;
	text-indent: -999999px;
}
div#logo h1 {
	position:relative;
	width:296px;
	height:57px;
	margin:0em;
	padding:0em;
	font-size:18px;
	font-weight:bold;
}
div#logo h1 a {
	position:absolute;
	width:296px;
	height:57px;
	margin:0em;
	padding:0em;
	
	z-index:10;
}
div#logo h1 a span { display:none; }

/* yl�osan apuavalikko - palaute,sivukartta ja haku */
div#navi_tools {
	position:absolute;
	margin:0.2em 0em 0em 590px;
	padding:0em;
	display:inline;
	width:422px;
	font-size:11px;
	z-index:1;
	height:20px;
	}
div#navi_tools ul { list-style-type:none;display:inline; }
div#navi_tools li { display:inline;margin:0em 0.5em 0em 0em;padding:0em 0.5em 0em 0.2em; border-right:1px solid #000000;}
div#navi_tools li a { color:#000000;text-decoration:none; }
div#navi_tools li a:hover { text-decoration:underline;}
div#navi_tools input { border:1px solid #278AC5; }

div#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;
	}

div#navi_tools div.button_border input.button_submit {
	border:none;
	background:#278AC5;
	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;
	}

/* yhteystiedot */
div#contact_info {
	position:absolute;
	left:760px;
	top:26px;
	width:220px;
	height:64px;
	background:transparent url(/pics/evl/contact_info.gif) right top no-repeat;
	padding:0em;
	z-index:1000000000;
	}
div#contact_info p { color:#ffffff;margin:0.5em 0em 0em 0em;padding:0em; }


/* p��valikko */
/* tyylim��rittelyt navi.css:ss� */

/*+-------------+*/
/*| SIS�LT�ALUE |*/
/*+-------------+*/
div#page {
	position:relative;
	top:0px;
	left:12px;
	clear:both;
	width:937px;
	background:#ffffff url(/pics/evl/page.gif) repeat-y;
	margin:0em;
	padding:0em;
}
/* K�ytet��n tapahtumakalenteri-modulin kanssa, sivupohjan oikeassa on sis�ll�n k�yt�ss� */
div#page_wide {
	position:relative;
	top:0px;
	left:12px;
	width:937px;
	background:#ffffff url(/pics/evl/page_wide.gif) repeat-y;
	margin:0em;
	padding:0em;
	}
/*+-------------+*/
/*| VASENPALSTA |*/
/*+-------------+*/
div#page_left {
	float:left;
	width:199px;
	margin:0em;
	padding:0em;
}

/* alasivunavigointi */
div#navi {
	position:relative;
	width:95%;
	margin:auto;
	padding:0em;
}
div#navi ul {
	list-style-type:none;
	position:relative;
	margin:0em;
	padding:0em;
}
div#navi ul li {
	background:transparent url(/pics/evl/li-dotted.gif) left bottom repeat-x;
	margin:0em;
	padding:0.7em 0em;
}
div#navi ul li a { 
	text-decoration:none;
	color:#055891;
	font-weight:bold;
	background:transparent url(/pics/evl/li-a.gif) 0em 0.2em no-repeat;
	margin:0em; 
	padding:0em 0em 0em 1.5em;
	display:block;
	}
div#navi ul li a:hover { text-decoration:underline;}
div#navi ul li a.active { color:#A31907; }

div#navi ul li ul li { 
	background:none;
	margin:0.5em 0em 0em 0em;
	padding:0em 0em 0em 1.5em;
	
}
div#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; 
	}
div#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;}
/** kiinte� linkit alasivu-valikossa **/
div#navi ul#internal_links  { margin:0.5em 0em 0em 0em;}
div#navi ul#internal_links li {
	height:24px;
	padding:5px 0em 0em 0em;
	background:transparent url(/pics/evl/li-internal_links.gif) repeat-x;
	}
div#navi ul#internal_links li  a { 
	color:#fff;
	background:transparent url(/pics/evl/li-a_internal_links.gif) 0.2em 0.2em no-repeat;
	}
/* vasemman palstan kuvapaikka */
div#image_place-left_col {
	position:relative;
	width:199px;
	height:219px;
	margin:0em;
	padding:0em 0em 2em 0em;
	background:transparent url(/pics/evl/current_news-end.gif) center bottom no-repeat;
}

	/* Left Col lift */
	.liftLeftCol { position: relative; width: 199px; margin:0;}
	.liftLeftCol 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;}
	.liftLeftCol 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; }
	.liftLeftCol a { color:#316A8A;}
/*+-------------+*/
/*| KESKIPALSTA |*/
/*+-------------+*/
div#page_center {
	float:left;
	width:568px;
	margin:0em;
	padding:0em;
	
}
/* K�ytet��n tapahtumakalenteri-modulin kanssa, sivupohjan oikeassa on sis�ll�n k�yt�ss� */
div#page_center_wide {
	float:left;
	width:700px;
	margin:0em;
	padding:0em;
	}


/* etusivun p��kuvapaikka */
div#main_image {
	position:relative;
	width:567px;
	height:178px;
	margin:0em;
	padding:0em;
	border-bottom:4px solid #ffffff;
}

/* etusivun uutisalue */
div#bulletin {
	position:relative;
	width:567px;
	margin:auto;
	padding:0em;
	background:transparent url(/pics/evl/bulletin.gif) repeat-x;
	min-height:200px;
	height:auto;
	_height:300px;
}

/* ajankohtaista-nosto etusivulla */
div#bulletin_news {
	float:left;
	width:272px;
	margin:2em 0em 0em 5px;
	padding:0em 0em 5em 0em;
	background:#F2FBFF url(/pics/evl/bulletin-end.gif) left bottom repeat-x;
	min-height:300px;
	}
div#bulletin_news h2 {
	position:relative;
	width:272px;
	height:40px;
	margin:0em;
	padding:0.8em 0em 0em 0em;
	background:transparent url(/pics/evl/h2-news.gif) no-repeat;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	text-indent:0.8em;
	

}
	#bulletin_news ul { list-style-type: none;}
	#bulletin_news li { font-size: 11px; width:91%; margin:0 auto;padding:0.2em 0em; border-bottom:1px solid #ddd;}
	#bulletin_news li a { color: #316A8A; font-weight: bold; text-decoration: none;}
	#bulletin_news a:hover { text-decoration: underline;}  

/* tapahtumat-nosto etusivulla */
div#bulletin_events {
	float:left;
	width:271px;
	margin:2em 0em 0em 5px;
	padding:0em 0em 5em 0em;
	background:#F2FBFF url(/pics/evl/bulletin-end.gif) left bottom repeat-x;
	min-height:300px;
	height:auto;
	_height:300px;
	}

div#bulletin_events h2 {
	position:relative;
	width:271px;
	height:40px;
	margin:0em;
	padding:0.8em 0em 0em 0em;
	background:transparent url(/pics/evl/h2-events.gif) no-repeat;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	text-indent:0.8em;
	
}
/* arkistolinkit */
a#archive_news, a#archive_events {
	position:absolute;
	top:37px;
	color:#ffffff;
	text-decoration:none;
	margin:0em 0em 0em 0em;
	padding:0em;
	
	font-size:11px;

	}

a#archive_news { left:150px; }
a#archive_events { left:427px; }
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;}
div.news p a,div.events p a { color:#316A8A;font-weight:bold;text-decoration:none;}
div.news p a:hover,div.events p a:hover{ text-decoration:underline;}

/*+-------------+*/
/*| OIKEAPALSTA |*/
/*+-------------+*/
div#page_right {
	float:left;
	width:170px;
	margin:0em;
	padding:0em;
	
}

/* linkit muihin palveluhin */
div#links {
	position:relative;
	width:170px;
	margin:0em;
	padding:0em 0em 0.1em 0em;
}
/*
div.outer_link {
	position:relative;
	width:170px;
	height:53px;
	margin:0em;
	padding:0.6em 0em;
}
div.outer_link h2 {
	width:165px;
	height:53px;
	font-size:12px;
	margin:0em;
	padding:0em;
	}
div.outer_link a { display: block; width:165px;height:53px; background:transparent url(/pics/evl/li-dotted.gif) left bottom repeat-x;} */
#links h2 a { text-indent: -99999px; border-bottom:1px solid #ddd; text-decoration:none; }
#links h2 a#pysakki { display: block; width:165px;height:53px; background:transparent url(/pics/evl/h2-pysakki.gif) no-repeat; }
#links h2 a#kotikirkko { display: block; width:165px;height:53px; background:#fff url(/pics/evl/h2-kotikirkko.gif) no-repeat; }
#links h2 a#evl { display: block; width:165px;height:53px; background:transparent url(/pics/evl/h2-evl.gif) no-repeat; }
#links h2 a#evl-raamattu { display: block; width:165px;height:53px; background:transparent url(/pics/evl/h2-evl-raamattu.gif) no-repeat; }
#links h2 a#evl-katekismus { display: block; width:165px;height:53px; background:transparent url(/pics/evl/h2-evl-katekismus.gif) no-repeat; }
#links h2 a#evl-kappeli { display: block; width:165px;height:53px; background:transparent url(/pics/evl/h2-evl-kappeli.gif) no-repeat center center; }
#links h2 a#evl-vaalit { display: block; width:165px;height:53px; background:transparent url(/pics/evl/h2-evl-vaalit.gif) no-repeat center center; }
#links h2 a#evl-kortti { display: block; width:165px;height:53px; background:transparent url(/pics/nappula-sahkoinenkortti.jpg) no-repeat center center; }
#links h2 a#hml-seurakuntayhtyma { display: block; width:165px;height:53px; background:transparent url(/pics/evl/h2-seurakuntayhtyma.gif) no-repeat center center; }
#links h2 a#keskustelu { display: block; width:165px;height:53px; background:transparent url(/pics/evl/keskustelufoorumi.jpg) no-repeat; }


	/* Right Column lift */
	.liftArea { position: relative; width: 160px; 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;}
	

/* oikeanpalstan nostot */
	#hotspot {
	position:relative;
	clear:both;
	width:164px;
	margin-top:1px;
	border-top:1px solid #185578;
}

/* yksitt�inen nosto */
div.current_news {
	position:relative;
	width:90%;
	margin:auto;
	padding:0em 0em 2em 0em;
	background:transparent url(/pics/evl/current_news-end.gif) center bottom no-repeat;
}




/*+----------+*/
/*| ALASIVUT |*/
/*+----------+*/



/* Sis�lt�alue */
div#content_col {
	position:relative;
	width:90%;
	margin:auto;
	padding:0em;
}

/* murupolku */
div#path { 
	position:relative;
	top:0.5em;
	margin:0em;
	padding:0em;
	}
div#path p { font-size:11px;}
div#path p a { text-decoration:none;color:#316A8A;}
div#path p a.active { color:#A31907; }
div#path p a:hover { text-decoration:underline;}

/* sivun nimi */
div#content_col h1.pageName {
	font-size:24px;
	font-weight:normal;
	color:#A3368A;
	margin:2em 0em 0.5em 0em;
	padding:0em 0em 0.3em 0em;
	text-transform:uppercase;
	background:transparent url(/pics/evl/li-dotted.gif) left bottom repeat-x;
}

	/* text-styles from text.css */
	/* headings */
	#content_col 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; }
	#content_col h3 { font-family:arial,verdana,serif;font-size:14px;font-weight:bold;color:#A3368A;margin:1em 0em 0.4em 0em;padding:0em;}

	/* paragraphs */
	#content_col p { margin:1em 0em 0.4em 0em;}
	#content_col p.ingressi { font-family:arial,verdana,serif;font-size:14px;color:#7E7E7E;}
	#content_col p.pieni_teksti { font-size:11px;font-family:courier,arial,verdana,serif;color:#000000;}
	
	/* text effects */
	#content_col span.strong { background-color:yellow; }
	#content_col span.highlight { background-color:yellow }
	/* images */

	#content_col img.tasattu_oikealle { float: right; margin-left: .5em; padding: 0.5em;}
	#content_col img.tasattu_vasemmalle { float:left; margin-right: .5em; padding: 0.5em;}
	#content_col img.kehystetty_ei_tasattu { border:1px solid #185578;margin:0em;padding:1px; }
	#content_col img.kehystetty_tasattu_vasemalle { float:left;border:1px solid #185578;margin-right:1em;padding:1px; }
	#content_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 */
	div#content_col ul, div#content_col ol { margin-left:2em; }
	div#content_col ul ul, div#content_col ol ol { margin-left:1em; }
	div#content_col ul li, div#content_col ol li { font-size:12px; }

	/* links */
	div#content_col a { color:#316A8A;}


	/* sub-category navigation */
	.subCategories { float: left; padding: 1em; border: 2px dashed #ddd; width: 200px; margin-right: 1em;}
		#content_col .subCategories ul { list-style-type:none; margin-left: 0;}
		.subCategories li { margin-bottom: 0.25em; padding-bottom: 0.25em; border-bottom: 1px solid #eee;}
		.subCategories li a { font-weight: bold; text-decoration: none;}
			.subCategories li a:hover { text-decoration: underline;}	

/* muut tyylit m��ritelty text.css -tiedostossa */

/*+-------------+*/
/*| ALATUNNISTE |*/
/*+-------------+*/
div#footer {
	position:relative;
	width:100%;
	height:53px;
	clear:both;
	margin:0em;
	padding:0em;
	background:transparent url(/pics/evl/footer.gif) left top repeat-x;
}	

div#footer div { position:relative;width:969px;height:54px;background:transparent url(/pics/evl/footer_pic.gif) -2px -1px no-repeat; margin:0em;padding:0em;}
/* K�ytet��n tapahtumakalenteri-modulin kanssa, sivupohjan oikeassa on sis�ll�n k�yt�ss� */
div#footer div.wide { background:transparent url(/pics/evl/footer_pic_wide.gif) -2px -1px no-repeat; }

/* 
 * Other templates
 * **********************
 */

 /* 
  *  Form designer form
  *  pagetemplates/evl-formdesignerform.vm 
 */
  
	
	
	
	#fd fieldset { margin: 6px 0px 6px 0px; 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 fieldset.break { background-color: #eee; }
	
	
	/*
	 * Error pages
	 * errorpages/www.hameenlinna-evl.fi/404.jsp
	 */
	#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:#A3368A;margin:1em 0em 0.4em 0em;padding:0em;text-transform:uppercase; }
	
	/*
	 * Bulletin Manager 2
	 * pagetemplates/evl-bulletinmanager2.vm
	 */
	#content_col #bm2 ul.msgListing { list-style-type: none; margin-left:0; }
		#content_col #bm2 .msgListing li { font-size: 12px; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #eee; }
		#content_col #bm2 .msgListing li a { font-size: 14px; font-weight: bold; text-decoration: none;}
		#content_col #bm2 .msgListing li a:hover { text-decoration: underline;}
		#bm2 img.email { margin:0 -0.2em 0 0em; vertical-align: middle;}
		#bm2 h5 { font-size: 14px; font-weight: bold;}
	/*
	 * Workers
	 * pagetemplates/evl-tyontekijat.vm
	 */		
		#content_col .workers a { color: #000000; }
		
		
	/*
	* EVL lähetä 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;}