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

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

#ie6-upgrade{
	display:none;
}

body{
	font-family:Helvetica, Arial, sans-serif;
}

img{
	border:none;
}

a{
	outline:none;
}

a:link, a:visited{
	color:#afd70d;
	text-decoration:none;
}

a:active, a:hover{
	color:#000;
	text-decoration:none;
}

a.white-link:link, a.white-link:visited{
	color:#fff !important;
	text-decoration:none;
}

a.white-link:active, a.white-link:hover{
	color:#afd70d !important;
	text-decoration:none;
}

#spam{
	display:none;
}

.clear{
	clear:both;
}

.post-center{
	background:#f1f1f1;
	padding:20px 20px 20px 0px;
	margin-bottom:20px;
}

.post-center form{
	margin:0px auto;
}

.post-center form p{
	margin-bottom:0px !important;
}	

.alignleft{
	float:left;
	margin-right:20px;
}

.alignright{
	float:right;
	margin-left:20px;
}

.aligncenter{
	display:block;
	margin:0px auto 20px auto;
}

.black-heading{
	font-size:18px !important;
	background:#000;
	padding:12px 12px 7px 12px;
	color:#fff !important;
	font-weight:normal !important;
	margin-bottom:20px !important;
}
.post .black-heading{
	font-size:18px !important;
	background:#000;
	padding:12px 12px 7px 12px;
	color:#fff !important;
	font-weight:normal !important;
	margin-bottom:10px !important;
}

	.black-heading a:active, .black-heading a:hover{
		color:#FFF;
	}

#container{
	width:940px;
	margin:0px auto;
}

#utility-nav-contain{
	background:#000;
}

.utility-nav{
	width:938px;
	margin:0px auto;
	text-align:right;
	padding-top:10px;
	padding-bottom:8px;
	font-size:12px;
}

	.utility-nav a{
		margin-left:10px;
	}
	
		.utility-nav div a{
			margin-left:0px;
		}
	
	.utility-nav p{
		margin-bottom:8px;
	}
	
	.utility-nav p.last{
		margin-bottom:4px;
	}
	
	.utility-nav li{
		margin-bottom:4px;
	}
	
	.utility-nav a:active, .utility-nav a:hover{
		color:#fff;
		text-decoration:none;
	}
	
	.utility-nav div a:active, .utility-nav div a:hover{
		color:#000;
		text-decoration:none;
	}
	
	.div-one, .div-two, .div-three, .div-four{
		background:#fff;
		width:289px;
		margin:0px 0px 10px 637px;
		padding:8px 5px 1px 8px;
		text-align:left;
	}
			
#home-link{
	background:url(images/logo.jpg) no-repeat;
	width:221px;
	height:156px;
	display:block;
	float:left;
}

#searchform{
	float:right;
	width:301px;
	margin-top:66px;
}

	#searchform input#s{
		width:256px;
		height:23px;
		padding:9px 0px 0px 4px;
		border:1px solid #000;
		display:block;
		float:left;
		color:#afd70d;
		font-weight:bold;
	}

	#searchform input#searchsubmit{
		width:40px;
		height:34px;
		background:url(images/search-btn.jpg) no-repeat;
		cursor:pointer;
		border:none;
		display:block;
	}

#directions-services{
	width:356px;
	margin-left:221px;
	padding-top:72px;
}

	#directions-services li{
		list-style-type:none;
		float:left;
		font-size:24px;
		font-weight:bold;
		margin-left:20px;
	}
	
	#directions-services li#first{
		margin-left:47px;
	}
	
#nav-contain{
	background:#000;
}
	
#nav{
	font-size:16px;
	font-weight:bold;
	padding:10px 10px 8px 10px;
}

	#nav a:active, #nav a:hover{
		color:#fff;
		text-decoration:none;
	}
	
	#nav li{
		list-style-type:none;
		display:inline;
		margin-right:10px;
		margin-bottom:10px;
	}

	#facebook-nav{
		float:right;
		padding: 7px 43px 0 0;
		position:relative;
		width:50px;
	}

#leftcol{
	width:620px;
	float:left;
	margin-top:24px;
	padding-right:20px;
	font-size:14px;
}

	#leftcol h1{
		color:#afd70d;
		font-size:28px;
		font-weight:normal;
		margin-bottom:16px;
	}
	
	#leftcol h2{
		color:#afd70d;
		font-size:20px;
		font-weight:normal;
		margin-bottom:20px;
	}
	
	#leftcol h3{
		color:#afd70d;
		font-size:16px;
		font-weight:normal;
		margin-bottom:20px;
	}

	#leftcol p{
		margin-bottom:20px;
		line-height:20px;
	}

	#leftcol p.dateandtime{
		color:#afd70d;
		margin-bottom:6px;
	}

	#leftcol ul{
		padding-bottom:10px;
	}

	#leftcol li{
		margin:0px 0px 10px 26px;
	}

	#leftcol img{
		border:3px solid #000;
	}
	
	.podcast-download{
		margin-top:20px;
		padding:1px 5px 0px 0px;
		font-size:12px !important;
		background:#afd70d;
		width:231px;
	}
	
		.podcast-download a{
			background:#000;
			padding:5px 5px 3px 5px;
		}
		
		.podcast-download a:active, .podcast-download a:hover{
			color:#fff;
		}
		
	#giving-form input{
		display:block;
	}
	
	div.navigation{
		margin:20px 0px;
	}
	
		div.navigation a{
			background:#000;
			padding:6px 6px 3px 6px;
		}
		
		div.navigation a:active, div.navigation a:hover{
			color:#FFF;
		}
				
	#leftcol form{
		width:320px;
	}
		
	#leftcol input{
		width:310px;
		border:3px solid #000;
		padding:6px 6px 4px 6px;
		margin:5px 0px 10px 0px;
		color:#afd70d;
	}
	
	#leftcol input#Submit{
		width:100px;
		background:#fff;
		border:3px solid #000;
		padding:6px 6px 4px 6px;
		margin:5px 0px 10px 0px;
		color:#afd70d;
	}
	
	#leftcol input#visiting, #leftcol input#ready, #leftcol input#commit, #leftcol input#explore{
		width:12px;
		height:12px;
		margin-right:10px;
		border:none !important;
	}
	
	#leftcol select{
		width:310px;
		border:3px solid #000;
		padding:6px 6px 0px 6px;
		margin:5px 0px 10px 0px;
		color:#afd70d;
	}
	
	#leftcol option{
		padding:6px 6px 1px 6px;
	}
	
	#leftcol textarea{
		width:310px;
		border:3px solid #000;
		padding:6px 6px 4px 6px;
		margin:5px 0px 10px 0px;
		color:#afd70d;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	
	#giving-form input.hidden{
		border:none !important;
		padding:0px !important;
		margin:0px !important;
	}
	
	#giving-form input#submit{
		border:none !important;
		padding:0px !important;
	}
		
	.heading-underline{
		border-bottom:1px dotted #000;
		padding-bottom:13px; 
	}	
		
	#volunteer-link{
		background:url(images/volunteer-link.jpg) no-repeat;
		width:300px;
		height:60px;
		display:block;
	}	
	
	.twitter-share-button{
		float:left;
		margin:-1px 10px 0 0;
	}
	
	.fb-share{
		display:block;
		margin-bottom:20px;
	}
		
#rightcol{
	width:300px;
	float:left;
	margin-top:24px;
	font-size:14px;
}

	#media-sidebar-contain{
		padding-top:45px;
		float:left;
		width:300px;
	}	
	
		#media-sidebar-contain #rightcol{
			float:none !important;
		}

	#rightcol h2{
		font-weight:normal;
		margin-bottom:18px;
		color:#afd70d;
		font-size:26px;
	}

	#rightcol h3{
		font-weight:normal;
		margin-bottom:18px;
		color:#afd70d;
		font-size:20px;
	}

	#featured-graphic{
		background:url(images/transparent-bg.png);
		padding:10px 0px 1px 0px;
		margin-bottom:20px;
	}
	
		#rightcol #featured-graphic p{
			margin:0px !important;
			padding:0px !important;
		}
		
		#rightcol #featured-graphic img{
			display:block;
			margin:0px 10px 10px 10px;
		}
		
		#rightcol ul#featured-graphic li{
			list-style-image:none !important;
			list-style-type:none;
			margin:0px;
			border:none;
			padding-bottom:0px !important;
		}
	
	#thirty-days{
		background:url(images/30-days.jpg) no-repeat;
		border:1px solid #000;
		width:278px;
		height:123px;
		margin:0px 10px;
	}
	
	#rightcol ul{
		margin-bottom:20px;
	}
	
	#rightcol li{
		border-bottom:1px dotted #000;
		list-style-image:url(images/list-icon.png);
		margin-left:20px;
		margin-top:7px;
		padding-bottom:7px;
	}
	
	#rightcol .links li{
		border:none;
		list-style-type:none;	
		list-style-image:none;
		margin:0px;
		padding:0px;
	}
	
		#rightcol .links li ul li{
			border-bottom:1px dotted #000;
			list-style-image:url(images/list-icon.png);
			margin-left:20px;
			margin-top:7px;
			padding-bottom:7px;
		}
	
	#rightcol p{
		margin-bottom:20px;
		line-height:20px;
	}

	#sermon-archive-heading{
		margin-top:5px;
	}
	
	#sermon-archive-contain p{
		border-bottom:1px dotted #000;
		padding-bottom:10px;
		margin-bottom:10px;
		line-height:18px;
	}
	
	.see-all-link{
		background:url(images/arrow-link.jpg) no-repeat;
		padding-left:15px;
		margin:20px 0px;
		display:block;
	}
		
/*********** three col *************/

h1#threecol{
	color:#afd70d;
	font-size:28px;
	font-weight:normal;
	margin:20px 0px 16px 0px;
}

#three-leftcol{
	width:300px;
	float:left;
	padding-right:20px;
	font-size:14px;
}

	#three-leftcol h1{
		color:#afd70d;
		font-size:28px;
		font-weight:normal;
		margin-bottom:16px;
	}
	
	#three-leftcol h2{
		color:#afd70d;
		font-size:20px;
		font-weight:normal;
		margin-bottom:20px;
	}
	
	#three-leftcol h3{
		color:#afd70d;
		font-size:16px;
		font-weight:normal;
		margin-bottom:20px;
	}

	#three-leftcol p{
		margin-bottom:20px;
		line-height:20px;
	}

	#three-leftcol img{
		border:3px solid #000;
	}
	
	#three-leftcol .see-all-link{
		background:url(images/arrow-link.jpg) 0px 20px no-repeat;
		border-top:1px dotted #000;
		padding-top:20px;
	}
	
#three-rightcol{
	width:300px;
	float:right;
	font-size:14px;
}

	#three-rightcol h2{
		font-weight:normal;
		margin-bottom:20px;
		color:#afd70d;
		font-size:26px;
	}

	#three-rightcol h3{
		font-weight:normal;
		margin-bottom:18px;
		color:#afd70d;
		font-size:16px;
	}
	
	#thirty-days{
		background:url(images/30-days.jpg) no-repeat;
		border:1px solid #000;
		width:278px;
		height:123px;
		margin:0px 10px;
	}
	
	#three-rightcol ul{
		margin-bottom:20px;
	}
	
	#three-rightcol li{
		border-bottom:1px dotted #000;
		list-style-image:url(images/list-icon.png);
		margin-left:20px;
		margin-top:7px;
		padding-bottom:7px;
	}
	
	#three-rightcol p{
		margin-bottom:20px;
		line-height:20px;
	}

	#sermon-archive-heading{
		margin-top:5px;
	}
	
	#sermon-archive-contain p{
		border-bottom:1px dotted #000;
		padding-bottom:10px;
		margin-bottom:10px;
		line-height:18px;
	}
	
	#three-rightcol .see-all-link{
		background:url(images/arrow-link.jpg) 0px 20px no-repeat;
		padding-left:15px;
		margin:20px 0px;
		padding-top:20px;
		display:block;
		border-top:1px dotted #000;
	}
	
#three-middlecol{
	width:300px;
	margin-left:320px;
	font-size:14px;
}

	#three-middlecol h2{
		font-weight:normal;
		margin-bottom:20px;
		color:#afd70d;
		font-size:26px;
	}

	#three-middlecol h3{
		color:#afd70d;
		font-size:16px;
		font-weight:normal;
		margin-bottom:20px;
	}
	
	#thirty-days{
		background:url(images/30-days.jpg) no-repeat;
		border:1px solid #000;
		width:278px;
		height:123px;
		margin:0px 10px;
	}
	
	#three-middlecol ul{
		margin-bottom:20px;
	}
	
	#three-middlecol li{
		border-bottom:1px dotted #000;
		list-style-image:url(images/list-icon.png);
		margin-left:20px;
		margin-top:7px;
		padding-bottom:7px;
	}
	
	#three-middlecol p{
		margin-bottom:20px;
		line-height:20px;
	}
	
	#three-middlecol .see-all-link{
		background:url(images/arrow-link.jpg) 0px 20px no-repeat;
		border-top:1px dotted #000;
		padding-top:20px;
	}
	
#footer{
	border-top:1px dotted #000;
	margin-bottom:20px;
	padding-top:20px;
	font-size:12px;
}

/* FEATURED CONTENT SLIDER STYLES */

#wrapper{
	margin-bottom:20px;
}

#slider {
margin: 0 auto;
position: relative;
}

.scroll {
overflow: auto;
overflow-x: hidden;
position: relative;
}

.scrollContainer div.panel {
}

.format_text.featured_media{
margin-right: 1em;
float: left;
}

.format_text.featured_media a img{
width: 15em;
height: 12em;
}

.format_text.featured_text{
font-size: 1em;
float: left;
width: 35.5em;
}

.format_text.featured_text div.format_text.entry-content p{
margin-bottom: 0;
padding-bottom: 0;
}



#shade {
height: 9em;
width:940px;
position:absolute;
top:0px;
left:0px;
width:
}

#shade.tall-shade {
background: #000;
height: 12em;
border-top: 1px solid #333;
}

/**

ul.navigation {
list-style: none;
margin: 0;
padding: 0;
padding-bottom: 0.9em;
}

ul.navigation li {
display: inline;
margin-right: 0.8em;
}

ul.navigation a {
color: #000;
text-decoration: none;
float: left;
font-size: 1.25em;
}

ul.navigation a:hover {
background: url(images/arrow_down.png) no-repeat 50% 0%;

}

ul.navigation a.selected {
background: url(images/arrow_down.png) no-repeat 50% 0%;
}

ul.navigation a:focus {
outline: none;
}

**/

.scrollButtons {
position: absolute;
top: 130px;
cursor: pointer;
}

.scrollButtons.left {
left: -13px;
z-index: 100;
display: none;
visibility: hidden;
}

.scrollButtons.right {
right: -13px;
z-index: 101;
display: none;
visibility: hidden;
}

.hide {
display: none;
}

span.thumbtitle{
display: block;
font-size: 1.3em;
text-align: center;
display:none;
}

img.scroller-thumb{
width: 280px;
height: 140px;
}

img.scroller-thumb-big{
padding: 0.3em 0.4em;
border: 0.1em solid #2b2b2b;
}

a.selected img.scroller-thumb{
}

/** vertical carousel **/

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 280px;
    height: 140px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango{
	width:300px;
	margin-left:640px;
}

.jcarousel-skin-tango .jcarousel-container {
    background:url(images/transparent-bg.png);
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 280px;
    height: 440px;
    padding: 30px 10px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  280px;
    height: 440px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 280px;
    height: 140px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 1px;
    left: 10px;
    width: 280px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 3px;
    left: 10px;
    width: 280px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}