@charset "UTF-8";
/* CSS Document */
html, body { /* full browser window containing divs*/
	height: 100%; margin: 0;
}
#wrapper, #wrapper2 {min-height: 100%;}
html {}
body {background: #6be3fd url(/images/siteBuild/bodyBg.jpg) repeat-x center top;}
#wrapper {
background: url(/images/siteBuild/contentBg.png) repeat-y center top;
min-width: 960px;
}
.schools #wrapper {	background: url(/images/siteBuild/contentBg-cdc.png) repeat-y center top;
}
#home #wrapper {background: none;}
#wrapper2 {background: url(/images/siteBuild/outerContainerBg.jpg) no-repeat center top;}
#outerContainer {
	background: url(/images/siteBuild/wrapperBg.png) repeat-x center bottom;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	margin: 0 auto -240px auto; /* the bottom margin is the negative value of the footer's height */
}

#home #outerContainer {margin: 0 auto -115px auto; /* the bottom margin is the negative value of the footer's height */}

#headerWrapper {
	height: 285px;
	position: absolute;
	top: 0; 
	left: 0;
	padding: 0;
	width: 100%;
}
#header {position: relative; margin: 0 auto; width: 960px; height: 285px;}
#explore.schools #headerWrapper, #explore.schools #header {height: 200px;}
#home #header {background: none;}
#branding h3 {position: absolute; top: 30px; left: 0; width: 435px; height: 140px; overflow: hidden; margin: 0;}
	#branding h3 span {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:url(/images/siteBuild/headerLogo.jpg) no-repeat left top; display: block; text-indent: -9999px;}

#home #hero {padding-top: 285px; position: relative; width: 920px; margin: 0 auto;}

/* slideshow styles */
#slideshowContainer {position: relative; width: 920px; height: 300px; text-align: left; margin-bottom: 1em;}
#slideshowContainer .captionArea {
	background: url(/images/siteBuild/bg-slideCaption.png) repeat left top;
	height: 34px;
	position: relative;
	margin-top: -44px;
	padding: 5px 1em;
	
}
.captionArea p {line-height: 34px; color: #fff; margin: 0;}
.captionArea a {color: #00adea; margin-left: 1em;}
#controller {position: absolute; height: 34px; padding: 5px 0; top: 260px; right: 0; list-style-type: none; margin: 0 3px 0 0; text-align: right;}
#controller li {display: inline; position: relative;margin: 0;}
#controller a {float: left; display: inline; color: #fff; background: url(/images/siteBuild/slideControl-hover.png) repeat left top; background: url(/images/siteBuild/slideControl-bg.png) repeat left top; width: 30px; height: 30px; line-height: 30px; text-align: center; position: relative; overflow: hidden; margin: 0 3px; text-decoration: none; font-weight: bold; font-size: 1.1em;}
#controller a span {cursor: pointer;  display: block; display: block; position: absolute; width: 100%; height: 100%;}
#controller a span {background: none;}
#controller a:hover {background: url(/images/siteBuild/slideControl-hover.png) repeat left top;}
#controller li a:hover span {}
#controller li.jFlowSelected a span {background: #00adea;}
#controller li.jFlowPrev a, #controller li.jFlowNext a {}

#mask {position: absolute; left: 0; top: 0; width: 920px; height: 50px; background:url(/images/siteBuild/slideMask.png) no-repeat 870px top;}
/* end slideshow styles */


#contentContainer {
	text-align: left;
	padding: 284px 0 0;
	width: 960px;
	position: relative;	
	margin: 0 auto;
	background:url(/images/siteBuild/contentContainerBg.png) no-repeat left 284px; 
	
}
	
#home #contentContainer {padding-top: 1em; background:none;}
#explore.schools #contentContainer {padding-top: 199px;}
#contentWrapper {padding:20px 0 1em; position: relative; background:url(/images/siteBuild/contentWrapperBg.png) no-repeat left top;}
.schools #contentWrapper {background:url(/images/siteBuild/contentWrapperBg-cdc.png) no-repeat left top;}
#home #contentWrapper {background: none; padding: 0 20px 1em;}

#titleHeader {padding: 0 0 0 40px; width: 580px; line-height: 46px; margin: 0;}

#content {padding: 0 20px 0 40px; /*background: url(/images/siteBuild/contentBg.png) repeat-y left top;*/}

.column1, .column2 {display:inline;}
	.column1 {float: left;}
	.column2 {float: right;}

#main {width: 580px;}

.map {height: 400px;}


#headerImage {padding-bottom: 1em;}

#home #main {
	width: 600px;
}
	
#sub {width: 267px; padding-left: 13px; padding-right: 20px;}
.schools #sub {background: url(/images/siteBuild/sidebarBg-cdc.png) no-repeat left bottom; padding-bottom: 280px;}
#home #sub {
	width: 300px; padding-left: 0; padding-right: 0;
}
#sub blockquote, #sub .content {padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #b9d5e5;}
#sub blockquote h3 {color: #1f75d7; margin-top: 0;}
#sub blockquote p {text-align: right; color: #7995a9;}
#subHeader {position: absolute; left: 630px; top: -46px; width: 310px; height: 46px; overflow: hidden; margin: 0;}
#subHeader span {width: 100%; height: 100%; position: absolute; background: url(/images/siteBuild/subHeader.png) no-repeat left top; text-indent: -9999px;}

#enticers {list-style-type: none; margin: 0;}
#enticers li {position: relative; overflow: hidden; }
#enticers li span {position: absolute; display: block; width: 100%; height: 100%; text-indent: -9999px;cursor: pointer;}
#sub #enticers li {width: 300px; height: 78px; margin-bottom: 1em;}
#sub #enticers li.pointeOfGrace span {background: url(/images/siteBuild/btn_pointeOfGrace.png) no-repeat left top; }
#sub #enticers li.worshipServices span {background: url(/images/siteBuild/btn_worshipServices.png) no-repeat left top;}
#sub #enticers li.ourCalendar span {background: url(/images/siteBuild/btn_ourCalendar.png) no-repeat left top;}
#sub #enticers li.ourSchools span {background: url(/images/siteBuild/btn_ourSchools.png) no-repeat left top;}

#donate {margin-top: 1em; position: relative; width: 267px; height: 50px; overflow: hidden;}
#donate span {position: absolute; width: 100%; height: 100%; display: block; text-indent: -9999px; background:url(/images/siteBuild/btn_donate.png) no-repeat left top;}
#donate a:hover span {background-position: left -50px !important;}


#footerWrapper #enticersWrapper {width: 960px; margin: 0 auto;position: absolute; top: -97px; left: -20px; background:url(/images/siteBuild/enticersWrapperBg.png) repeat-x left top; height: 95px;}
.schools #footerWrapper #enticersWrapper {background:url(/images/siteBuild/enticersWrapperBg-cdc.png) repeat-x left top;}
 
#footerWrapper #enticers li {float: left; display: inline; width: 228px; height: 84px; margin-bottom: 0; padding-right: 5px;}
#footerWrapper #enticers li a {display: block;}
#footerWrapper #enticers li.pointeOfGrace {padding-left: 18px;}
#footerWrapper #enticers li.pointeOfGrace span {background: url(/images/siteBuild/btn_foot_pointeOfGrace.png) no-repeat left top;}
#footerWrapper #enticers li.worshipServices span {background: url(/images/siteBuild/btn_foot_worshipServices.png) no-repeat left top;}
#footerWrapper #enticers li.ourCalendar span {background: url(/images/siteBuild/btn_foot_ourCalendar.png) no-repeat left top;}
#footerWrapper #enticers li.ourSchools span {background: url(/images/siteBuild/btn_foot_ourSchools.png) no-repeat left top;}


#contentClear {
	height: 240px; /* #contentClear must be the same height as the negative bottom margin on #outerContainer */
}
#home #footerWrapper, #home #contentClear {
	height: 115px; /* #contentClear must be the same height as the negative bottom margin on #outerContainer */
}
#footerWrapper {position: relative; width: 100%; background: url(/images/siteBuild/footerBg-home.jpg) repeat-x left bottom; /*background: url(/images/siteBuild/footerBg.jpg) no-repeat center top;*/  height: 115px; padding-top: 125px;
}
#home #footerWrapper {background: url(/images/siteBuild/footerBg-home.jpg) repeat-x left bottom; padding-top: 0;}
#footer { 	
	border-top: 1px solid #034658;
	width: 920px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	padding: 20px 0;
}

#copyright, #footerLinks {display: inline; color: #68aeb9; font-size: .9em;}
#copyright {float: left;} #footerLinks {float: right;}

#footerLinks {list-style-type: none; margin: 0;}
#footerLinks li {float: left; display: inline; padding: 0 1em; border-right: 1px solid #68aeb9; }
#footerLinks li.last {border-right: none; padding-right: 0;}
#footerLinks a {color: #68aeb9; text-decoration: none;}
#footerLinks a:hover {color: #fff;}