/* Design - Melissa Sterry www.bcreative-design.com */
/* HTML/CSS - Paul Bell www.boilerroomdigital.co.uk */

/*Padding and margin reset*/
	html, body, p, ul, li, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, blockquote, address, table, tr, td, th, form, fieldset, img{
		margin: 0;
		padding: 0;
		font-size: 1em;
		list-style: none;
		font-style: normal;
		border: 0;
	}

	a{
		text-decoration: none;
		color: #00c;
	}
	
	a:hover{
		text-decoration: underline;
	}
	
	abbr{
		border: none;
	}
	
/*Layout*/
	body{
		font-family: Georgia, "Times New Roman", serif;
		background: #f4f9ed;
		color: #333;
		font-size:80%;
		min-height:100%;
		padding-bottom:50px;
	}
	
	#wrapper{
		width:930px;
		margin:50px auto 0;
		background: #fff url(http://templates.livesiteadmin.com/images/stmargaretsputney/bg_content_m_alt.gif) repeat-y;
		position:relative;
	}
	
	#wrapper .inner{
		background: url(http://templates.livesiteadmin.com/images/stmargaretsputney/bg_content_t_alt.gif) no-repeat top left;
	}
	
	#wrapper .inner .inner{
		background: url(http://templates.livesiteadmin.com/images/stmargaretsputney/bg_content_b_alt.gif) no-repeat bottom left;
		position:relative;
	}
	
	.extra{
		background:url(http://templates.livesiteadmin.com/images/stmargaretsputney/bg_extra_shadow.gif) no-repeat;
		width:50px;
		height:311px;
		position:absolute;
		bottom:0;
		left:-50px;
	}
	
	#logo{
		position:absolute;
		left:726px;
	}
	
	.clearer{
		height:1px;
		clear:both;
	}
	
/* Header */
	#header{
		height:241px;
		width:100%;
		background:url(http://templates.livesiteadmin.com/images/stmargaretsputney/bg_church.jpg) top left no-repeat;
		position:absolute;
		top:0;
		z-index:0;
	}
	
/*Main*/
	#main{
		float:left;
		width:671px;
		padding-left:24px;
		position:relative;
		z-index: 10;
		background: url(http://templates.livesiteadmin.com/images/stmargaretsputney/bg_fade.gif) repeat-x 231px 200px;
	}
	
/* Copy */
	#copy{
		line-height:1.5;
		width:636px;
		font-size:1.1em;
	}

	#copy h1{
		font: normal 2.5em Optima, Calibri, Tahoma, Helvetica, Arial,  sans-serif;
		width:471px;
		padding-top:93px;
		height:108px;

		padding-top:135px;
		height:54px;
		margin-bottom:49px;
		color:#818285;
	}
	
	#copy h1 strong{
		font-weight: normal;
		font-size:1.8em;
		display:block;
		color:#231f20;
		margin-top:-42px;
	}
	
	#copy h1 span{
		display:block;
		position:relative;
		top:-12px;
		left:134px;
		color:#231f20;
		font-size:.8em;
	}
	
	#copy p, #copy ul, #copy ol{
		margin-bottom:1em;
	}
	
	#copy h2{
		color:#2b690c;
		margin-bottom:.25em;
	}
	
	#copy h3{
		font-size:1em;
		color:#2b690c;
		margin:.25em 0 .75em;
		font-weight:normal;
	}

	#copy ul, #copy ul li{
		list-style-type: disc;
	}
	
	#copy ol, #copy ol li{
		list-style-type: decimal;
	}
	
	#copy ol, #copy  ul{
		padding-left:2em;
	}
	
/* LH Navigation */
	#sub ul a{
		font-family:Optima, Calibri, Tahoma, Helvetica, Arial, sans-serif;
		font-weight:bold;
		color:#056839;
		padding-left:24px;
		font-size:1.2em;
		margin-bottom:.5em;
		display: block;
		line-height: 1.3;
		background: url(http://templates.livesiteadmin.com/images/stmargaretsputney/bg_arrow.gif) no-repeat 0 3px;
	}
	
	#sub li{
		display:inline;
	}

	#sub{
		padding:213px 50px 0 21px;
		width:160px;
		float:left;
		position: relative;
		z-index:20;
	}
	
	#sub #subnav a{
		font-weight: normal;
		color:#000;
		background:none;
		padding-left:36px;
	}
	
/*Supplementary nav*/
	ul#suppnav{
		margin:0;
		padding:0;
/*		Use this instead if supp nav needs to be above h1 in markup
		position:absolute;
		top:180px;
*/
		position:relative;
		top:-35px;
		font-family:Optima, Calibri, Tahoma, Helvetica, Arial, sans-serif;
		width:530px;
	}

	#suppnav li{
		list-style-type: none;
		display:inline;
		padding:0 1.5em 0 0;
	}
	
	#suppnav a{
		color:#056839;
	}
	
/* Footer */
	#footer{
		clear:both;
		height:241px;
		background:url(http://templates.livesiteadmin.com/images/stmargaretsputney/bg_bottom_logo.gif) no-repeat 497px 122px;
		color:#030;
		padding:20px 173px 0 359px;
	}
	
	#footer p{
		text-align: center;
		font-size: 1.4em;
		line-height: 1.5em;
		margin-bottom:0;
	}
	
/*Specific pages*/
	.bigger{
		font-size:1.2em;
	}
	
	.left{
		float:left;
	}
	
	.right{
		float:right;
	}
	
	.col{
		width:294px;
	}
	
	.thinner{
		width:166px;
	}
	
	.wider{
		width:422px;
	}
	
	.map{
		margin-left:-10px;
	}
	
	/*Page background images*/
	
	.special-occasions{
		background:url(http://templates.livesiteadmin.com/images/stmargaretsputney/bg_page_special_occasions.jpg) no-repeat bottom right;
		min-height: 900px; }
	
	.services-and-events{
		background:url(http://templates.livesiteadmin.com/images/stmargaretsputney/bg_page_services.jpg) no-repeat bottom right;
		min-height:600px;
	}
	
	.halls{
		background:url(http://templates.livesiteadmin.com/images/stmargaretsputney/bg_page_halls.jpg) no-repeat bottom right;
		min-height: 540px;
	}
	

	th{
		color:#2b690c;
		font-weight: bold;
		text-align: left;
	}
	
	th, td{
		vertical-align: top;
		padding:2px;
	}
	
	.whos-who td{
		padding-bottom:2em;
	}
	
	span.green{
		color:#2b690c;
	}
	
	.whos-who td{
		width:316px;
	}
	
	.whos-who h3{
		margin-bottom:0 !important;
	}