body {background-color: #051c72; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333;}
h1 {font-size: 2.0em; padding: 0 0 10px 0;}
h2 {font-size: 1.8em; padding: 0 0 10px 0;}
h3 {font-size: 1.6em; padding: 0 0 10px 0;}
h4 {font-size: 1.4em; padding: 10px 0 0 0; line-height: 20px;}
h5 {font-size: 1.2em; padding: 0 0 10px 0;}
h6 {font-size: 1.0em; padding: 0 0 10px 0;}
p {line-height: 20px; padding: 0 0 20px 0;}
a {color: #041C72;}
a:hover {color: #990000;}

.wrap {width: 981px; margin: 0 auto;}
.hide {position: absolute; top: -99999px; left: -99999px;}
.clear {clear: both; height: 0px; overflow: hidden;}
.floatLeft {float: left;}
.floatRight {float: right;}
.spaceUp {margin-top: 50px !important;}
.textRed {color: #990000;}
.textFade {color: #ccc;}
.alignRight {text-align: right;}
.alignLeft {text-align: left;}
.alignCenter {text-align: center;}
.alignright {float: right;}
.alignleft {float: left;}

#top {height: 56px; background: url('../_images/top.png') top left no-repeat; padding-top: 128px; overflow: hidden;}
	#navbar {height: 56px; width: 1500px;}
	#navbar li {float: left; text-indent: -99999px;}
	#navbar li a {display: block; height: 56px;}
	#navbar li a:hover {background: url('../_images/navbar_hover.png') no-repeat;}
	#navbar li#navHome a {width: 34px; margin-right: 28px;}
	#navbar li#navHome a:hover {background-position: 0 0;}
	#navbar li#navAbout a {width: 40px; margin-right: 26px;}
	#navbar li#navAbout a:hover {background-position: -62px 0;}
	#navbar li#navVisitors a {width: 53px; margin-right: 29px;}
	#navbar li#navVisitors a:hover {background-position: -128px 0;}
	#navbar li#navMinistries a {width: 64px; margin-right: 434px;}
	#navbar li#navMinistries a:hover {background-position: -210px 0;}
	#navbar li#navBible a {width: 67px; margin-right: 20px;}
	#navbar li#navBible a:hover {background-position: -708px 0;}
	#navbar li#navPhotos a {width: 46px; margin-right: 21px;}
	#navbar li#navPhotos a:hover {background-position: -795px 0;}
	#navbar li#navPodcast a {width: 53px; margin-right: 16px;}
	#navbar li#navPodcast a:hover {background-position: -862px 0;}
	#navbar li#navContact a {width: 50px;}
	#navbar li#navContact a:hover {background-position: -931px 0;}

#middleBG.home {width: 100%; background: #6775a9 url('../_images/bg_middle-home.png') top left repeat-x;}
#middle.home {height: 440px; overflow: hidden;}

#slideshow_overlay {background: url('../_images/slideshow_overlay.png') top left no-repeat; width: 981px; height: 440px; position: absolute; z-index: 10; top: 184px;}

.page {width: 100%; background: #d4ddff url('../_images/bg_middle-page.png') top left repeat-x;}
.page #main {width: 640px; padding: 30px 20px 30px 20px; overflow: hidden; float: left;}
.page #main h3 {font-size: 1.8em;}
.page #main h4 {color: #000;}
.page #main li {line-height: 20px; margin-left: 20px;}
.page #main .post {background: #fff; border: 1px solid #ccc; padding: 20px 20px 0 20px; margin-bottom: 20px;}
.page #main .post ol {list-style-type: decimal; margin-left: 20px; padding: 0 0 20px 0;}
.page #main .post h3 {font-size: 14px;}

.page-wide {width: 100%; background: #d4ddff url('../_images/bg_middle-page.png') top left repeat-x;}
.page-wide #main {width: 800px; padding: 30px 20px; margin: 0 auto;}
.page-wide #main h3 {font-size: 1.8em;}
.page-wide #main h4 {color: #000;}
.page-wide #main li {line-height: 20px; margin-left: 20px;}
.page-wide #main ul {list-style-type: disc;}
.page-wide #main ol {list-style-type: upper-alpha; padding: 0 0 20px 0; margin-left: 30px;}
.page-wide #main ol li {font-size: 16px; line-height: 30px;}
.page-wide #main ol ol {list-style-type: decimal; padding: 0px;}
.page-wide #main ol ol li {font-size: 12px; font-weight: normal;}
.page-wide #main ol ol ol {list-style-type: decimal; padding: 0px;}
.page-wide #main ol ol ol li {list-style-type: decimal; padding: 0px;}
.page-wide #sidebar {display: none;}
.page-wide #main .scripture-list {margin-left: 50px;}
.page-wide #main .scripture-list span {display: block; position: absolute; width: 50px; margin-left: -50px; height: 30px; line-height: 30px;}

#nehemiah h2 {text-transform: uppercase; margin-top: 100px;}


#list_we-believe {list-style-type: disc;}
#list_we-believe li {line-height: 20px; margin-left: 20px;}

.historyText {float: right; width: 495px; margin-top: -20px;}
.historyText h2 {padding-bottom: 8px !important;}

#ministryLinks {height: 330px; width: 650px; display: block; background: url('../_images/ministry-silhouettes.png') top left no-repeat; overflow: hidden; zoom: 1;}
#ministryLinks li {float: left; height: 330px; display: block; padding: 0 !important; margin: 0 !important; zoom: 1;}
#ministryLinks li#min01 {width: 60px;}
#ministryLinks li#min01 a {width: 60px;}
#ministryLinks li#min02 {width: 60px;}
#ministryLinks li#min02 a {width: 60px;}
#ministryLinks li#min03 {width: 100px;}
#ministryLinks li#min03 a {width: 100px;}
#ministryLinks li#min04 {width: 80px;}
#ministryLinks li#min04 a {width: 80px;}
#ministryLinks li#min05 {width: 80px;}
#ministryLinks li#min05 a {width: 80px;}
#ministryLinks li#min06 {width: 100px;}
#ministryLinks li#min06 a {width: 100px;}
#ministryLinks li#min07 {width: 75px;}
#ministryLinks li#min07 a {width: 75px;}
#ministryLinks li#min08 {width: 85px;}
#ministryLinks li#min08 a {width: 85px;}
#ministryLinks li a {height: 330px; display: block; padding: 0 !important; margin: 0 !important; text-indent: -99999px;}

#infoInfantree h2 {color: #013B00;}
#infoFaithwalkers h2 {color: #27185D;}
#infoYoungchamps h2 {color: #A45101;}
#infoLaunchpad h2 {color: #000000;}
#infoYouthforum h2 {color: #097A9C;}
#infoYoungadults h2 {color: #C00500;}
#infoWomen h2 {color: #cf128d;}
#infoMen h2 {color: #465678;}

.minInfo img {padding: 0 0 20px 20px;}

.faq_qa {float: left; width: 7%; font-weight: bold; padding-bottom: 15px; font-size: 30px;}
.faq_question {float: right; width: 93%; text-align: left; text-transform: uppercase; padding: 15px 0; font-weight: bold; font-size: 15px;}
.faq_answer {float: right; width: 93%; text-align: left; font-style: italic; line-height: 15px; padding: 15px 0 45px 0;}

/* SIDEBAR */
#sidebar {float: right; width: 267px; padding: 40px 17px 30px 17px; overflow: hidden;}
#sidebar h3 {text-transform: uppercase; padding: 0 0 5px 0; color: #041C72;}

.sideBlock {margin-bottom: 17px;}
.bar {border-top: 1px solid #333; height: 0px !important; border-bottom: 1px solid #ccc; margin-bottom: 10px; overflow: hidden;}
.ads {width: 284px;}
.ads li {float: left; padding: 0 17px 17px 0;}
#directions {background: url('../_images/side_directions.jpg') bottom right no-repeat;}

/* END SIDEBAR */

.col-01 {float: left; width: 310px; line-height: 20px;}
.col-02 {float: right; width: 310px; line-height: 20px;}

form #contactName input {width: 306px;}
form #contactEmail input {width: 306px;}
form #contactSubject input {width: 636px;}
form #contactMessage textarea {width: 636px;}

#bottomBG {width: 100%; background: #051c72; border-top: 3px solid #6384ff;}
#bottom {color: #fff; padding: 20px 0;}
#bottom .column {width: 145px; float: left; padding-right: 20px; display: block;}
#bottom .columnWide {width: 321px; float: left; display: block;}
#bottom h3 {font-size: 1.2em; text-transform: uppercase; color: #6384ff;}
#bottom h4 {font-size: 12px; color: #fff; font-weight: bold; padding: 0px !important;}
#bottom li {line-height: 20px;}
#bottom a {color: #fff; text-decoration: none;}
#bottom a:hover {text-decoration: underline;}
#bottom hr {color: #fff; background-color: #fff; height: 1px; border: 0;}
#bottom .theLatest a {text-decoration: underline; color: #BFCDFF;}
#bottom .theLatest a:hover {text-decoration: none;}

/* CAROUSEL */
#carousel {margin: 0 auto; padding: 60px 170px 0 171px; position: relative; z-index: 1;}	
#carousel + div {position: absolute !important; z-index: 20; top: 0; margin: 205px 0 0 416px;}
#carousel + div .thumb {margin-right: 20px !important;}
#carousel ul {
	list-style: none;
	width:3200px;
	margin: 0;
	padding: 0;
	position:relative;
}
#carousel li {
	display:inline;
	float:left;
}

#carousel ul li img {width: 640px !important; height: 360px !important; display: block;}
#carousel ul li br {position: absolute; top: -99999px; left: -99999px;}

#min {display: none !important;}
#max {display: none !important;}
#close {display: none !important;}
#btn_play {display: none; width: 16px; height: 16px; /*display: block;*/ position: absolute; z-index: 40; top: 0; margin: 68px 0 0 615px;}
.textholder {
	color: #fff; 
	line-height: 18px; 
	font-size: 18px !important; 
	width: 620px !important; 
	height: 90px !important; 
	padding: 0 0 0 20px;
	background: #000 !important; 
	opacity:0.8 !important; 
	filter: alpha(opacity=80) !important; /* For IE */
	z-index: 50 !important;
}
.textholder a {position: relative;}
.textholder strong {line-height: 55px; font-size: 26px; font-weight: bold; display: block; width: 100%;}

/* Tabs
----------------------------------*/
.ui-tabs { padding: 0; zoom: 1;}
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: pointer; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
	padding: 17px 17px 0 17px; 
	display: block; 
	border: 2px solid #ccc; 
	background: none; 
	width: 267px;
	height: 400px;
	position: absolute;
	top: 0;
	margin: 214px 0 0 656px;
	background: #EFF3FF;
}
.ui-tabs .ui-tabs-hide { display: none !important; }

/* sIFR
----------------------------------*/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash .home #main h3,
.sIFR-hasFlash .page #main h1,
.sIFR-hasFlash .page-wide #main h1,
.sIFR-hasFlash .video #main h1 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 40px;
	padding: none;
}