/*==============================================
  Table of Contents
		- General
		- Header
		- Sub content
		- Main content
		- Footer
==============================================*/

/*==============================================
  General
==============================================*/
	body {
		background: #053037;
		font-family: Verdana, Helvetica, san-serif;
		font-size: 13px;
	}
	a {
		outline: none;
	}
	strong {
		font-weight: bold;
	}
	em {
		font-style: italic;
	}
	#wrapper {
		width: 1020px;
		margin: 0 auto;
		background: url('/images/wrapper-bg.gif') repeat-y;
	}	
	body.buxmont #wrapper {
		background: url('/images/wrapper-bg-buxmont.gif') repeat-y;
	}
	body.telford #wrapper {
		background: url('/images/wrapper-bg-telford.gif') repeat-y;
	}
/*==============================================
  Header
==============================================*/
	#header {
		height: 230px;
	}
	#header h1,
	#header p {
		text-indent: -9999px;
	}
	#header p {
		display: none;
	}
	#header #logo {
		width: 310px;
		float: left;
	}
	#header #logo a {
		display: block;
		height: 230px;
		width: 310px;
		background: url('/images/logo-bg.jpg') no-repeat;
	}
	body.buxmont #header #logo a {
		background: url('/images/logo-bg-buxmont.jpg') no-repeat;
	}
	body.telford #header #logo a {
		background: url('/images/logo-bg-telford.jpg') no-repeat;
	}
	#sub_header {
		width: 710px;
		height: 230px;
		float: right;
		background: url('/images/sub_header-bg.jpg') no-repeat;
	}
	body.buxmont #sub_header {
		background: url('/images/sub_header-bg-buxmont.jpg') no-repeat;
	}
	body.telford #sub_header {
		background: url('/images/sub_header-bg-telford.jpg') no-repeat;
	}
	#sub_header h2 {
		text-indent: -9999px;
	}
	#site_nav {
		margin-left: 30px;
	}
	#site_nav a {
		color: #00535d;
		text-decoration: none;
		font-size: 15px;
		font-weight: bold;
		display: block;
		padding: 10px 5px 10px 20px;
		height: 1em;
	}
	body.buxmont #site_nav {
		margin-top: 20px;
	}
	body.telford #site_nav {
		margin-top: 5px;
	}
	body.buxmont #site_nav a {
		background: url('/images/site_nav-bullet-buxmont.gif') no-repeat 0 50%;
	}
	#site_nav a:hover,
	body.service_times #site_nav li.service_times a,
	body.contact_and_directions #site_nav li.contact_and_directions a,
	body.ministries #site_nav li.ministries a,
	body.events #site_nav li.events a,
	body.sermons #site_nav li.sermons a {
		color:#FFF;
	}
	body.telford #site_nav a {
		background: url('/images/site_nav-bullet-telford.gif') no-repeat 0 50%;
	}
/*==============================================
  Sub content
==============================================*/
	#sub_content {
		width: 300px;
		float: left;
		background: #c7dcd9;
		margin: 0 10px 20px 0;
	}
	body.buxmont #sub_content {
		background: #c7e9ed;
	}
	body.telford #sub_content {
		background: #cfe5c5;
	}
	#sub_content ul {
		margin: 50px 0 0 20px;
	}
	#sub_content ul li {
		margin-bottom: 25px;
	}
	#sub_content ul li a {
		color: #00525e;
		font-size: 14px;
		text-decoration: none;
		display: block;
		padding-left: 85px;
		padding-top: 32px;
		padding-bottom: 32px;
	}
	#sub_content .home a {
		background: url('/images/sub_content/home-bg.jpg') no-repeat;
	}
	body.telford #sub_content .home a {
		background: url('/images/sub_content/home-bg-telford.jpg') no-repeat;
	}
	body.buxmont #sub_content .home a {
		background: url('/images/sub_content/home-bg-buxmont.jpg') no-repeat;
	}
	#sub_content .telford a {
		background: url('/images/sub_content/telford-bg.jpg') no-repeat;
	}
	body.telford #sub_content .telford a {
		background: url('/images/sub_content/telford-bg-telford.jpg') no-repeat;
	}
	body.buxmont #sub_content .telford a {
		background: url('/images/sub_content/telford-bg-buxmont.jpg') no-repeat;
	}
	#sub_content .buxmont a {
		background: url('/images/sub_content/buxmont-bg.jpg') no-repeat;
	}
	body.telford #sub_content .buxmont a {
		background: url('/images/sub_content/buxmont-bg-telford.jpg') no-repeat;
	}
	body.buxmont #sub_content .buxmont a {
		background: url('/images/sub_content/buxmont-bg-buxmont.jpg') no-repeat;
	}
	#impact21 h4 a {
		display: block;
		margin: 0 auto;
		width: 247px;
		height: 86px;
		text-indent: -9999px;
		background: url('/images/sub_content/impact_logo.jpg') no-repeat;
	}	
	#impact21 a {
		color: #00525e;
		text-decoration: none;
		font-size: 14px;
		display: block;
		text-align: center;
	}
	body.buxmont #impact21 h4 a {
		background: url('/images/sub_content/impact_logo-buxmont.jpg') no-repeat;
	}
	body.telford #impact21 h4 a {
		background: url('/images/sub_content/impact_logo-telford.jpg') no-repeat;
	}
/*==============================================
  Main Content
==============================================*/
	#main_content {
		width: 650px;
		float: right;
		background: white;
		padding: 50px 30px;
		color: #00535d;
	}
	#main_content a {
		color: #00535d;
	}
	#main_content p,
	#main_content ul,
	#main_content ol {
		line-height: 140%;
		margin: 0  0 20px;
	}
	#main_content ul li,
	#main_content ol li {
		line-height: 140%;
	}
	#main_content ul {
		list-style: disc;
		margin-left: 20px;
	}
	#main_content ol {
		list-style: decimal;
		margin-left: 20px;
	}
	#main_content h2,
	#main_content h3 {
		font-size: 13px;
		font-weight: bold;
	}
	#main_content h2 {
		margin-bottom: 10px;
	}
/*==============================================
  Footer
==============================================*/
	#footer {
		clear: both;
		color: white;
		padding: 15px 0;
		font-size: 11px;
		background: #053037;
		height: 1em;
	}
	#footer span {
		padding-left: 40px;
	}
	#footer span,
	#footer a {
		color: #99cccc;
	}
/*==============================================
  Events
==============================================*/
	#main_content .event {
		margin-bottom: 20px;
	}
	#main_content .event h3 {
		font-weight: bold;
		margin: 0;
		font-size: 15px;
	}
 	#main_content .event .info {
		margin-bottom: 5px;
		font-size: 15px;
		font-weight: bold;
	}