/* defaults, globals, and miscellaneous
==============================================================================*/

* {
	/* removes defaults from all elements */
	margin: 0;
	padding: 0;
	border: 0;
	}
	
html, body {
	height: 100%;
}

body {
	text-align: center;	
	z-index: 0;
	color:#999999;
	}

hr { display: none; }

a:link {
	color: #1C92B7;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #404246;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

.clearHack {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	}

/* header and footer links
==============================================================================*/
#linkToHome {
	display: block;
	position: absolute;
	top: 40px;
	left: 55px;
	height: 40px;
	width: 175px;
	text-indent: -5000px;
	overflow: hidden;
	}

#footerLinkToSeed {
	display: block;
	position: relative;
	float: left;
	top: 36px;
	left: 120px;
	height: 10px;
	width: 95px;
	text-indent: -5000px;
	overflow: hidden;
	}

/* layout setup
==============================================================================*/
#container {
	margin: 0 auto;
	padding: 0;
	width: 872px;
	text-align: left;
	background: #36383b url(../images/bg-container-div.jpg) no-repeat;
	}

#center {
	display: block;
	position: relative;
	width: 720px;
	margin: 0 0 0 75px;
}

#footer {
	display: block;
	position: relative;
	width: 872px;
	height: 162px;
	margin: 0 0 0 0;
	background: url(../images/bkgd-footer.jpg) no-repeat;
}

/* top-black navigation
==============================================================================*/

#blackNav {
	position: relative;
	margin: 0 0 67px 153px;
	width: 510px;
	height: 34px;
	list-style-type: none;
}

#blackNav li {
	float:left;
	margin-bottom: 0px;
	height: 34px;
	list-style-type: none;
	}

#blackNav li a {
	display: block;
	line-height: 34px;
	text-indent: -5000px;
	overflow: hidden;
	border-bottom: 0px dotted #fff;
	background-position: center top /*horizontally centers the background image */;
	}

#blackNav li a:hover { background-position: 50% -34px; }
#blackNav li a:active { background-position: 50% -68px; }
#blackNav li a.currentSection, #nav li a.currentSection:hover { background-position: 50% -34px; }
	
	#blackNavHome { 
		width: 78px;
		background: url(../images/blackNavHome.gif) no-repeat;
		}
	
	#blackNavNews { 
		width: 56px;
		background: url(../images/blackNavNews.gif) no-repeat;
		}
	#blackNavAbout { 
		width: 63px;
		background: url(../images/blackNavAbout.gif) no-repeat;
		}
	#blackNavReferences { 
		width: 95px;
		background: url(../images/blackNavReferences.gif) no-repeat;
		}
	#blackNavPartner { 
		width: 133px;
		background: url(../images/blackNavPartners.gif) no-repeat;
		}
	#blackNavContact { 
		width: 78px;
		background: url(../images/blackNavContact.gif) no-repeat;
		}

/* blue navigation
==============================================================================*/

#blueNav {
	position: relative;
	margin: 0 35px 0 34px;
	width: 655px;
	height: 37px;
	list-style-type: none;
}

#blueNav li {
	float:left;
	margin-bottom: 0px;
	height: 37px;
	list-style-type: none;
	}

#blueNav li a {
	display: block;
	line-height: 37px;
	text-indent: -5000px;
	overflow: hidden;
	border-bottom: 0px dotted #fff;
	background-position: center top /*horizontally centers the background image */;
	}

#blueNav li a:hover { background-position: 50% -37px; }
#blueNav li a:active { background-position: 50% -74px; }
#blueNav li a.currentSection, #nav li a.currentSection:hover { background-position: 50% -37px; }

	#blueNavStrategic { 
		width: 117px;
		background: url(../images/blueNavStrategic.gif) no-repeat;
		}
	#blueNavStewardship { 
		width: 135px;
		background: url(../images/blueNavStewardship.gif) no-repeat;
		}
	#blueNavWorship { 
		width: 129px;
		background: url(../images/blueNavWorship.gif) no-repeat;
		}
	#blueNavGuest { 
		width: 109px;
		background: url(../images/blueNavGuest.gif) no-repeat;
		}
	#blueNavMarketing { 
		width: 162px;
		background: url(../images/blueNavMarketing.gif) no-repeat;
		}

/* feature
==============================================================================*/

#feature {
	position: relative;
	margin: 15px 35px -5px 35px;
}

/* sub-features
==============================================================================*/


/* sub-sections
==============================================================================*/

#subSections {
	display: block;
	position: relative;
	height: 80px;
	margin: 15px 35px 0 35px;
}

	#subSections p {
		font: normal 1.2em/1.45em "Arial","Helvetica",sans-serif;
		color: #c2cad4;
	}

	#subSections .subfeature {
		display: block;
		float: left;
		margin: 0 10px 0 0;
	}

	#subSections .subfeatureLast {
		display: block;
		float: left;
		margin: 0;
	}

#homeFocus {
	padding: 0 0 0 0;
}

#sundayMorningCoach {
	display: inline;
	float: left;
	position: relative;
	width: 325px;
	margin: 0 0 0 30px;
}

#sundayMorningCoachHeader {
	display: block;
	position: relative;
	width: 325px;
	height: 65px;
	margin: 10px 0 0 0;
	text-indent: -5000px;
	overflow: hidden;
	background: url(../images/subhead-smc-new.gif) no-repeat;	
}

#sundayMorningCoachContent {
	display: block;
	position: relative;
	width: 320px;
	margin: 6px 0 0 5px;
	padding: 20px;
	background: url(../images/subhead-bkgd.gif) no-repeat;	
}

#sundayMorningCoachContent p {
	width: 280px;
	font: normal 1.2em/1.45em "Arial","Helvetica",sans-serif;
	color: #c2cad4;
}

#meetYourConsultant {
	display: inline;
	position: relative;
	float: left;
	width: 325px;
	margin: 0 0 0 10px;	
}

#meetYourConsultantHeader {
	width: 320px;
	height: 56px;
	margin: 19px 0 0 0;
	text-indent: -5000px;
	overflow: hidden;
	background: url(../images/subhead-meetconsultant.gif) no-repeat;	
}

#meetYourConsultantContent {
	display: block;
	position: relative;
	width: 320px;
	height: 140px;
	margin: 6px 0 0 0;
	padding: 20px;
	background: url(../images/subhead-bkgd.gif) no-repeat;	
	}

#meetYourConsultantContent p {
	width: 180px;
	float: left;
	font: normal 1.2em/1.45em "Arial","Helvetica",sans-serif;
	color: #c2cad4;
	}

/* STYLES FOR CROSSFADER */

div.cf_wrapper2 {
	position: relative;
	}

div.cf_element2 {
	}

div.cf_element2 div.content {
	}

div.cf_element2 div.content h3 {
	padding-top: 0;
	margin-top: 0;
	}

div.cf_wrapper {
	position: relative;
	}

div.cf_element {
	}

div.cf_element div.content {
	}

div.cf_element div.content h3 {
	padding-top: 0;
	margin-top: 0;
	}


/* sub pages
==============================================================================*/

#subWrap {
	margin: 15px 0 0 0;
	}

#subLeftAreaWrap {
	float: left;
}

	#subLeftArea {
		display: block;
		position: relative;
		margin: 2px 13px 0 35px;
		width: 452px;
		background: #E6EFFB url(../images/secondary_copy_head.gif) 0 0 no-repeat;
		}

#subLeftArea .contact {
	min-height: 470px;
		}

	#subLeftAreaContent {
		padding: 15px 35px 0 35px;
		}

#subLeftAreaBottom {
	display: block;
	position: relative;
	margin: 0 0 15px 35px;
	clear: both;
	height: 39px;
	width: 452px;
	background: #E6EFFB url(../images/secondary_copy_foot.gif) 0 100% no-repeat;
	}

#breadcrumb {
	font: normal .9em/1em "Arial","Helvetica",sans-serif;
	color: #404246;
	padding: 0 0 20px 0;	
	}

	#breadcrumb span, span.orange {
		color: #F6BC0E;
		}

	#breadcrumb a {
		color: #1C92B7;
		text-decoration: underline;
		}

	#breadcrumb a:hover {
		text-decoration: none;
		}

#subLeftAreaContent h1.subPageHeader {
	font: normal 3.9em/1.1em "Georgia","Times",serif;
	letter-spacing: -.07em;
	color: #1C92B7;
	border-bottom: solid 2px #cccccc;
	padding-bottom: .1em;
	margin-bottom: .3em;
	}

#subLeftAreaContent h1.subTitle {
	font: normal 1.8em/1.2em "Georgia","Times",serif;
	font-style: italic;
	letter-spacing: -.01em;
	color: #1C92B7;
	padding: .3em 0 .7em 0;
	}

#subLeftAreaContent h2 {
	font: normal 1.9em/1.1em "Georgia","Times",serif;
	letter-spacing: -.02em;
	color: #1C92B7;
	margin-bottom: .3em;
	}
#subLeftAreaContent .networkLogo {
	font: normal .8em"Arial","Helvetica",sans-serif;
	color: #1C92B7;
	border: 1px solid #ADE2F2;
	padding: 5px;
	}
	
	#subLeftAreaContent p.networkLink {
		font: normal 1.2em/1.6em "Arial","Helvetica",sans-serif;
		color: #1C92B7;
		margin-top: -.5em;
		margin-bottom: 1em;
		}	

#subLeftAreaContent p {
	font: normal 1.2em/1.6em "Arial","Helvetica",sans-serif;
	color: #676B71;
	padding: 0 0 1em 0;
	}

#subLeftAreaContent ul {
	font: normal 1em/1em "Arial","Helvetica",sans-serif;
	padding: 0 0 .75em 2em;
	color: #676B71;
	}

#subLeftAreaContent ul li p {
	font: normal 1em/1.6em "Arial","Helvetica",sans-serif;
	padding: .5em 0 0 0;
	color: #676B71;
	}

#subLeftAreaContent ol li {
	font: normal 1em/1.6em "Arial","Helvetica",sans-serif;
	color: #676B71;
	padding: 0 0 0 0;
	margin: 0 0 0 2em;
	}

#subLeftAreaContent ol li ul li {
	font: normal 1em/1.6em "Arial","Helvetica",sans-serif;
	color: #676B71;
	padding: 0 0 0 0;
	margin: 0;
	}

#subLeftAreaContent ul li ol li ul li {
	font: normal 1em/1.6em "Arial","Helvetica",sans-serif;
	color: #676B71;
	padding: .2em 0 .4em 0;
	margin: 0;
}

#subLeftAreaContent ul li ul li {
	font: normal 1em/1.6em "Arial","Helvetica",sans-serif;
	color: #676B71;
	padding: .5em 0 0 0;
	margin: 0;
}

#subLeftAreaContent ul li ul li p {
	font: normal 1em/1.6em "Arial","Helvetica",sans-serif;
	color: #676B71;
	padding: 1em 0 1em 0;
}

#subLeftAreaContent ul li ul li ul {
	font: normal 1em/1.6em "Arial","Helvetica",sans-serif;
	color: #676B71;
	padding: 0 0 1em 0;
	margin: 0 0 0 1em;
}

#subLeftAreaContent li span.bold {
	font: bold 1em/1.6em "Arial","Helvetica",sans-serif;
}

#subLeftAreaContent span.boldDarker {
	font: bold 1em/1.6em "Arial","Helvetica",sans-serif;
	color: #434549;
}

#subLeftAreaContent li.boldDarker {
	font: bold 1.2em/1.6em "Arial","Helvetica",sans-serif;
	color: #434549;
}

#subLeftAreaContent li span.recommendation {
	display: block;
	font: normal 1em/1.6em "Arial","Helvetica",sans-serif;
	color: #676B71;
	margin: .4em 0 1em 3em;
}

#subLeftAreaContent li {
	font: normal 1.2em/1.6em "Arial","Helvetica",sans-serif;
	padding: 0 0 .4em 0;
}

#subLeftAreaContent ul p {
	font: normal 1em/1.6em "Arial","Helvetica",sans-serif;
	color: #676B71;
	padding: 1em 0 0 0;
}

#subRightArea {
	width: 186px;
	float: left;
}

.subRightAd img {
	text-align: center;
	font: normal .9em "Arial","Helvetica",sans-serif;
	border: solid 2px #4a4742;
	padding: 0;
	margin: 0 0 13px 0;
}

/* news
==============================================================================*/

#newsItem {
	border-bottom: thin solid #cccccc;
	padding: 1em 0;
}

h3.newsItemDate {
	font: normal 1em/1em "Arial","Helvetica",sans-serif;
	text-transform: uppercase;
	color: #878787;
	padding: 1em 0 0 0;
}

h3.newsItemTitle {
	font: normal 1.8em/1.1em "Georgia","Times",serif;
	color: #054457;
	padding: .4em 0 .5em 0;
}

/* about page
==============================================================================*/

h2.yourConsultants {
	font: normal 2.4em/1.1em "Georgia","Times",serif;
	letter-spacing: -.05em;
	color: #1C92B7;
	padding: .5em 0 .3em 0;
	margin-bottom: .3em;
	}
	
.consultantRow {
	display: block;
	position: relative;
	padding: 0 0 1em 0;
	margin: 0;
	width: 382px;
	}

.consultant {
	display: block;
	float: left;
	width: 125px;
	padding: 0;
	}

.consultantInfo {
	margin: 0 3px 0 0;
	}
	
	.consultantName {
		font: bold 1.1em/1.1em "Arial","Helvetica",sans-serif;
		color: #054457;
		padding: 0 0 0 0;
		}
		
	.consultantTitle {
		font: normal .9em/1.1em "Arial","Helvetica",sans-serif;
		color: #054457;
		}
		
		.consultantNameBig {
			display: block;
			position: relative;
			font: normal 2.1em/1.1em "Georgia","Times",serif;
			letter-spacing: -.03em;
			padding: 5px 0 0 0;
			color: #054457;
			}

		.consultantTitleBig {
			font: normal 1.3em/1.1em "Georgia","Times",serif;
			letter-spacing: -.05em;
			font-style: italic;
			color: #054457;
			padding: 0 0 15px 5px;
			}

	.consultantImage {
		float: left;
		text-align: center;
		font: normal .9em "Arial","Helvetica",sans-serif;
		color: #c2cad4;
		padding: 0 2px 0 0;
		}

	.consultantImage img {
		display: block;
		padding: 1px;
		width: 50px;
		border: 1px solid #ccc;
		}
		
		.consultantImageBig {
			display: block;
			float: left;
			text-align: center;
			font: normal .9em "Arial","Helvetica",sans-serif;
			color: #c2cad4;
			}

		.consultantImageBig img {
			display: block;
			float: left;
			padding: 3px;
			width: 125px;
			margin: 0 15px 0 0;
			border: 1px solid #ccc;
			}
			
#subLeftArea p.returnLink a {
	font: bold .85em "Arial","Helvetica",sans-serif;
	color: #1C92B7;
	text-transform: uppercase;
}				

/* partners page
==============================================================================*/

#partner {
	margin: 0;
	border-bottom: thin solid #cccccc;
	padding: 1em 0;
}

/* network page
==============================================================================*/

#network {
	margin: 0;
	border-bottom: thin solid #cccccc;
	padding: 1em 0;
}

/* references page
==============================================================================*/

#referenceItem {
	border-bottom: thin solid #cccccc;
	padding: 3em 0 1.5em 0;
}

#referenceItem .quote {
	font-style: italic;
}

#referenceItem .client{
	text-align: right;
}

/* login form
==============================================================================*/

#churchLogin {
	display: block;
	position: relative;
	margin-left: 510px;
	padding-top: 20px;
}

#churchLogin .inputRow {
	clear: both;
	margin: 0 0 3px 0;
}

input.username {
	width: 174px;
	height: 19px;
	background: #bdbdbe;
}

input.password {
	float: left;
	width: 150px;
	height: 19px;
	background: #bdbdbe;
}

label.username {
	display: block;
	float: left;
	width: 56px;
	height: 12px;
	font: normal 1.1em/1.1em "Arial","Helvetica",sans-serif;
	margin: 0 0 3px 0;
	padding: 5px 12px 5px 12px;
	color: #c2cad4;
	background: url(../images/bg-formfield-label.gif) repeat;	
}

label.password {
	float: left;
	width: 56px;
	height: 12px;
	font: normal 1.1em/1.1em "Arial","Helvetica",sans-serif;
	margin: 0 0 3px 0;
	padding: 5px 12px 5px 12px;
	color: #c2cad4;
	background: url(../images/bg-formfield-label.gif) repeat;	
}

input.submitButton  {
display: block;
float: left;
height: 26px;
width: 26px;
margin: 0 0 0 5px;
}

/* inline images
==============================================================================*/
img { border: 0; }

.learnMoreLink {
	vertical-align: middle;
	width: 77px;
	height: 14px;
	padding: 2px 2px 0 0;
}

.inlineImage {
	text-align: center;
	font: normal .9em "Arial","Helvetica",sans-serif;
	color: #c2cad4;
	}

.inlineImage img {
	padding: 3px;
	border: 0px solid #ccc;
	}

.noStyle img {
	padding: 0;
	border: 0 none;
	}

.right {
	float: right;
	margin: 1.3em 0 0 2em;
	}

.left {
	float: left;
	margin: 0 1.5em 0 0;
	}

.center {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	}


/* contact form
==============================================================================*/

#contactSideInfo {
	padding: 1em 0 0 0;	
	}

#contactSideInfo p {
	font: 1.25em/1.4em "Arial","Helvetica",sans-serif;
	color: #C3CAD4;
	padding: 0 0 1.5em 0;
	}

#contactSideInfo a {
	color: #C3CAD4;
	}

#contactSideInfo h1 {
	font: 2em/1.5em "Georgia","Times",serif;
	letter-spacing: -.05em;
	color: #1C92B7;
	}

/* contact form
==============================================================================*/

#contactForm {
}

#contactForm h1 {
	font: 2.5em/1.5em "Georgia","Times",serif;
	letter-spacing: -.04em;
	color: #666;
	}

#contactForm .sectionHead h2 {
	font: 1.4em/1.5em "Arial","Helvetica",sans-serif;
	font-weight: normal;
	letter-spacing: -.04em;
	color: #666;
	text-align: left;
	border-bottom: 1px solid #cccccc;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	width: 616px;
	}	
	
#contactForm label {
	font: 1.2em/1.2em "Arial","Helvetica",sans-serif;
	color: #404246;
	text-align: right;
	background: none;
	float: left;
	width: 100px;
	margin: 0 1em 0 0;
	padding: .3em 0 0 0;
	}
	
	#contactForm label.zip {
		font: 1.2em/2em "Arial","Helvetica",sans-serif;
		color: #404246;
		text-align: right;
		height: auto;
		width: 40px;
		margin: 0 1em 0 0;
		padding: 0;
		}
	
#contactForm select {
	font: 1.2em/1em "Arial","Helvetica",sans-serif;
	width: 255px;
	background: #f5f5f5;
	border: 1px solid #cccccc;
	margin: 0;
	padding: 0;
	}
		
#contactForm input {	
	font: 1.2em/1.6em "Arial","Helvetica",sans-serif;
	width: 255px;
	float: left;
	background: #f5f5f5;
	border: 1px solid #cccccc;
	padding: 4px;
	margin: 0 0 5px 0;
	}		

	#contactForm input.radioButton {	
		width: auto;
		height: 1em;
		float: left;
		margin: .8em 0 0 0;
		padding: 0;
		background: none;
		}
		
	#contactForm label.radio {
		color: #404246;
		text-align: left;
		background: none;
		margin: .8em .4em 0 0;
		padding: 0 0 0 .4em;
		}

		#contactForm label.worship {
			color: #404246;
			text-align: right;
			background: none;
			margin: 0 .4em 0 0;
			padding: 0 0 0 .4em;
			}

	#contactForm input.state {	
		font: 1.2em/1.6em "Arial","Helvetica",sans-serif;
		width: 45px;
		float: left;
		background: #f5f5f5;
		border: 1px solid #cccccc;
		padding: 4px;
		}
		
	#contactForm input.zip {	
		font: 1.2em/1.6em "Arial","Helvetica",sans-serif;
		width: 158px;
		float: left;
		background: #f5f5f5;
		border: 1px solid #cccccc;
		padding: 4px;
		}
			
			#contactForm textarea.commentArea {	
				font: 1.2em/1.6em "Arial","Helvetica",sans-serif;
				height: 5em;
				width: 255px;
				display: block;
				float: left;
				background: #f5f5f5;
				border: 1px solid #cccccc;
				padding: .3em;
				margin-top: .5em;
				}		

#contactForm input:focus, #contactForm textarea:focus {
	background-color: #ffffcc;
	}

#contactSubmitButtons {
	margin-left: 100px;
	}

#contactForm input.contact_submit, #contactForm input.contact_reset {
	font: bold 1.1em/1.6em "Arial","Helvetica",sans-serif;
	text-transform: uppercase;
	float: left;
	width: 100px;
	margin: 1em 0 0 1em;
	padding: .5em;
	color: #f5f5f5;
	background: #3a95b3;
	border: 2px solid #fff;
	}
	
	#contactForm input.contact_submit:hover, #contactForm input.contact_reset:hover {
		background: #6db0c7;
		color: #fff;
		}
	
#contactForm h2 {
	font: 1.4em/1.15em "Arial","Helvetica",sans-serif;
	text-transform: uppercase;
	padding: 10px 0 10px 0;
	}