﻿* {
	margin: 0;
	padding: 0;
}

body {
	background: #002035 url(images/background.jpg) no-repeat top center;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px;
}

a, a img {
	outline: none;
	border: none;
	cursor: pointer;
}

#sidebar a.itunes {
	background: url(images/podcast.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	width: 210px;
	height: 137px;
	margin-left: 20px;
}

/***HEADER***/

#header {
	margin-bottom: 10px;
}

#header #top_info_bar {
	float: right;
	width: 392px;
	height: 50px;
	background: url(images/infobg.png) no-repeat top center;
	font-size: 17px;
	text-align: center;
	padding-top: 10px;
}

#top_info_bar p a {
	background: url(images/circle.gif) no-repeat 0 7px;
	padding-left: 13px;
	color: #fff;
	text-decoration: none;
	margin-left: 3px
}

	/***NAV WRAPPER***/
	
	#nav_wrapper {
		font-family: Arial, Helvetica, sans-serif;
	}
	
	#church_title {
		width: 87px;
		float: left;
		margin-right: 10px;
	}
	
	#nav {
		width: 838px;
		float: left;
	}
	
	#nav h3 {
		font-size: 47px;
		text-shadow: 1px 2px 20px #000;
	}
	
	#nav ul {
		font-size: 19px;
		text-transform: uppercase;
		text-shadow: 1px 2px 10px #000;	
	}

	#nav ul li.first {
		marging-left: 0;
	}
	
	#nav ul li.last {
		margin-right: 0;
	}
	
	#nav ul li {
		list-style: none;
		float: left;
		display: block;
		margin-right: 38px;
	}
			
	#nav ul li a {
		color: #fff;
		text-decoration: none;
	}
		
		/***LEVEL ONE***/
		#nav ul.dropdown { 
			position: relative;
		}
		
		#nav ul.dropdown li { 
			float: left; 
			zoom: 1; 
			padding: 0 5px;
		}
		
		#nav ul.dropdown ul li {
			padding-top: 6px;
		}
		
		#nav ul.dropdown li a { 
			display: block; 
		}
		
		#nav ul.dropdown li:hover { 
			position: relative; 
		}
		
		
		/***LEVEL TWO***/
		
		#nav ul.dropdown ul { 
			visibility: hidden; 
			position: absolute; 
			top: 100%; 
			left: 0; 
			z-index: 9999;
		}
		
		#nav ul.dropdown ul li { 
			float: none; 
			z-index: 9999;
			background-color: #002035;
		}
											  
		                                    /* IE 6 & 7 Needs Inline Block */
		#nav ul.dropdown ul li a { 
			border-right: none; 
			width: 220px; 
			display: inline-block; 
		} 
		
		/***LEVEL THREE***/
		
		#nav ul.dropdown ul ul 	{ 
			left: 100%; 
			top: 0; 
		}
		
		#nav ul.dropdown li:hover > ul { 
			visibility: visible; 
		}
	
/***SLIDESHOW***/

#slideshow { 
	height: 344px;
	width: 920px; 
}

#slideshow img a {
	text-align: center;
}

#slideshow_wrapper {
	height: 344px;
	width: 920px; 
	padding:10px;
	background: #fff;
	margin: auto;
}



/***CONTENT***/

#content_wrapper, #slideshow {
	position: static !important;
}

#content {
	background: #fff;
	color: #002035;
	margin-top: 10px;
}

	/***LEFTSIDE***/
	
	#left_side {
		width: 660px;
		padding: 10px 0;
	}
	
	#left_side h3 {
		font-size: 35px;
		margin-bottom: 15px;
	}
	
	#left_side p {
		margin-bottom: 10px;
	}
	
	#left_side h4 {
		font-size: 17px;
		margin-bottom: 10px;
	}
	
	#left_side p img {
		float: left;
		padding: 0 5px 5px 0;
	}
	
	#left_side ul {
		margin-left: 20px;
		margin-bottom: 20px;
	}
	
	#left_side ul li {
		padding-bottom: 5px;
	}

	/***SIDEBAR***/
	
	#sidebar {
		width: 210px;
		padding-top: 10px;
		height: 100%;
		border-left: 1px solid #d1dbe1;
	}

/***CONNECT BUTTONS***/
#location_button a, #whattoexpect_button a, #ccckids_button a {
	width: 300px;
	height: 178px;
	text-indent: -9999px;
	display: block;
	margin-top: 10px;
}

#location_button a {
	background: url(images/locationbg.png) no-repeat;
}

#whattoexpect_button a {
	background: url(images/whattoexpectbg.png) no-repeat;
}

#ccckids_button a {
	background: url(images/cccbg.png) no-repeat;
}

/***FOOTER WRAPPER***/

#footer_wrapper {
	margin-top: 10px;
	padding: 10px 0 50px;
	border-top: 1px solid #0d466c;
	font-size: 17px;
}

	/***SOCIAL NETWORKING ***/
	
	#social_networking a.facebook_button {
		width: 137px;
		height: 28px;
		background: url(images/facebook.png) no-repeat;
		display: block;
		text-indent: -9999px;
		float: left;
	}
	
	#social_networking a.twitter_button {
		width: 137px;
		height: 27px;
		background: url(images/twitter.png) no-repeat;
		display: block;
		text-indent: -9999px;
		float: left;
		margin-left: 20px;
	}
	
	/***COPYRIGHT AREA***/
	
	#copyright_area {
		float: right;
	}