@charset "utf-8";
/* CSS Document */
body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: #000 url(images/background.jpg) no-repeat top center;
	color: #333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 20px;
}
* {
	margin: 0;
	padding: 0;
}

a {
	color: #0099CC;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

p, h4, h3, h2, blockquote, hr { margin-bottom: 15px; }

blockquote {
	margin: 0 0 20px 30px;
	font-size: 16px;
	font-style: italic;
	line-height: 24px;
	border-bottom: 1px dashed #ccc;
	border-top: 1px dashed #ccc;
	padding: 10px;
}
ul.vertical_list li {
	margin: 0 0 10px 20px;
}

h2 { 
	font-size: 24px;
	line-height: 30px;
}

ol.lettered_list li {
	list-style: upper-alpha;
	margin-left: 40px;
	margin-bottom: 15px;
}
ol.numbered_list li {
	list-style: decimal;
	margin-left: 40px;
	margin-bottom: 15px;
}

small {
	margin: 0 0 15px 20px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	line-height: 14px;
}


/* Error Styles */
#notice {
	border: 2px solid #5b2d2d;
	color:#5B2D2D;
	background-color:#ceadad;
	margin: 0 0 10px 0;
	padding: 5px;
	text-align:left;
}

#nice_notice {
	border: 2px solid #4b5d41;
	color:#4B5D41;
	background-color:#c5d4bd;
	margin: 0 0 18px 0;
	padding: 7px;
	text-align:left;
}


/* Layout Styles */

#container {
	width: 888px;
	margin: 0 auto;
	text-align: left;
}

	#header {
		width: 687px;
		height: 230px;
		position: relative;
	}
	
		#header h1 {
			position: absolute;
			width: 436px;
			height: 124px;
			left: 80px;
			top: 71px;
		}
			#header h1 a {
				text-indent: -9999px;
				width: 436px;
				height: 128px;
				background: url(images/providence_web7_12.gif);
				display: block;
			}
		#header h2 {
			display: none; 
		}
		
		#header ul {
			position: absolute;
			top: 0;
			left: 4px;
			width: 687px;
			height: 41px;
		}
			#header ul li {
				height: 41px;
				float: left;
				list-style: none;
			}
				#header ul li a {
					text-indent: -9999px;
					display: block;
					height: 41px;
				}
				
				#header ul li.home a { background: url(images/providence_web7_nav_01.gif); width: 82px; }
				#header ul li.home a:hover { background: url(images/providence_web7_nav_01.gif) 0 -41px; }
				
				#header ul li.about a { background: url(images/providence_web7_nav_02.gif); width: 158px; }
				#header ul li.about a:hover { background: url(images/providence_web7_nav_02.gif) 0 -41px; }
				
				#header ul li.studies a { background: url(images/providence_web7_nav_03.gif); width: 84px; }
				#header ul li.studies a:hover { background: url(images/providence_web7_nav_03.gif) 0 -41px; }
				
				#header ul li.audio a { background: url(images/providence_web7_nav_04.gif); width: 76px; }
				#header ul li.audio a:hover { background: url(images/providence_web7_nav_04.gif) 0 -41px; }
				
				#header ul li.events a { background: url(images/providence_web7_nav_05.gif); width: 83px; }
				#header ul li.events a:hover { background: url(images/providence_web7_nav_05.gif) 0 -41px; }
				
				#header ul li.location a { background: url(images/providence_web7_nav_06.gif); width: 92px; }
				#header ul li.location a:hover { background: url(images/providence_web7_nav_06.gif) 0 -41px; }
				
				#header ul li.contact a { background: url(images/providence_web7_nav_07.gif); width: 112px; }
				#header ul li.contact a:hover { background: url(images/providence_web7_nav_07.gif) 0 -41px; }
				
	#content {
		position: relative;
		margin-left: -4px;
	}
	
		#content #column_one {
			width: 639px;
		}
			#content #column_one #column_one_header {
				background: url(images/providence_web7_23.jpg);
				width: 639px;
				height: 14px;
			}
			
			#content #column_one #column_one_content {
				background: #fff;
				margin: 0 7px 0 7px;
				padding: 10px 20px 20px 20px;
				min-height: 650px;
			}
			
			#content #column_one #column_one_content h2.title {
				text-indent: -9999px;
				height: 52px;
				width: 589px;
			}
			
			#content #column_one #column_one_content h2#title_about { background: url(images/titles/about.gif); }
			#content #column_one #column_one_content h2#title_studies { background: url(images/titles/studies.gif); }
			#content #column_one #column_one_content h2#title_location { background: url(images/titles/location.gif); }
			#content #column_one #column_one_content h2#title_events { background: url(images/titles/events.gif); }
			#content #column_one #column_one_content h2#title_contact { background: url(images/titles/contact.gif); }
			#content #column_one #column_one_content h2#title_audio { background: url(images/titles/audio.gif); }
			
			#content #column_one #column_one_content h2#title_pastor_reading { background: url(images/titles/reading.gif); }
			#content #column_one #column_one_content h2#title_pastor_hero { background: url(images/titles/heroes.gif); }
			#content #column_one #column_one_content h2#title_pastor_links { background: url(images/titles/links.gif); }
			#content #column_one #column_one_content h2#title_pastor_contact { background: url(images/titles/contact_pastor.gif); }
			#content #column_one #column_one_content h2#title_pastor_about { background: url(images/titles/about_mike.gif); }
			
			#content #column_one #column_one_content h2#title_action { 
				background: url(images/action.jpg); 
				width: 45px;
				height: 330px;
				text-indent: -9999px;
				position: absolute;
				top: 24px;
				left: 30px;
				z-index: 100;
			}
			
			#content #column_one #column_one_content div#home_video {
				width: 539px;
				height: 330px;
				margin-left: -37px;
			}
			
			div.home_column_one div, div.home_column_two div {
				padding: 0 10px 30px 10px;
			}
			
			#content #column_one #column_one_content div.home_top {
				margin: 0 0 20px 85px;
			}
			
			#content #column_one #column_one_content div.home_column_one {
				float: left;
				width: 276px;
				background: #eef1f7;
			}
			
				#content #column_one #column_one_content div.home_column_one h2#title_video { 
					background: url(images/home_01.jpg);
					text-indent: -9999px;
					width: 276px;
					height: 67px;
					margin-bottom: 0;
				}
			
			#content #column_one #column_one_content div.home_column_two {
				float: right;
				width: 276px;
				background: #f7f8df;
			}
			
				#content #column_one #column_one_content div.home_column_two h2#title_order { 
					background: url(images/home_03.jpg);
					text-indent: -9999px;
					width: 276px;
					height: 67px;
					margin-bottom: 0;
				}
			
			
			
			
			
			#content #column_one #column_one_footer {
				background: url(images/providence_web7_43.gif);
				width: 639px;
				height: 24px;
			}
			
		#content #column_two {
			width: 241px;
			color: #fff;
			position: absolute;
			top: -158px;
			left: 646px;
		}
			#content #column_two h2#title_worship_times {
				background: url(images/providence_web7_15.gif);
				width: 159px;
				height: 18px;
				text-indent: -9999px;
				position: absolute;
				top: 22px;
				left: 41px;
			}
			
			#content #column_two div#worship_times {
				background: url(images/providence_web7_19.gif);
				/* background: url(images/providence_times.gif); */
				width: 211px;
				height: 114px;
				text-indent: -9999px;
				position: absolute;
				top: 57px;
				left: 16px;
			}
			
			#content #column_two h2#title_five_solas {
				background: url(images/providence_web7_27.gif);
				width: 211px;
				height: 101px;
				text-indent: -9999px;
				position: absolute;
				top: 190px;
				left: 16px;
			}
			
			#content #column_two ul#five_solas {
				width: 211px;
				height: 150px;
				position: absolute;
				top: 291px;
				left: 16px;
			}
			
				#content #column_two ul#five_solas li {
					list-style: none;
				}
					#content #column_two ul#five_solas li a {
						display: block;
						text-indent: -9999px;
						width: 211px;
						height: 30px;
					}
					
					#content #column_two ul#five_solas li.soli_deo a { background: url(images/providence_web7_28.gif); }
					#content #column_two ul#five_solas li.sola_fide a { background: url(images/providence_web7_29.gif); }
					#content #column_two ul#five_solas li.sola_gratia a { background: url(images/providence_web7_30.gif); }
					#content #column_two ul#five_solas li.solus_christus a { background: url(images/providence_web7_31.gif); }
					#content #column_two ul#five_solas li.sola_scriptura a { background: url(images/providence_web7_32.gif); }
					
			#content #column_two #podcast_button {
				position: absolute;
				top: 463px;
				left: 16px;
				width: 213px;
				height: 44px;
			}
				#content #column_two #podcast_button a {
					display: block;
					background: url(images/providence_web7_35.jpg);
					text-indent: -9999px;
					width: 213px;
					height: 44px;
				}
				
		#content #column_two p {
			display: block;
			position: absolute;
			top: 513px;
			padding: 16px;
			color: #aecb5e;
			line-height: 24px;
		}
		
	#footer {
		position: relative;
		height: 150px;
		color:#666;
	}
	#footer a { color: #fff; }
		#footer #footer_nav {
			position: absolute;
			top: 20px;
			left: 0;
		}
		
		#footer #footer_info {
			position: absolute;
			top: 60px;
			left: 400px;
		}
		
		#footer #footer_nav li, #footer #footer_info li {
			list-style: none;
			margin-right: 20px;
			float: left;
		}
		
/* About Styles */

div#pastor_block {
	float: left;
	width: 151px;
	height: 420px;
	margin: 0 20px 10px 0;
	background: url(images/pastor_back.jpg) repeat-x #423c2f;
	color: #999;
	padding: 12px;
}
div#pastor_block h3 { text-indent: -9999px; background: url(images/our_pastor.jpg); width: 125px; height: 25px; margin: 0 0 5px 12px; }
	
div#pastor_block li {
	list-style: none;
	margin-bottom: 5px;
}
div#pastor_block a { color: #FFFF66; }				


/* Studies Styles */

ul#studies_nav {
	height: 108px;
	border-bottom: 2px solid #333;
	margin-bottom: 15px;
}
	ul#studies_nav li {
		list-style: none;
		float: left;
		margin-right: 13px;
	}
	ul#studies_nav li.studies_creed { margin-right: 0; }
		ul#studies_nav li a {
			display: block;
			width: 186px;
			height: 108px;
			text-indent: -9999px;
		}
		
		ul#studies_nav li.studies_basic a { background: url(images/studies_icons_01.jpg); }
		ul#studies_nav li.studies_prayer a { background: url(images/studies_icons_03.jpg); }
		ul#studies_nav li.studies_creed a { background: url(images/studies_icons_05.jpg); }
		
ul.study_list li {
	list-style: none;
	margin-bottom: 15px;
	margin-left: 20px;
	padding-left: 25px;
	background: url(images/study_list_back.gif) no-repeat 0 5px;
	font-size: 16px;
}

/*Audio Styles */

ul#audio_nav {
	height: 108px;
	border-bottom: 2px solid #333;
	margin-bottom: 15px;
}
	ul#audio_nav li {
		list-style: none;
		float: left;
		margin-right: 13px;
	}
	ul#audio_nav li.podcast_audio { margin-right: 0; }
		ul#audio_nav li a {
			display: block;
			width: 186px;
			height: 108px;
			text-indent: -9999px;
		}
		
		ul#audio_nav li.recent_audio a { background: url(images/audio_icons_01.jpg); }
		ul#audio_nav li.archived_audio a { background: url(images/audio_icons_03.jpg); }
		ul#audio_nav li.podcast_audio a { background: url(images/audio_icons_05.jpg); }
		
div.audio_embed {
	padding: 20px;
	margin: 20px 0 0 0;
	background: #eee;
	border: 1px dashed #ccc;
}
		
/* Location Styles */

div.location_column_one {
	float: left;
	width: 250px;
}
div.location_column_two {
	float: right;
	width: 310px;
}
div.location_column_three {
	clear: both;
}

/* Contact Styles */

div.contact_form {
	float: left;
	width: 350px;
	height: 500px;
}

div.contact_info_box {
	float: right;
	width: 200px;
}

dl.form{ width: 100%; margin-left: 0; }
dl.form dt { float: left; margin-right: 18px; width: 120px; border-bottom: 1px solid #666; font-weight: bold; }
dl.form dd { margin: 0 0 18px 0; }


/* jQuery Styles */

 #s3slider {
   width: 498px; /* important to be same as image width */
   height: 369px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 498px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

#content li.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   list-style: none;
   margin-left: 0;
   
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: normal 12px "Trebuchet MS", Arial;
   padding: 10px 13px;
   width: 250px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
.s3sliderImage span.top {
	top: 0;
	left: 0;
}
.s3sliderImage span.bottom {
	bottom: 0;
    left: 0;
}
.s3sliderImage span.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 363px;
}
.s3sliderImage span.right {
	left: 556px;
	bottom: 0;
	width: 200px !important;
	height: 35px;
	display: none;
}

.clear {
   clear: both;
}


/* Audio Archive */

div.Accordion td {
	border-bottom: 1px solid #ccc; 
	border-right: 1px solid #ccc;
	padding: 5px;
}
	tr.table_header {
		
		background: #C0E498;
		font-weight: bold;
	}
		tr.table_header td {
			border-bottom: 1px solid #666;
		}
		
div.podcasts li {
	list-style: none;
	margin-left: 30px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 15px;
}