@charset "utf-8";
/* CSS Document */

/* --------------- CSS Reset - to avoid differences between browsers --------------- */

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, em,
a, font, img, strong, 
b, u, i, center,
dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul, dl {
	list-style: none;

}



/* --------------- Defaults --------------- */


body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:black;
	background:white;
	height:100%;
	line-height:140%;
}

h1,h2,h3,h4,h5,h6 { color: #600; font-weight:bold; margin-bottom:1em}

h1 { font-size: 1.8em; margin-top:1.8em; }
h2 { font-size: 1.6em; margin-top:1.8em; }
h3,h4,h5,h6 { font-size: 1.4em; }

a:link {color:#600; text-decoration:underline}
a:visited {color:#600; text-decoration:underline}
a:hover {color:#600; text-decoration:underline}
a:active {color:#600; text-decoration:underline}


p, td { font-size:1.4em; margin-top:1em; margin-bottom:1em; line-height:140%}
/*note top and botttom margins do not get added together - the largest one is used*/
li {
	list-style-position:inside;
	list-style-type:disc;
	margin-bottom:0.8em;
	margin-left:2em;
	font-size: 1.4em;
}

strong { color: #600; }

/* --------------- Div IDs --------------- */
#wrapper {
	width: 770px;
	padding:0;
	border:0;
	margin:10px auto 0 auto;
	overflow:visible;
}

#header {
	position:relative;
	width:100%;
	background-color:#FFF;
	margin:0 auto;
}

#menu {
	position:relative;
	width: 100%; 
	font-size:1.2em;
	line-height:140%;
	margin:0 auto;
	background-color:#EEE;
}

#content {
	position:relative;
	width:768px;
	overflow:visible;
	margin:0 auto;
	height: 100%;
	z-index:1;
}

#content_lhs {
	position: relative;
	width: 45%;
	float:left;
	overflow:hidden;
}
#content_rhs {
	position:relative;
	width:48%;
	float:right;
	overflow:hidden;
}

#footer {
	position:relative;
	width: 100%; 
	background-color:#EEE;
	text-align:right;
	font-size:0.8em;
	color:#800000;
	clear:both;
	margin-top:0;
	padding:0.15em 0;

}

#sitemap ul {
	margin-top:0.8em;
	margin-bottom:0.8em;
	margin-left:0;
}

#sitemap li{
	list-style-position:inside;
	list-style-type:none;
	font-size: 1.4em;
}
#sitemap ul ul li{
	list-style-position:inside;
	list-style-type:disc;
	margin-top:0.8em;
	margin-bottom:0.8em;
	margin-left:2em;
	font-size: 100%;
}

/*bwf sets top margin for p and h2 to 0 */
#bwf h2, p {margin-top:0}

/* --------------- Classes --------------- */

.services {
	color: maroon;
	font-weight: bold;
}
.events {
	color: navy;
	font-weight: bold;
}
.concerts {
	color: orange;
	font-weight: bold;
}
.other {
	color: green;
	font-weight: bold;
}

.after_heading { margin-top:1.8em;}

.leftimage_widegap{
	position:relative;
	float:left;
	margin-right: 60px;
	margin-bottom: 40px;
}

.img_flt_r{ 
	width:350px;
	position:relative;
	float:right;
	margin-left: 60px;
	margin-bottom: 40px;
}

.photoimage {
	position:relative;
	float:left;
	margin: 0 30px 20px 0;
}

.photoh2 {margin-top:0;}

.leftimage_1{
	position:relative;
	float:left;
	margin:20px 0 20px 60px;
}

.fltrt { /* this class can be used whenever you wish to float an element to the right side of the page. The floated element must be placed above the element that will display next to it in the source code. */
float: right;
}

.fltlft { /* this class can be used whenever you wish to float an element left on the page */
float: left;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size:1px;
line-height:0;
margin:0;
}

/* Use class content_lft and class content_rt with style="width:#%" to specify width of both sides */
.content_lft {
	position:relative;
	float:left;
	overflow:hidden;
}

.content_rt {
	position:relative;
	float:right;
	overflow:hidden;
}


.align_c {text-align:center}

.align_r {text-align:right}

.sig_r {text-align:right; font-style:italic }

.fix_height {height:500px;}

.add_margin_b {margin-bottom:30px;}
.add_margin_b1 {margin-bottom:15px;}
.add_margin_b2 {margin-bottom:60px;}

.note_box {border:1px solid #600; width:98%; margin-top:20px; margin-bottom:10px;}
.note_box p {margin:10px;}

.outlined_box {border:2px solid #600; width:762px; }
.outlined_box p, img {margin:0 30px 20px 30px;}
.outlined_box h2 {font-size:2em; font-weight:bold; margin:20px 30px 20px 30px;}
.outlined_box h3 {font-size:2em; font-weight:bold; margin:30px 30px 20px 30px;}

.line_b {margin:20px 30px 30px 30px; border-top:0; border-left:0; border-right:0; border-bottom:2px solid #999;}
.line_b img {margin:0 30px 0 0; padding:0; border:0;}
.line_b h2 {margin:0}

.parish p em { color: #069; }
.parish strong { color: #069; }
.parish h2 { color: #069; }
.parish {border:2px solid #069;}

.history_lrg p {text-align:center; margin-bottom:2em;}
.history_lrg img {margin:auto 20px}

.history_sm p {text-align:center; margin-bottom:2em;}
.history_sm img {margin:auto 5px}

.indent ul li{
	list-style-position:inside;
	list-style-type:disc;
	margin-top:0.8em;
	margin-bottom:0;
	margin-left:2em;
	font-size: 1.4em;
}
.indent ul ul li{
	list-style-position:inside;
	list-style-type:none;
	margin-top:0.5em;
	margin-bottom:0;
	margin-left:1em;
	font-size: 100%;
}

.hall img {margin:15px;}
.hall p {margin:15px auto}

.links p {margin:0 30px 10px 30px;}