/* Reset css
=================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; }
h1, h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, em, i, strong, b, th, var { font-style : normal; font-weight : normal; }
q:before, q:after { content :''; }

html { 
  min-height: 100%; 
	margin-bottom: 1px; 
}
body {
	font-size: 75%;			/* This sets the default font size to be equivalent to 11px (12/16 = .75) */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #666666;
}
img.imleft {float:left; padding: 10px;}
img.imright {float:right; padding: 10px;}

/* blocktext */
h1, h2, h3, h4, h5, p, ul { 
	margin: 0;
	padding : 0.3em 0; 
}
h1, h2, h3, h4, h5 { 
	font-family: Georgia, Palatino, Times New Roman;
	color: #6e272d;
}
h1 {
	font-size: 250%;
}
h2 {
	font-size: 190%;
}
h3 {
	font-size: 150%;
}
h4 {
	font-size: 120%;
	padding: 0.1em 0;
}
p.intro {
	font-family: Georgia, Palatino, Times New Roman;
	color: #736357;
	font-size: 130%;
}
p.date {

}
p.sub {
	color: #958d87;
	font-size: 90%;
}

/* a */
a, a:visited { 
	color : #6e272d; 
	text-decoration : underline;
} 
a:hover { 
	text-decoration : none;
} 

.clear {
	clear: both;
}

strong {
	font-weight: bold;
}
em {
	font-style: italic;
}




ul {
	list-style: disc;
	padding-left: 25px;
}

ol {
	list-style-position: outside;
	list-style-type: decimal;
	padding-left: 30px;
}
ol li {
	padding: 2px 0;
}

dl {
	width: 100%;
	margin: 2em 0;
	padding: 0;
	border-bottom: 1px solid #efefef;
}

dt {
	width: 60%;
	float: left;
	margin: 0;
	padding: .5em;
	border-top: 1px solid #efefef;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

dd {
	float: left;
	width: 34%;
	margin: 0;
	padding: .5em;
	border-top: 1px solid #efefef;
}



hr {
  border: 0;
  width: 100%; 
  text-align: left;
  margin-left: 0;
  color: #cccccc;
	background-color: #cccccc;
	height: 1px;
}



#header-print-cont {
	display: none;
}

img.random {
	margin-bottom: 10px;
}

div.border {
	margin: 20px 0;
	*margin: 5px 0;
}


div.solidborder {
	border-bottom: 1px solid #efefef;
	margin: 10px 0;
}
div.notopmargin {
	margin-top: 0;
}

div.left-70 {
	float: left;
	width: 70%;
	font-family: Georgia, Palatino, Times New Roman;
	color: #6e272d;
	font-size: 90%;
	padding: 3px 0;
}
div.right-30 {
	float: right;
	width: 30%;
	font-size: 90%;
	text-align: right;
	padding: 3px 0;
}
div.left-70 a {
	text-decoration: none;
}
div.left-70 a:hover {
	text-decoration: underline;
}


a.icon_dummy_a {
	text-decoration: none;
	color: #666666;	
}



.church-closed-cont {
	padding: 20px;
	background: #efefef;
	border: 1px solid #cccccc;
	color: #6e272d;
	font-size: 180%;
	font-family: Georgia, Palatino, Times New Roman;
	text-align: center;
	margin-bottom: 20px;
}


/* Main blocks
=================================*/

#wrapper {
  width: 960px;
	margin: 0 auto;
	position: relative;
}


#header {
	width: 960px;
	height: 110px;
	position: relative;
	margin: 0 auto;
}
#header div.link {
	font-size: 2.2em;
	line-height: 1;
	font-weight: normal;
	padding: 0;
	margin:0;
}
#header div.link a {
	font-family: Georgia, Palatino, Times New Roman;
	display: block;
	width: 500px;
	height: 75px;
	background: url("../images/assets/logo.gif") no-repeat 0 0;
	overflow: hidden;
	position: absolute;
	top: 22px;
	left: 0;
	padding-top: 10px;
	padding-left: 85px;
	font-size: 150%;
	text-decoration: none;
}
#header div.smalllink a {
	font-family: Georgia, Palatino, Times New Roman;
	position: absolute;
	top: 74px;
	left: 87px;
	text-decoration: none;
}
#header p#skip_to_content {
	text-indent: -10000px;
}

#header span {
	font-family: Georgia, Palatino, Times New Roman;
	position: absolute;
	right: 0;
	top: 36px;
	text-decoration: none;
	text-align: right;
}
#header span a:hover  {
	text-decoration: underline;
}


a.small {
	font-size: 100%;
}
a.medium {
	font-size: 130%;
}
a.large {
	font-size: 160%;
}



#left-col {
	width: 630px;
	float: left;
}
#right-col {
	width: 310px;
	float: right;
}
#left-col-gen {
	width: 310px;
	float: left;
}
#right-col-gen {
	width: 630px;
	float: right;
}
#left-split-left-a, #left-split-left-b {
	width: 310px;
	float: left;
}
#left-split-right-a, #left-split-right-b {
	width: 310px;
	float: right;
}

#left-col-search {
	width: 470px;
	float: left;
}
#right-col-search {
	width: 470px;
	float: right;
}



/* Church Homepage
=================================*/

div.left-titles {
	float: left;
	width: 120px;
	margin-bottom: 10px;
	*margin-bottom: 0;
}
div.right-info {
	float: right;
	width: 180px;
	margin-bottom: 10px;
	*margin-bottom: 0;
}



div#singlemap {
	width: 310px;
	height: 200px;
}


div.homepage-pub-left {
	float: left;
	width: 150px;
}
div.homepage-pub-right {
	float: right;
	width: 470px;
}



/* Search Results
=================================*/
div.results-header-left {
	color: #707070;
	font-size: 90%;
	width: 310px;
	float: left;
}
div.results-header-right {
	color: #707070;
	font-size: 90%;
	width: 150px;
	float: right;
}
div.results-header-border {
	border-bottom: 1px solid #cccccc;
}
div.results-left-col {
	width: 310px;
	float: left;
}
div.results-right-col {
	width: 150px;
	float: right;
}
div.results-left-col h3 a {
	text-decoration: none !important;
}
div.results-left-col h3 a:hover {
	text-decoration: underline !important;
}
div.results-right-col p {
	padding: 10px 0;
}




/* church detail containers
=================================*/
div.church-image-left-cont {
	width: 150px;
	float: left;	
}
div.church-image-right-cont {
	width: 480px;
	float: right;	
}
div.church-image-right-cont img {
	margin-right: 10px;
	margin-bottom: 10px;
}

div.church-cal-left-cont {
	width: 310px;
	float: left;	
}
div.church-cal-right-cont {
	width: 310px;
	float: right;	
}
div#accordion {
	border-top: 1px dotted #cdcdcd;
	border-bottom: 1px dotted #cdcdcd;
	padding: 5px 0;
}
div.church-event-heading {
	font-family: Georgia, Palatino, Times New Roman;
	color: #6e272d;
	cursor: pointer;
	padding: 4px;
}
div.headings {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #666666;
	cursor: default;
	padding: 4px 0;
	font-size: 90%;
}
div.church-event-heading span.date {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #666666;
	position: absolute;
	right: 0;
	font-size: 90%;
}
div.headings span.date {
	font-size: 100%;
}
div.event-body-cont {
	padding: 20px 4px;
	font-size: 90%;
}

div.icons {
	font-size: 90%;
	margin-bottom: 10px;
}
div.icons img {
	margin-bottom: -5px;
}

/* publication containers
=================================*/
div.publication-image {
	float: left;
	width: 150px;
	padding-top: 10px;
}
div.publication-summary {
	float: right;
	width: 460px;
}
div.publication-summary-wide {
	float: right;
	width: 630px;
}
div.publication-image img {
	border: 1px solid #dddddd;
}

/* listing container
=================================*/
div.list-cont {
	padding-bottom: 10px;
	border-bottom: 1px dotted #cccccc;
}
div.list-cont h2 a {
	text-decoration: none;
}
div.list-cont h2 a:hover {
	text-decoration: underline;
}
div.list-cont p.right-im {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

/* signpost container
=================================*/
div.signpost-cont {
	background: #6e272d;
	padding: 0.3em 10px;
}
div.signpost-cont h2 {
	color: #ffffff;
}
div.signpost-cont h3 {
	color: #d3bec0;
}
div.signpost-cont p {
	color: #d3bec0;
}
div.signpost-cont a {
	color: #d3bec0 !important;
	text-decoration: none !important;
}
div.signpost-cont a:hover {
	text-decoration: underline;
}

div.signpost-cont input.text {
	width: 180px;
	border: 1px solid #262626;
	color: #262626;
	background: #f2f2f2;
	font-size: 130% !important;
	margin-top: 5px;
	margin-bottom: 5px;
}
div.signpost-cont input.submit {
	background: transparent;
	color: #d3bec0;
	border: 1px solid #d3bec0;
	cursor: pointer;
	font-size: 100%;
	position: relative;
	top: 0;
	padding: 0;
	width: 70px;
	margin-left: 10px;
	*top: -5px;
}

div.homepage-mapsearch {
	border-top: 1px dashed #ffffff;
	padding: 0.3em 10px;
	background: #84474c;
	height: 88px;
}
div.homepage-mapsearch h3 {
	color: #d3bec0;
}
div.homepage-mapsearch p a {
	color: #e9dfdf !important;
	text-decoration: none !important;
}
div.homepage-mapsearch p a:hover {
	text-decoration: underline;
}
div.homepage-mapsearch p.text {
	float: left;
	width: 200px;
}
div.homepage-mapsearch p.map-icon-cont {
	float: right;
	width: 70px;
	margin-top: -30px;
}


/* Maps
=================================*/

div.map-heading {
	padding-left: 12px;
	background: #736357;
}
div.map-heading h3 {
	color: #ffffff;
}
#map {
	float: left;
	width: 470px;
	height: 400px;
	margin-top: 1px;
}
div.map-pop {
	width: 200px;
	font-size: 80%;
}
div.map-pop h2 {
	font-size: 110%;
	font-weight: bold;
	border-bottom: 1px dotted #a1a1a1;
	padding: 0;
	margin: 0;
}
div.map-pop img {
	width: 80px;
	float: left;
}
div.map-pop div.text {
	width: 110px;
	min-height: 90px;
	float: right;
}
div.maploading {
	filter:alpha(opacity=20);
	-moz-opacity:.20;
	opacity:.20;
	margin-top: -100px;
}
div.maploadingblank {
	filter:alpha(opacity=0);
	-moz-opacity:.0;
	opacity:.0;
}
div#map-cont div.results_message {
	position: relative; 
	top: 100px; 
	left: 50%; 
	width: 150px; 
	z-index: 1000; 
	background-color: transparent; 
	text-align: center;
	border: 0 solid #6e272d; 
	padding-bottom: 10px; 
	margin-left: -75px;
}
div#map-cont div.results_message p {
	margin: 0 0 5px 0; 
	text-align: center;
	font-size: 0.9em; 
	font-weight: bold; 
	color: #6e272d;
}


div#map-cont div.results_message {
	position: relative; 
	top: 100px; 
	left: 50%; 
	width: 150px; 
	z-index: 1000; 
	background-color: transparent; 
	text-align: center;
	border: 0 solid #6e272d; 
	padding-bottom: 10px; 
	margin-left: -75px;
}
div#map-cont div.results_message p {
	margin: 0 0 5px 0; 
	text-align: center;
	font-size: 0.9em; 
	font-weight: bold; 
	color: #6e272d;
}


/* search container
=================================*/
div#search-cont {
	background: #6e272d;
	padding: 12px;
}
div#search-cont h3 {
	color: #ffffff;
	background: #6e272d !important;
}
div#search-cont p {
	color: #d3bec0;
	background: #6e272d !important;
}
div#search-cont p a {
	color: #d3bec0;
	text-decoration: underline;
	background: #6e272d !important;
}
div#search-cont p a:hover {
	text-decoration: none;
	background: #6e272d !important;
}
div.search-cont-left {
	float: left;
	width: 458px;
}
div.search-cont-right {
	float: right;
	width: 458px;
}


div.half-cont {
	float: left; 
	width: 150px; 
	padding: 0
}



div#search-cont input.text, div#adv-cont input.text,
div#search-cont select, div#adv-cont select {
	width: 300px;
	border: 2px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	color: #666666;
	background: #ffffff;
	font-size: 110%;
	margin-top: -2px;
	margin-bottom: 10px;
	*margin-bottom: -2px;
}
div#search-cont select, div#adv-cont select {
	width: 303px;
	_margin-left: -3px;
}
div#adv-cont input.small {
	width: 40px;
}
div#search-cont input.submit, div#adv-cont input.submit {
	position: relative;
	width: 100px;
	padding: 1px 0;
	font-size: 100%;
	color: #d3bec0;
	background: #6e272d;
	border: 0;	
	overflow: visible; /* seems to keep ie (inc 7) in check without anything else */ 	
	cursor: pointer;
}
div#adv-cont input.submit {
	width: 200px;
	margin-left: 107px;
	color: #e9dfdf;
	background: #84474c;
	padding-top: 10px;
	*padding: 10px 0;
}
div#adv-cont p.and {
	float: left;
	width: 35px;
	height: 20px;
	margin-top: -8px;
}
div#adv-cont p.within {
	float: left;
	width: 50px;
	height: 20px;
	margin-top: -8px;
}
div#adv-cont input#filter_postcode {
	width: 70px;
	margin-right: 10px;
}
div#adv-cont select#filter_distance {
	position: relative;
	top: -5px;
	width: 100px;
	_position: static;
}
div#adv-cont input#filter_startdate {
	margin-right: 10px;
}
div#adv-cont input#filter_enddate {
	margin-top: -6px;
}
div#search-cont p.letter-filters {
	color: #8b5257;
	letter-spacing: -1px;
}
div#search-cont p.letter-filters a {
	color: #d3bec0;
	font-size: 90%;
	text-decoration: none;
}

div#adv-cont {
	background: #84474c;
	padding: 12px;
	*padding: 0 12px;
}
div#adv-cont label {
	float: left;
	width: 140px;
}
div#adv-cont label#doc {
	width: 250px;
}
div#adv-cont input.text {
	float: left;
}
div#adv-cont h3 {
	position: relative;
	color: #ffffff;
}
div#adv-cont p {
	color: #e9dfdf;
}
div#adv-cont span.err {
	color: #ffffff;
	background: url("../images/warning_small.gif") no-repeat 0 0;
	padding-left: 20px;
}


/* main_menu
=================================*/
div#main-menu-cont {
	font-family: Georgia, Palatino, Times New Roman;
	position: relative;
	width: 960px;
	background: #736357;
	margin: 0;
	padding: 0;
	height: 23px;
	margin-bottom: 10px;
}
ul.main-menu {
	position: relative;
	top: 4px;
	width: 960px;
	display: inline;
	font-weight: normal;
	font-size: 100%;
	padding: 0;
	height: 12px;
} 
ul.main-menu li {
	list-style: none;
	display: inline;
	line-height: 12px;
	height: 12px;
}
ul.main-menu li a {
	color: #ffffff !important;
	text-decoration: none !important;
	padding: 0 10px;
	border-right: 1px solid #ffffff;
}
ul.main-menu li a.last {
	border-right: 0;
}
ul.main-menu li a.active, ul.main-menu li a:hover {
	background: #6e272d;
	padding: 4px 10px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	margin-left: -1px;
	text-decoration: underline !important;
}


/* subnav_menu
=================================*/
div#sub-menu-cont {
	font-family: Georgia, Palatino, Times New Roman;
	width: 300px;
}
ul#sub-menu {
	font-size: 100%;
	padding-left: 0;
} 
ul#sub-menu li {
	padding: 2px 0;
	list-style: none;
}
ul#sub-menu li.first {
	font-size: 110%;
	margin-bottom: 10px;
}
ul#sub-menu li a {
	color: #736357;
	text-decoration: none;
	padding: 2px 5px;
}
ul#sub-menu li a:hover, ul#sub-menu li a.current {
	color: #6e272d;
}
ul#sub-menu ul {
	margin-left: -10px;
} 





/* Breadcrumb
=================================*/
div#breadcrumb {
	width: 960px;
	margin-left: 3px;
	margin-bottom: 10px;
}
div#breadcrumb p {
	font-size: 80%;
	margin: 0;
	padding: 0;
	color: #707070;
  letter-spacing: -1px; 
}
div#breadcrumb a {
	color: #707070;
	text-decoration: none;
}
div#breadcrumb a:hover {
	color: #707070;
	text-decoration: underline;
}



/* Enquiry form cont
=================================*/

div.enq-form-cont {
	float: right;
	padding: 10px;
	width: 290px;
	color: #e9dfdf;
	background: #84474c;
}
div.enq-form-cont h2, div.enq-form-cont h3 {
	color: #ffffff;	
	padding-bottom: 0.5em;
}

div.enq-form-cont label {
	color: #e9dfdf;
	float: left;
	width: 290px;
	font-weight: normal;
	font-size: 90%;
}
div.enq-form-cont input.text {
	float: left;
	width: 285px;
	margin-top: 2px;
	margin-bottom: 5px;
	color: #666666;
	background: #ffffff;
	border: 2px solid #aaaaaa;
}
div.enq-form-cont textarea.textarea {
	float: left;
	width: 283px;
	height: 100px;
	margin-top: 2px;
	margin-bottom: 5px;
	color: #666666;
	background: #ffffff;
	border: 2px solid #aaaaaa;
}
div.enq-form-cont input.submit {
	position: relative;
	width: 80px;
	padding: 1px 0;
	font-size: 100%;
	color: #d3bec0;
	background: #84474c;
	border: 0;	
	overflow: visible; /* seems to keep ie (inc 7) in check without anything else */ 	
	cursor: pointer;
}




/* Gen Enquiry form cont
=================================*/

div.gen-form-cont {
	float: left;
	width: 480px;
}
div.gen-form-cont h2, div.gen-form-cont h3 {
	padding-bottom: 0.5em;
}

div.gen-form-cont label {
	float: left;
	width: 300px;
	font-weight: normal;
	font-size: 90%;
}
div.gen-form-cont input.text {
	float: left;
	width: 300px;
	margin-top: 2px;
	margin-bottom: 5px;
	color: #666666;
	background: #ffffff;
	border: 1px solid #aaaaaa;
}
div.gen-form-cont select {
	float: left;
	width: 300px;
	margin-top: 2px;
	margin-bottom: 5px;
	color: #666666;
	background: #ffffff;
	border: 1px solid #aaaaaa;
}
div.gen-form-cont textarea.textarea {
	float: left;
	width: 298px;
	height: 100px;
	margin-top: 2px;
	margin-bottom: 5px;
	color: #666666;
	background: #ffffff;
	border: 1px solid #aaaaaa;
}
div.gen-form-cont input.submit {
	position: relative;
	width: 80px;
	padding: 1px 0;
	font-size: 100%;
	color: #84474c;
	background: #ffffff;
	border: 0;	
	overflow: visible; /* seems to keep ie (inc 7) in check without anything else */ 	
	cursor: pointer;
}






/* Paged
=================================*/

/* Footer
==============================================*/
div.footer {
	width: 960px;
	margin: 10px auto;	
	font-size: 90%;
	border-top: 20px solid #736357;
	padding: 10px 0;
}
div.footer div.left {
	width: 500px;
	float: left;
}
div.footer div.right {
	font-family: Georgia, Palatino, Times New Roman;
	width: 300px;
	float: right;
	text-align: right;
}
div.footer a, div.footer a:visited { 
	text-decoration : none;
} 
div.footer a:hover { 
	text-decoration : underline;
}




/* messages styling
=======================*/


div.siteerror,
div.sitemsg {
  padding: 12px 10px 15px 50px;
  color: #000000;
  font-weight: normal;
  font-size: 100%;
  margin: 10px 0;
}

div.siteerror {
  border: 2px solid #d35104;
}
div.siteerror {
  background: #ffffba url(/site/images/warning_large.gif) no-repeat 10px 10px;
}
div.siteerror ul#err {
	margin: 0 3px !important;
	padding: 0 !important;
}
div.siteerror ul#err li  {
	background-color: #ffffba !important;
}


div.sitemsg {
  border: 2px solid #265faf;
}
div.sitemsg {
	padding-top: 15px;
  background: #dfe6ef url(/site/images/msg_large.gif) no-repeat 10px 10px;
}









/* Page Specific
=================================*/

body#home #full-left-a {
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
}
body#home #full-left-c {
	padding-top: 10px;
	border-top: 1px solid #cccccc;
}


.firstgroup-logo{
position: relative;
top: 15px;
}

