/*
   BODY
-------------------------------------------------------*/
body {
   text-align: center;
   background: #e3e1d3 url(../images/bg-body.jpg) repeat-x top left;
   font-size: 11px;
   font-family: Arial, sans-serif;
   color: #141414;
}

/*
   CLEARFIX
-------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*
   TYPOGRAPHY and BASIC ELEMENTS
-------------------------------------------------------*/
/* headings */
h2, h3, h4, h5, h6 {
   padding-bottom: 15px;
	font-family: "Futura Bold BT", "Arial Black", sans-serif;
}

h1 {
	text-indent: -9999px;
}

	/* requires */
	h1 a {
	   display: block;
		width: 209px;
		height: 118px;
	   position: absolute;
		top: 0;
		left: 365px;
		background: url(../images/bg-h1.gif) no-repeat top left;
	}

h2 {
	font-size: 16px;
	color: #a91d21;
}


h4 {
	font-size: 13px;
	color: #a91d21;
}


.newsletterHead {
    padding-bottom: 13px;
	padding-right: 5px;
	font-family: "Futura Bold BT", "Arial Black", sans-serif;
	font-size: 13px;
	color: #a91d21;
}


h3 {
	font-size: 16px;
	color:#000;
}

/* paragraphs etc. */
p {
   line-height: 1.2;
   padding-bottom: 15px;
}

	p.left {
	   text-align: left;
	}
	
	p.right {
	   text-align: right;
	}
	
	p.center {
	   text-align: center;
	}

big {
   font-size: 125%;
}

small {
   font-size: 75%;
}

strong {
   font-weight: bold;
}

em {
   font-style: italic;
}

blockquote {
   padding: 0 20px 10px;
}

/* lists - usually have to put #content in front */
ul {
   
}

ol {
   
}

/* links */
a, a:visited {
   text-decoration: underline;
}

a:hover {
   text-decoration: none;
}


/* specialty links */
a.directions {
	text-indent: -9999px;
	display: block;
	width: 393px;
	height: 118px;
	background: url(../images/link-directions.jpg) no-repeat top left;
}

a.directions:hover {
	background: url(../images/link-directions.jpg) no-repeat bottom left;
}

a.clergy {
	text-indent: -9999px;
	display: block;
	width: 393px;
	height: 123px;
	background: url(../images/link-our-clergy.jpg) no-repeat top left;
}

a.clergy:hover {
	background: url(../images/link-our-clergy.jpg) no-repeat bottom left;
}

a.about-directions {
	text-indent: -9999px;
	display: block;
	width: 393px;
	height: 57px;
	background: url(../images/link-about-directions.jpg) no-repeat top left;
}

a.about-directions:hover {
	background: url(../images/link-about-directions.jpg) no-repeat bottom left;
}

a.worship-directions {
	text-indent: -9999px;
	display: block;
	width: 393px;
	height: 58px;
	background: url(../images/link-worship-directions.jpg) no-repeat top left;
}

a.worship-directions:hover {
	background: url(../images/link-worship-directions.jpg) no-repeat bottom left;
}

a.link-wisdom {
	text-indent: -9999px;
	display: block;
	width: 363px;
	height: 20px;
	background: url(../images/link-wisdom.jpg) no-repeat top left;
}

a.link-wisdom:hover {
	background: url(../images/link-wisdom.jpg) no-repeat bottom left;
}


/* images */
img.left {
	float: left;
	margin-right: 10px;
}

img.right {
	float: right;
	margin-left: 10px;
}

img.center {
	margin: 10px auto;
	display: block;
}

/* horizontal rule */
hr {
	color: #eee;
	background-color: #eee;
	border: 0;
	height: 1px;
}

/* tables */
table {
   
}

tr {
   
}

th {
   
}

td {
   
}

/* forms */
form {
   
}

fieldset {
   
}

legend {
   
}

input {
   
}

textarea {
   
}

.error {
   
}

/*
   CONTAINER / 962px
-------------------------------------------------------*/
#container {
   width: 962px;
	margin: 0 auto;
}

/*
   BRANDING / 962px
-------------------------------------------------------*/
#branding {
	float: left;
	width: 962px;
	height: 118px;
	position: relative;
}

/*
   MAIN NAVIGATION / 962px
-------------------------------------------------------*/
#mainnav {
	float: left;
	width: 962px;
   height: 25px;
	line-height: 25px;
}

#mainnav ul {
	text-align: center;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#mainnav ul li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#mainnav li a {
	display: block;
	height: 25px;
	text-indent: -9999px;
}

#mainnav li.home a {
   width:58px;
   background: url(../images/bg-mainnav.gif) no-repeat -98px 0;
   margin-left: 68px;
}

   #mainnav li.home a:hover, #home #mainnav li.home a {
      background: url(../images/bg-mainnav.gif) no-repeat -98px -25px;
   }

#mainnav li.about a {
   width:62px;
   background: url(../images/bg-mainnav.gif) no-repeat -156px 0;
}

   #mainnav li.about a:hover, #about #mainnav li.about a {
      background: url(../images/bg-mainnav.gif) no-repeat -156px -25px;
   }

#mainnav li.worship a {
   width:74px;
   background: url(../images/bg-mainnav.gif) no-repeat -218px 0;
}

   #mainnav li.worship a:hover, #worship #mainnav li.worship a {
      background: url(../images/bg-mainnav.gif) no-repeat -218px -25px;
   }

#mainnav li.clergy a {
   width:65px;
   background: url(../images/bg-mainnav.gif) no-repeat -292px 0;
}

   #mainnav li.clergy a:hover, #clergy #mainnav li.clergy a {
      background: url(../images/bg-mainnav.gif) no-repeat -292px -25px;
   }

#mainnav li.newsletters a {
   width:98px;
   background: url(../images/bg-mainnav.gif) no-repeat -357px 0;
}

   #mainnav li.newsletters a:hover, #newsletters #mainnav li.newsletters a {
      background: url(../images/bg-mainnav.gif) no-repeat -357px -25px;
   }
   
   #mainnav li.news a {
   width:70px;
   background: url(../images/bg-mainnav.gif) no-repeat -773px 0;
}

   #mainnav li.news a:hover, #news #mainnav li.news a {
      background: url(../images/bg-mainnav.gif) no-repeat -773px -25px;
   }

#mainnav li.groups a {
   width:139px;
   background: url(../images/bg-mainnav.gif) no-repeat -455px 0;
}

   #mainnav li.groups a:hover, #groups #mainnav li.groups a {
      background: url(../images/bg-mainnav.gif) no-repeat -455px -25px;
   }

#mainnav li.sermons a {
   width:78px;
   background: url(../images/bg-mainnav.gif) no-repeat -594px 0;
}

   #mainnav li.sermons a:hover, #sermons #mainnav li.sermons a {
      background: url(../images/bg-mainnav.gif) no-repeat -594px -25px;
   }

#mainnav li.wisdom a {
   width:104px;
   background: url(../images/bg-mainnav.gif) no-repeat -672px 0;
}

   #mainnav li.wisdom a:hover, #wisdom #mainnav li.wisdom a {
      background: url(../images/bg-mainnav.gif) no-repeat -672px -25px;
   }

#mainnav li.contact a {
   width:78px;
   background: url(../images/bg-mainnav.gif) no-repeat -838px 0;
}

   #mainnav li.contact a:hover, #contact #mainnav li.contact a {
      background: url(../images/bg-mainnav.gif) no-repeat -838px -25px;
   }

/*
	MASTHEAD / 962px
	background includes dropshadow and black banner
-------------------------------------------------------*/
#masthead {
	float: left;
	width: 962px;
	height: 248px;
}

#home #masthead {
	background: url(../images/bg-masthead-home.jpg) no-repeat top left;
}

#about #masthead {
	background: url(../images/bg-masthead-about.jpg) no-repeat top left;
}

#worship #masthead {
	background: url(../images/bg-masthead-worship.jpg) no-repeat top left;
}

#clergy #masthead {
	background: url(../images/bg-masthead-clergy.jpg) no-repeat top left;
}

#wisdom #masthead {
	background: url(../images/bg-masthead-wisdom.jpg) no-repeat top left;
}

#groups #masthead {
	background: url(../images/bg-masthead-groups.jpg) no-repeat top left;
}

#contact #masthead {
	background: url(../images/bg-masthead-home.jpg) no-repeat top left;
}

#newsletters #masthead {
	background: url(../images/bg-masthead-newsletters.jpg) no-repeat top left;
}

#sermons #masthead {
	background: url(../images/bg-masthead-home.jpg) no-repeat top left;
}

#events #masthead {
	background: url(../images/bg-masthead-newsletters.jpg) no-repeat top left;
}

/*
   CONTENT / 962px
	background includes dropshadow and the column colors
-------------------------------------------------------*/
#content {
	float:left;
   width: 962px;
	text-align: left;
}

#home #content {
	background: url(../images/bg-content-home.jpg) repeat-y top left;
}

#about #content {
	background: url(../images/bg-content-home.jpg) repeat-y top left;
}

#worship #content {
	background: url(../images/bg-content-home.jpg) repeat-y top left;
}

#contact #content {
	background: url(../images/bg-content-contact.jpg) repeat-y top left;
}

#wisdom #content {
	background: url(../images/bg-content-wisdom.jpg) repeat-y top left;
}

#groups #content {
	background: url(../images/bg-content-wisdom.jpg) repeat-y top left;
}

#clergy #content {
	background: url(../images/bg-content-clergy.jpg) repeat-y top left;
}

#newsletters #content {
	background: url(../images/bg-content-newsletters.jpg) repeat-y top left;
}

#events #content {
	background: url(../images/bg-content-events.jpg) repeat-y top left;
}

#sermons #content {
	background: url(../images/bg-content-sermons.jpg) repeat-y top left;
}

/*
	COLS
	Since each page has its own column structure, use the
	body id (e.g., #home) to control the width and padding
	for the columns on that specific page. Some pages 
	don't use all 4 columns. Not that column background
	colours are controlled by the content div, not here.
-------------------------------------------------------*/

/* COL-1 */
#col-1 {
	float: left;
}

	/* home 489px */
	#home #col-1 {
		width: 354px;
		padding-right: 30px;
		padding-left: 105px;
		padding-top: 17px;
	}
	
	/* about 489px */
	#about #col-1 {
		width: 354px;
		padding-right: 30px;
		padding-left: 105px;
		padding-top: 17px;
	}
	
	/* worship 489px */
	#worship #col-1 {
		width: 354px;
		padding-right: 30px;
		padding-left: 105px;
		padding-top: 17px;
	}
	
	/* worship 489px */
	#clergy #col-1 {
		width: 222px;
		padding-right: 30px;
		padding-left: 105px;
		padding-top: 17px;
	}
	
	#wisdom #col-1 {
		width: 354px;
		padding-right: 30px;
		padding-left: 105px;
		padding-top: 17px;
	}
	
	#contact #col-1 {
		width: 354px;
		padding-right: 30px;
		padding-left: 105px;
		padding-top: 17px;
	}
	
	/* newsletters 489px */
	#newsletters #col-1 {
		width: 165px;
		padding-right: 30px;
		padding-left: 105px;
		padding-top: 17px;
	}
	
	/* sermons 489px */
	#sermons #col-1 {
		width: 165px;
		padding-right: 30px;
		padding-left: 105px;
		padding-top: 17px;
	}
	
	/* sermons 489px */
	#events #col-1 {
		width: 165px;
		padding-right: 30px;
		padding-left: 105px;
		padding-top: 17px;
	}
	
	/* sermons 489px */
	#groups #col-1 {
		width: 750px;
		padding-right: 30px;
		padding-left: 105px;
		padding-top: 17px;
	}
	
/* COL-2 */
#col-2 {
	float: left;
}

	/* home 473px */
	#home #col-2 {
		width: 393px;
		padding-right: 80px;
		padding-top: 10px;
	}
		
	/* about 473px */
	#about #col-2 {
		width: 393px;
		padding-right: 80px;
	}
	
	/* worship 473px */
	#worship #col-2 {
		width: 393px;
		padding-right: 80px;
		padding-top: 17px;
	}
	
	#worship #col-2 p, #worship #col-2 h2 {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	/* clergy 473px */
	#clergy #col-2 {
		width: 222px;
		padding-right: 45px;
		padding-top: 17px;
	}
	
	/* wisdom 473px */
	#wisdom #col-2 {
		width: 393px;
		padding-right: 80px;
	}
	
	/* contact 473px */
	#contact #col-2 {
		width: 393px;
		padding-right: 80px;
	}
	
	/* worship 473px */
	#newsletters #col-2 {
		width: 160px;
		padding-right: 40px;
		padding-top: 28px;
	}
	
	/* worship 473px */
	#sermons #col-2 {
		width: 575px;
		padding-right: 40px;
		padding-top: 28px;
	}
		
	
	/* worship 473px */
	#events #col-2 {
		width: 160px;
		padding-right: 40px;
		padding-top: 28px;
	}
	
/* COL-3 */
#col-3 {
	float: left;
}

/* clergy 473px */
	#clergy #col-3 {
		width: 232px;
		padding-right: 80px;
		padding-top: 17px;
	}
	
	/* clergy 473px */
	#newsletters #col-3 {
		width: 155px;
		padding-right: 40px;
		padding-top: 28px;
	}
	
	/* clergy 473px */
	#events #col-3 {
		width: 320px;
		padding-right: 40px;
		padding-top: 28px;
	}
	
/* COL-4 */
#col-4 {
	float: left;
}

#newsletters #col-4 {
		width: 165px;
		padding-right: 80px;
		padding-top: 28px;
	}

/*
   FOOTER / 962px
-------------------------------------------------------*/
#footer {
	float: left;
    width: 962px;
	height: 95px;
	background: url(../images/bg-footer.jpg) no-repeat top left;
}