/*
		Main style file for St. Albans Wallasey Website
		
		Copyright (c) 2007
	*/
	
	body{
		font: 1em/130% Verdana, Helvetica, sans-serif;	
		background: #f4f7f9 url('/assets/images/layout/bg_header.gif') top left repeat-x;
	}
	
	
	h1, h2, h3, h4, h5, h6{
		color: #6CAE15;
	}
	h1{
	line-height: 110%;
	}	
	img{
		border: none;
	}
	
	a{
		/*color: #6CAE15; */
		color: #063669;
	}
	
	a:hover{
		color: #91b5da;
	}
	
	#header{
		margin-bottom: 5px;
		
	}
	
	#header ul{
		list-style: none;
		float: right;
		margin: 0;
		margin-top: -10px;
		padding: 0;	
	}
	
	#header ul li{
		display: inline;
		color: #CCC;
		font-size: .8em;
	}
	
	
	#header h1 span
	{
		background: transparent url('/assets/images/logo.gif') 0 0 no-repeat;
		width: 370px;
		height: 91px;
		position: absolute;
		z-index: 100;		
	}	
	
	#header a{
		text-decoration: none;
		color: #063669;
	}
	
	#header a:hover{
		color: #91b5da;
	}


	/* crumbtrail */
	div.crumb {
		color: #666;
		background-color: transparent;
		font: bold x-small/1em Verdana,Arial,Helvetica,sans-serif;
	}
	
	.crumb a{
		background-color: transparent;
	}

	
	
	#mcontent{
		/* background: #FFF url('/assets/images/layout/bg_corner.gif') top right no-repeat;*/
		background-color: #FFF;
		border: 1px solid #dddfe1;
	}
	
	#mcontent p{
		color: #000;
		font-size: .9em;
		padding: 10px;
		
	}
	
	#mcontent {
		
	}
	
	div#mcontent #mainpic {
		float:right;	
		margin :10px 18px 15px 18px!important;
		width: 220px;
		position:relative;
	}
	
	
	div#mcontent #mainpic .boxes
	{
		width: 200px;
	}	
	
	.boxes{
		background:#F9FAF9;
		border:1px solid #C0D0E0;
		color:#333;
		margin-top: 20px;
		margin-bottom: 15px;
		padding:7px 10px 15px 10px;
		clear: both;
		overflow: hidden;
	}
		
	

	
	/* MAIN NAVIGATION */
	
	
	div#leftnav ul {
		list-style: none;
		margin: 0;
		padding: 0 1px;	
	}
	
	div#leftnav ul li{
		margin: 4px 0;
	}
		
	div#leftnav ul li a{
		text-indent: 30px; 
		display: block;
		background: transparent url('/assets/images/nav/nav_off.gif') no-repeat;
		color: #0052A8;
		text-decoration: none;
		min-height: 22px;
		font-size: .8em;
		font-weight: bold; 
	}
	
	div#leftnav ul li a:hover, div#leftnav ul li#active a{
		background-image: url('/assets/images/nav/nav_on.gif');
	}
	
	div#leftnav ul li ul{
		display: none;
		border:1px solid #dddfe1;	
		width: 159px;
		background-color: #FFF;
	}
	
	div#leftnav ul li#active ul{
		display: block;
	}
	
	div#leftnav ul li ul li a, div#leftnav ul li#active ul li a, div#leftnav ul li ul li a:hover{
		background: none;
		font-weight: normal;
		text-indent: 0;
		padding-left: 10px;
	}
	
	div#leftnav ul li ul li a:hover{
		color: #6CAE15;
	}
	
	/* END NAVIGATION */
	
	
	
	/* Right nav promo boxes */
	#col3 .promo h4, h4#gallery{
		color: #FFF;
		background-color: #6CAE15;
		padding: 0 2px 1px 10px;
		margin: 0;
		font-size: .9em;
		height: 18px;
			
	}
	
	h4#gallery{
		margin: 0 auto;
	}
	
	#col3 .promo{
		background-color: #FFF; /*#f5ffe9; */
		border: 1px solid #dddfe1;
		margin-bottom:1em;
		font-size: .8em;
		overflow: hidden;		
	}
	
	
	#col3 div.promo ul{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	
	#col3 div.promo ul li{
		border-bottom: 1px dotted #CAD6E8;
		padding-left: 3px;
	}
	
	#col3 div.promo ul li.last{
		border-bottom: none;
	}
	
	#col3 div.promo ul li a{
		text-decoration: none;
	}
	
	
	#col3 div.promo ul li b{
		text-align: right !important;
		float: left;
		display: block;
		width: 40px;
	}
	
	#col3 div.promo ul li span{
		padding-left: 10px;
	}
	
	#col3 div.promo h5
	{
	  margin-bottom: 0;
	}
	
	#col3 div.promo h5, #col3 div.promo p{
		padding: 0 5px;
	}	
	
	#col3 div.promo p{
		margin-top: 0;
		padding-top: 0;
	}
	
	#col3 div.promo img#fgallery{
		border: 1px solid #000;
		margin: 0 10px;
		padding: 10px;
	}
	
	form#poll{
		display: inline;
	}
	
	form#poll fieldset{
		border: none;
	}
	
	form#poll label{
		margin-left: 8px;
	}

	
	form#poll #vote{
		float: right;
		margin: 0 4px 4px 0;
		width: 30%;
		clear: both;
		border-color: #7DBF26 #5B9D04 #5B9D04 #7DBE26;	
		border-width: 2px;
		background-color: #6CAE15;
		color:#FFF;
		border-style: solid;
		font-weight: bold;	
	}	
	
	div.pgcontain{
		clear: both;
		margin: 0 30px;
	}

	div.pgcontain div.pglisting{
		float: left;
		width: 144px;
		position: relative;
		margin: -15px 18px 15px 0 !important;
	}	

	
	h2.asep{
		padding-bottom: 5px;
		border-bottom: 1px solid #C0D0E0 !important;
	}	
		
	div#dostuff a{
		margin-top: 3px;
		font-size: .9em;
	}	
	
	ul#servicetimes{
		margin-top: 20px;
		list-style: none;
		width: 300px;
		font-size: .9em;
	}
	
	ul#servicetimes li{
		border-bottom: 1px dashed #777;
		margin-top: 10px;
	}
	
	ul#servicetimes li b{
		text-align: right !important;
		float: left;
		display: block;
		width: 90px;
	}
	
	ul#servicetimes li span{
		padding-left: 20%;
	}	
	
	
	form#frmcontact label{
		float: left;
		text-align: right;
		margin-top: .55em;
		width: 30%;
	}
	
	form#frmcontact input, form#frmcontact textarea{
		margin: .55em .85em;
		width: 230px;
		border: 1px solid #999;
		
	}
	
	form#frmcontact input:focus, form#frmcontact textarea:focus{
		border-color: #000;
	}
	
	form#frmcontact textarea{
		width: 260px;
	}
	
	form#frmcontact div{
		margin: 8px auto;
		border-top: 1px solid #C0D0E0;
	}
	
	/* Image Gallery stuff */
	
	
	div#imglibrary div{
		float: left;
		margin: 6px;
		width: 130px;
		height: 155px;
		border: 1px solid #BBB;
		text-align: center;	 /* will centre images and caption */
	}
	
	div#imglibrary div a {
		text-decoration: none;
		color: #FFF;
	}
	
	div#imglibrary div h4{
		margin: 0;
		border: 1px solid #BBB;
		border-width: 0 0 1px 0;
		text-align: left;
		text-indent: 4px;
		font-weight: normal;
		background-color: #6CAE15;
		color: #FFF;
		font-size: .9em;
	}
	
	div#imglibrary div:hover{
		border-color: #91b5da;
	}
	
	div#imglibrary div img{
		width: 100px;
		height: 120px;
		padding-top: 5px;
		border: none;
	}
	
	div#imglibrary div img.landscape{
		width: 120px;
		height: 100px;
		padding-top: 15px;
	}	
	
	
	div#imgframe{
		margin: 0 auto;
		border: 1px #000 solid;
		text-align: center;
	}
	
	div#imgframe img{
		padding: 5px;
	}
	
	p#caption{
		color: #877;
		line-height:normal;
	}

	p#caption span{
		font-style: italic;
	}

	
	/* End image gallery */
	
	
	html > body form#frmcontact div input{
		margin: 10px 32% !important;
	}
	
	ul.error{
		color: red;
		list-style: none;
	}	
	
	
	div#footer #tertiary ul{
		list-style: none;
		margin:0 0 13px 0;
		padding:1px 0  0 0;
		text-align:center;	
	}
	
	div#footer #tertiary ul li{
		display: inline;
		padding:0 6px;
		font-size: .8em;
	}
	
	#tertiary ul li a{
		text-decoration: none;
		color: #063669;
	}
	
	#tertiary ul li a:hover{
		color: #91b5da;	
	}
	
	div#footer p{
		font-size: .8em;
		color: #888;
		text-align: center;
	}
	
	div#footer p strong{
		padding-left: 15px;
	}	
	
	.hide{
		display: none !important;
	}
	
	.show{
		display: block;
	}
	
	.sorry{
		display: none;
	}
	
	blockquote{
		background: #c1e2a5 url('/assets/images/quote2.gif') 0 0 no-repeat;
		min-height: 60px;
	}
	
	blockquote p{
		padding: 25px 55px !important; 
		color: #6CAE15 !important;
		font: 1em/120% "Courier New", Courier, monospace !important;
		font-weight: bold !important;
	}

	/* Paging */
	.paging{
		border-top: 1px solid #6CAE15;
		line-height: 30px;
		margin-bottom: 10px;
		clear: both;
	}
	
	.paging span{
		padding: 8px 3px;
		background-color: #6CAE15;
		color:#FFF;
	}
	
	.paging strong{
		padding: 8px 3px;
		background: transparent url('/sadmin/assets/images/arrow.gif') bottom no-repeat; 
	}

	
#col3 div.promo ul li{
	background-repeat: no-repeat;
	padding-left: 20px;

}	
	
#col3 div.promo ul li.icopdf{
	background-image: url(/assets/images/icons/ico_pdf.gif);
}
#col3 div.promo ul li.icodoc{
	background-image: url(/assets/images/icons/ico_doc.gif);
}
#col3 div.promo ul li.icozip{
	background-image: url(/assets/images/icons/ico_zip.gif);
}
#col3 div.promo ul li.icoxls{
	background-image: url(/assets/images/icons/ico_xls.gif);
}
#col3 div.promo ul li.icoppt{
	background-image: url(/assets/images/icons/ico_ppt.gif);
}
#col3 div.promo ul li.icotxt{
	background-image: url(/assets/images/icons/ico_txt.gif);
}
#col3 div.promo ul li.icomdb{
	background-image: url(/assets/images/icons/ico_mdp.gif);
}
#col3 div.promo ul li.icomp3, #col3 div.promo ul li.icowmp{
	background-image: url(/assets/images/icons/ico_wmp.gif);
}

#col3 div.promo ul li.icogif, #col3 div.promo ul li.icojpg, #col3 div.promo ul li.icopng{
	background-image: url(/assets/images/icons/ico_img.gif);
}

#col3 div.promo ul li.icohtm{
	background-image: url(/assets/images/icons/ico_htm.gif);
}

#col3 div.promo ul li.icoxml{
	background-image: url(/assets/images/icons/ico_xml.gif);
}

#col3 div.promo ul li.icounkown{
	background-image: url(/assets/images/icons/unknown.gif);
}