@charset "utf-8";
/* CSS Document */

/* Reset! Modified from: http://developer.yahoo.com/yui/reset ***********************************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }
a { outline: none; text-decoration: none; }
a img { border: none; }
.clear { clear: both; font-size: 1px; line-height: 1px; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* End Reset ************************************************************************************************************************/



/* Start Type Formatting ************************************************************************************************************/

.texthide { text-indent: -9999em; }

body {
	font: normal 12px/18px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Helvetica, sans-serif;
	color: #484848;
}

strong, em, b, i { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Helvetica, sans-serif; }
	strong { font-weight: bold; }
	em { font-style: italic; }
	
small {
	font-size: 11px;
	color: #6e6e6e;
}

a { color: #002f65; font-weight: bold; }
	a:hover { color: #da5e27; text-decoration: underline; }
	
.align-center {
	text-align:center;	
}
	
#inside-right p {
	font-size: 13px;
	margin-bottom: 17px;
}
#inside-right table p {
	margin-bottom: 0px;
}
#inside-right h1 {
	font-size: 32px;
	line-height: 38px;
	margin-bottom: 17px;
	letter-spacing: -1px;
}
#inside-right h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 17px;
	color: #232222;
	letter-spacing: -1px;
}
#inside-right h3 {
	font-size: 15px;
	font-style: italic;
	margin: 15px 0 17px;
}
#inside-right h4 {
	font-size: 20px;
	font-style: bold;
	padding: 15px 5px 15px 5px;
	margin: 10px 0px 10px;
	margin-left:auto;
	Margin-right:auto;
	color:#FFF;
	background-color:#002F65;
}
#inside-right h4 a {
	color:#FFF;
}
#inside-right h4 a:hover { color: #da5e27; text-decoration: underline; }

#inside-right ul {
	margin-bottom: 17px;
}

	#inside-right ul li {
		background: url(../images/bullet.gif) 0 10px no-repeat;
		margin: 0 0 8px 10px;
		padding-left: 35px;
		font-size: 13px;
	}
		#inside-right ul li ul {
			margin: 8px 0 17px;
		}
		
	/*override bullet style for multiple row image wrappers */
	
	#inside-right div.csc-textpic-imagewrap ul li {
		background:none;
		padding:0px;
	}
	
#inside-right ol {
	margin-bottom: 17px;
}
	#inside-right ol li {
		list-style: decimal inside;
		margin: 0 0 8px 10px;
		padding-left: 17px;
		font-size: 13px;
	}
		#inside-right ol li ol {
			margin: 8px 0 17px;
		}
#inside-right blockquote {
	padding: 0 40px;
}

#inside-right blockquote blockquote {
	padding: 0 0 0 40px;
}

.contenttable td { padding: 3px 5px; }

form {
	border: 1px solid #dfdfdf;
	padding: 20px;
	margin-bottom: 17px;
}


/*---------- Specialized Formatting */

	/* Home Header Font Styling */

	div#header-left p {
		color: #002f65;
		text-align: center;
		font-size: 12px;
		line-height: 16px;
	}

	div#header-right h2 {
		background: url(../images/header-worshiptimes.png) top right no-repeat;
		width: 220px;
		height: 16px;
		margin-bottom: 5px;
	}

	div#header-right p {
		text-align: right;
		color: #2f2f2f;
		font-size: 12px;
		line-height: 16px;
	}
		div#header-right p span { color: #002f65; }
		div#header-right p small { display: block; }

	h1#home-tagline {
		background: url(../images/header-tagline.png) no-repeat;
		width: 824px;
		height: 44px;
		margin: 0 auto 18px;
	}

	/* Home Slider Font Styling */

	div#slider ul h3 {
		font-size: 14px;
		font-weight: bold;
		letter-spacing: -1px;
		color: #002f65;
	}
		div#slider li.active h3 { color: #da5e27; }
	
	/* Promotions Font Styling */
	
	h2#subhead-news {
		background: url(../images/subhead-news.png) no-repeat;
		width: 249px;
		height: 42px;
		position: absolute;
		left: 5px;
		top: 0;
	}

	h2#subhead-event {
		background: url(../images/subhead-event.png) no-repeat;
		width: 249px;
		height: 42px;
		position: absolute;
		right: 5px;
		top: 0;
	}

	div.content-featured h4 {
		font-size: 13px;
		color: #2f2f2f;
		font-weight: bold;
		letter-spacing: -1px;
	}
		div.content-featured p {
			margin-bottom: 20px;
			position: relative;
			line-height: 16px;
		}
			div#news p {
				border-bottom: 1px solid #dfdfdf;
				padding-bottom: 20px;
			}
		div#news p a {
			background: url(../images/more-buttons.png) no-repeat;
			width: 70px;
			height: 21px;
			display: block;
			position: absolute;
			bottom: -10px;
			right: 0;
			text-indent: -9999em;
		}
			div#news p a:hover { background-position: 0 -21px; }
		
		div#event p a {
			background: url(../images/more-buttons.png) -70px 0 no-repeat;
			width: 70px;
			height: 21px;
			display: block;
			position: absolute;
			bottom: -30px;
			right: 0;
			text-indent: -9999em;
		}
			div#event p a:hover { background-position: -70px -21px; }

		div#event p a#donate {
			background: url(../images/donate.png) 0px 0 no-repeat;
			width: 70px;
			height: 21px;
			display: block;
			position: absolute;
			bottom: -30px;
			right: 0;
			text-indent: -9999em;
		}
		div#event p a#donate:hover { background-position: 0px -21px; }


	/* Inside Sidebar Font Styles */
	
	div#inside-subnav h2 {
		color: #fff;
		font-weight: bold;
		font-size: 15px;
		line-height: 15px;
		letter-spacing: -0.05em;
		float: left;
		display: block;
		width: 122px;
	}
	
	div#inside-subnav ul {
		padding: 15px 10px 5px;
	}
		div#inside-subnav ul .csc-header { display: none; height: 1px; width: 1px; }
		div#inside-subnav li {
			margin-bottom: 10px;
		}
			div#inside-subnav li a {
				color: #484848;
				font-size: 14px;
				font-weight: normal;
				line-height: 18px;
			}
				div#inside-subnav li a:hover, div#inside-subnav li a.sidebar-active { text-decoration: underline; color: #002f65; }
				div#inside-subnav ul li ul { padding: 5px 10px 0; }
					div#inside-subnav ul li ul li {
						margin: 0 0 5px 10px;
						list-style-type: square;
					}
						div#inside-subnav ul li ul li a {
							font-size: 12px;
						}
	
	/* Footer Font Styles */
	
	div#footer ul li {
		float: left;
		margin-right: 13px;
	}
		div#footer ul li ul li { float: none; }
	
	div#footer ul li a {
		font-size: 12px;
		color: #fff;
		font-weight: bold;
	}
		div#footer ul li a:hover { color: #da5e27; }

	div#footer ul li ul li a {
		font-size: 11px;
		color: #bebebe;
		font-weight: normal;
		letter-spacing: -1px;
	}
		div#footer ul li ul li a:hover { color: #da5e27; }
		
	div#footer p {
		float: right;
		width: 165px;
		color: #fff;
		text-align: right;
		margin-bottom: 10px;
		font-weight: bold;
	}
		div#footer p a { color: #bebebe; }
			div#footer p a:hover { color: #da5e27; }
		div#footer p#credit {
			font-weight: normal;
			color: #6d7e93;
			font-size: 10px;
			padding-top: 10px;
		}
		div#footer p a#covlogo {
			background: url(../images/footer-covlogo.png) no-repeat;
			width: 61px;
			height: 17px;
			display: block;
			text-align: left;
			float: right;
			margin-top: 1px;
		}
			div#footer p a#covlogo:hover { background-position: 0 -17px; }

/* End Type Formatting **************************************************************************************************************/



/* Start Site Construction **********************************************************************************************************/

body { background: #042245; }


/*---------- Nav */

div#nav {
	background: #356499 url(../images/nav-gradient.png) repeat-x;
	width: 100%;
	min-width: 960px;
	height: 47px;
}
	div#nav ul {
		width: 860px;
		height: 47px;
		display: block;
		margin: 0 auto;
		position: relative;
		z-index: 1000; /* fix drop-down z-index for IE7 */
	}
		div#nav ul li {
			display: block;
			float: left;
			position: relative;
			margin: 0 0 0 80px;
		}
			div#nav ul li.nav-first { margin-left: 20px; }
			
			div#nav ul li a {
				display: block;
				background: url(../images/nav.png) no-repeat;
				height: 15px;
				padding: 16px 0;
			}
				div#nav ul li a.Home { width: 38px; background-position: 0 16px; }
				div#nav ul li a.Home:hover { background-position: 0 -51px; }
				
				div#nav ul li a.About { width: 40px; background-position: -41px 16px; }
				div#nav ul li a.About:hover { background-position: -41px -51px; }
				
				div#nav ul li a.Events { width: 44px; background-position: -84px 16px; }
				div#nav ul li a.Events:hover { background-position: -84px -51px; }
				
				div#nav ul li a.Ministries { width: 64px; background-position: -131px 16px; }
				div#nav ul li a.Ministries:hover { background-position: -131px -51px; }
				
				div#nav ul li a.Children { width: 55px; background-position: -197px 16px; }
				div#nav ul li a.Children:hover { background-position: -197px -51px; }
				
				div#nav ul li a.Students { width: 58px; background-position: -255px 16px; }
				div#nav ul li a.Students:hover { background-position: -255px -51px; }
				
				div#nav ul li a.Adults { width: 42px; background-position: -315px 16px; }
				div#nav ul li a.Adults:hover { background-position: -315px -51px; }
				
			div#nav ul li ul {
				background: url(../images/nav-sub-background.png) no-repeat;
				position: absolute;
				top: 37px;
				left: -15px;
				z-index: 500;
				height: auto;
				width: 180px;
				padding-top: 10px;
				border-bottom: 1px solid #fff;
				display: none;
			}
				div#nav ul li ul.last-dropdown {
					background: url(../images/nav-sub-background-last.png) no-repeat;
					left: -120px;
				}
				div#nav ul li ul li {
					float: none;
					background: #fff;
					padding: 1px 1px 0;
					margin: 0;
				}
					div#nav ul li ul li a {
						background: #ececec;
						padding: 8px 15px 10px;
						border-bottom: 1px solid #dfdfdf;
						text-transform: lowercase;
						font-size: 13px;
						height: auto;
						display: block;
						font-weight: normal;
					}
						div#nav ul li ul li a:hover {
							background: #fc8c5b;
							border-bottom: 1px solid #da5e27;
							color: #fff;
							text-decoration: none;
						}

/*---------- Header */

div#header {
	background: #f3f3f3 url(../images/header-background.jpg) top center no-repeat;
	width: 100%;
	min-width: 960px;
	height: 154px;
	border-top: 1px solid #cfcfcf;
	border-bottom: 2px solid #6f89a6;
}
	div#header-inner {
		width: 820px;
		height: 146px;
		margin: 0 auto;
		padding: 8px 20px 0;
		position: relative;
		z-index: 201; /* z-index fix for IE7 */
	}
	
		div#header-left {
			position: absolute;
			left: 20px;
			top: 47px;
		}
			a#header-logo-left {
				background: url(../images/header-logo-text.png) no-repeat;
				width: 239px;
				height: 26px;
				display: block;
				margin-bottom: 5px;
			}
		
		a#header-logo {
			background: url(../images/header-logo-image.png) no-repeat;
			width: 124px;
			height: 117px;
			margin: 0 auto;
			display: block;
		}
			a#header-logo:hover { background-position: 0 -117px; }
		
		div#header-right {
			position: absolute;
			right: 20px;
			top: 35px;
		}
		
		div#header div#search {
			background: url(../images/header-search-background.png) no-repeat;
			width: 344px;
			height: 43px;
			margin: 0 auto;
			position: relative;
			bottom: -10px;
		}
			div#header form#searchform { border: none; }
			div#header div#search input.searchbox {
				width: 275px;
				background-color: #fff;
				border: 1px solid #fff;
				height: 23px;
				position: absolute;
				top: 9px;
				left: 20px;
				font: normal 13px/23px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Helvetica, sans-serif;
				color: #959595;
				z-index: 200;
			}
			div#header div#search input.searchsubmit {
				border: none;
				background: #fff url(../images/header-search-button.png) no-repeat;
				width: 22px;
				height: 22px;
				display: block;
				cursor: pointer;
				position: absolute;
				right: 10px;
				top: 10px;
				color: #fff;
				font-size: 1px;
				text-align: left;
				text-indent: -9999em;
				z-index: 200;
			}
				div#header div#search input.searchsubmit:hover { background-position: 0 -22px;}


/*---------- Content */

div#content-wrap {
	background: #fff url(../images/content-gradient.png) repeat-x;
	width: 100%;
	min-width: 960px;
}

div#content {
	background: url(../images/content-background.jpg) top center no-repeat;
	width: 100%;
	min-width: 960px;
}
	div#content-inner {
		width: 860px;
		margin: 0 auto;
		padding: 40px 0;
		position: relative;
	}
		div#slider {
			background: url(../images/slider-background.png) repeat-x;
			width: 710px;
			height: 412px;
			margin: 0 auto 33px;
			padding: 16px 0 0;
		}
			div#slides {
				width: 676px;
				height: 313px;
  			  	position: relative;
   				overflow: hidden;
				border: 1px solid #cfcfcf;
				border-bottom: none;
				margin: 0 auto;
			}
				div#slides div.csc-textpic {
					width: 676px;
					height: 313px;
					position: absolute;
				}
				div#slides div.csc-textpic-clear {
					width: 1px;
					height: 1px;
					display: none;
					clear: none;
				}
			div#slider ul {
				background: url(../images/slider-gradient.png) repeat-x;
				width: 676px;
				height: 77px;
				border: 1px solid #cfcfcf;
				margin: 0 auto;
				display: block;
				padding: 10px 0;
			}
				div#slider ul li {
					background: url(../images/slider-caption-backgrounds.png) 0 -76px no-repeat;
					width: 113px;
					height: 56px;
					float: left;
					display: block;
					padding: 10px 18px;
					margin: 0 10px;
				}
					div#slider ul li.active { background-position: 0 0; }
					div#slider ul li:hover { cursor: pointer; }
						div#slider ul li:hover h3 a { color: #da5e27; }
					
		a.slider-button {
			background: url(../images/slider-buttons.png) no-repeat;
			width: 40px;
			height: 40px;
			display: block;
			position: absolute;
			top: 296px;
			cursor: pointer;
		}
			a#slider-prev { left: 15px; }
				a#slider-prev:hover { background-position: 0 -40px; }
				a#slider-prev:active { top: 297px; }
			a#slider-next { right: 15px; background-position: -40px 0; }
				a#slider-next:hover { background-position: -40px -40px; }
				a#slider-next:active { top: 297px; }
	
	div#promotions {
		position: relative;
	}
	
		div.content-featured {
			background: #ececec;
			border: 1px solid #dfdfdf;
			border-top: none;
			padding: 8px 8px 0;
			width: 216px;
			position: absolute;
			height: 274px;
			overflow: hidden;
		}
			div#news {
				left: 20px;
				top: 42px;
			}
			div#event {
				right: 20px;
				top: 42px;
			}
				
		a.featured-button {
			background: url(../images/featured-buttons.jpg) no-repeat;
			width: 260px;
			height: 100px;
			margin: 0 auto 12px;
			display: block;
		}
			a#featured-new:hover { background-position: 0 -100px; }
		
			a#featured-events { background-position: -260px 0; }
			a#featured-events:hover { background-position: -260px -100px; }
		
			a#featured-sermons { background-position: -520px 0; margin-bottom: 0; }
			a#featured-sermons:hover { background-position: -520px -100px; }
			
	div#inside-subnav {
		background: url(../images/slider-background.png) repeat-x;
		width: 180px;
		float: left;
		margin-right: 20px;
	}
		div#inside-breadcrumbs {
			background: #002f65;
			height: 25px;
			padding: 8px 10px 0;
		}
			a#inside-home-button {
				background: url(../images/inside-home-button.png) no-repeat;
				width: 28px;
				height: 13px;
				display: block;
				float: left;
				margin: 1px 7px 0 0;
			}
				a#inside-home-button:hover { background-position: 0 -13px; }
			
	div#inside-right {
		background: #fff;
		width: 592px;
		border-top: 33px solid #002f65;
		float: left;
		padding: 10px 14px 20px;
	}
	
	.one_half, .one_third, .two_third, .one_fourth, .three_fourth {
		float: left;
		margin-right: 4%;
		position: relative;
	}
	.one_half { width: 48%; }
	.one_third { width: 30.66%; }
	.two_third { width:65.32%; }
	.one_fourth { width:22%; }
	.three_fourth { width:74%; }
	.last {
		margin-right: 0px !important;
		clear: right;
	}
	.one_half form, .one_third form, .two_third form, .one_fourth form,.three_fourth form {
		padding: 10px;
		border: none;
		margin-bottom:5px;
	}
	form.no_border {
		padding: 10px;
		border: none;
		margin-bottom:5px;
	}
	.border_right {
		border-right: 1px #d8d8d8 dotted;	
	}
	.border_bottom {
		width: 100%;
		border-bottom: 1px #d8d8d8 dotted;	
		margin-bottom: 5px;
		padding-bottom: 5px;
	}
		


/*---------- Footer */

div#footer {
	background: #042245 url(../images/footer-gradient.png) repeat-x;
	width: 100%;
	min-width: 960px;
}
	div#footer-inner {
		background: url(../images/footer-logo.png) 548px 5px no-repeat;
		width: 820px;
		margin: 0 auto;
		padding: 25px 20px 40px;
	}
		div#footer-inner div {
			float: left;
			margin-right: 22px;
		}

/* End Site Construction ************************************************************************************************************/