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

* { margin: 0; padding: 0; }

a:focus {
-moz-outline-style: none;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}

.clear { clear: both; }
.align-right { text-align: right; }
.align-left { text-align: left; }
.float-left { float: left; margin: 0 10px 5px 0; }
.float-right { float: right; margin: 0 0 5px 10px; }
	
hr { 
	border: none; 
	clear: both; 
	background: url(img/hr-bg.gif) repeat-x 0 0;
	height: 1px;
	margin: 10px 0;
	}
	
	
h2 {
	font-family: Myriad, Myriad Pro, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 14px;
	color: #2E0901;
	margin-bottom: 10px;
	}
h2.orange {
	color:#FF9900;
	}
	
h3 {
	color: #BA5B0F;
	font-size: 12px;
	font-weight: bold;
	}
h3 a {
	color: #BA5B0F;
	text-decoration: none;
	}	
h3 a:hover { text-decoration: underline; }
h3.date { margin-bottom: 10px; }
p {
	color: #2E0901;
	font-size: 12px;
	}

a { color: #E48106; text-decoration: none; }
a:hover { text-decoration: underline; }
			
p.date {
	color: #E48106;
	font-size: 10px;
	}

ul { list-style-type: none; margin-bottom: 15px; }
li {
     padding-bottom: 10px;
     background: url(img/bullet.gif) 0 0 no-repeat;
     padding-left: 16px;
     color: #555;
     font-size: 11px;
     }
li a {
     color: #BA5B0F;
     font-size: 12px;
     }
	
li a.active-list {
     font-weight: bold;
     font-size: 13px;
}
ul li ul { margin-top: 10px; }
	

#container { background: url(img/bg.jpg) 0 0 repeat-x; }
#sub-container { background: url(img/sub-bg.jpg) 0 0 repeat-x }

#wrapper {
	width: 890px;
	margin: 0 auto;
	}

#header {
	height: 104px;
	}
	
	#header h1 {
		float: left;
		width: 226px;
		background: url(img/logo.jpg) 0 0 no-repeat;
		margin: 0;
		padding: 0;
		}
		
		#header h1 a { display: block; width: 226px; height: 104px; }
		#header h1 a span { display: none; }
		
	#headright {
		float: right;
		width: 663px;
		height: 76px; /* 104 
		text-align: right;*/
		padding-top: 28px;
		position: relative;
		}
		
		#headright p, #headright a {
			color: #BA5B0F;
			text-decoration: none;
			text-align: right;
			}
		#headright a:hover { text-decoration: underline; }
		
		#headright p img { margin: 0px; }
		
		
		input#search, input#keywords {
			width: 150px;
			margin: 2px 5px 0 3px;
			}
			
			#headright p a.go-btn {
				background: url(img/go-btn.gif) 0 0 no-repeat;
				margin-top: -3px;
				padding: 3px 10px 4px 10px;
				width: 32px;
				height: 21px;
				text-align: center;
				}
			#headright p a:hover.go-btn { background: url(img/go-btn-hover.gif) 0 0 no-repeat; text-decoration: none; }

                       p#auxnav { float: left; }
                        #headright form { margin: 0; padding: 0; float: right; }
                        #headright form input#keywords { width: 150px; margin: 0px 5px 0 5px; float: left; }
                        #headright form input.submit { margin-top: -3px; padding: 0px 0px 0px 5px; width: 32px; height: 21px; float: left; }
		
		
		#main {
			float: left;
			width: 530px;
			margin-bottom: 20px;
			}
		#sidebar {
			float: right;
			width: 347px;
			margin-bottom: 20px;
			}

		#sub-full {
			background: url(img/sub-full-bg.jpg) 0 0 no-repeat;
			padding: 25px;
			width: 840px; 
			margin-top: 10px;
			margin-bottom: 20px;
clear: both;
			}
		
		#sub-sidebar {
			width: 230px;
			float: left;
			margin-top: 35px;
			margin-bottom: 20px;
			}

                #sub-sidebar img { padding-bottom: 5px; border: 1px solid #fff; }

		#sub-main {
			background: url(img/sub-main-bg.jpg) 0 0 no-repeat;
			width: 584px;
			float: right;
			margin-top: 10px;
			margin-bottom: 20px;
			padding: 25px;
			}
			
			#sub-main img.border {
				padding: 3px;
				border: 1px solid #ccc;
				}
			
			#sub-main p {
				margin-bottom: 10px;
				}
		
	#subnav {
		height: 36px;
		}
	#subnav ul {
		list-style: none;
		display: inline;
		}	
/*.events #subnav { padding-left: 340px; }
.news #subnav { padding-left: 340px; }
.news-and-events #subnav { padding-left: 340px; }
.about-us #subnav { padding-left: 170px; }
*/
	#subnav li {
		margin: 0;
		padding: 0;
		display: inline;
		list-style-type: none;
		}
	#subnav li a {
		margin-right: 20px;
		float: left;
		height: 36px;
		line-height: 36px;
		text-decoration: none;
		color: #F3E093;
/*		padding-left: 10px;
		background: url(img/arrow.gif) left center no-repeat; */
		}
	#subnav li a:hover {
		color: #FF9900;
/*		background: url(img/arrow-hover.gif) left center no-repeat; */
		}
	#subnav li a.arrow-active {
		background: url(img/arrow-active.gif) center bottom no-repeat;
		color: #fff;
		}
		
		
#nav {
	position: absolute;
	bottom: 0px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 31px;
	display: inline;
	overflow: hidden;
	width: 663px;
	}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	margin-right: 1px;
	color: #BA5B0F;
	text-decoration: none;
	text-align: center;
	float: left;
	height:31px;
	line-height: 31px;
	}
	
#nav a:hover {
	background-position: 0 -31px;
	color: #2E0901;
	text-decoration:none;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -62px;
	color: #FFFFFF;
	}

	#tab-66 a { width: 66px; background: url(img/tab-66.jpg) 0 0 no-repeat; }
	#tab-94 a { width: 94px; background: url(img/tab-94.jpg) 0 0 no-repeat; }
	#tab-101 a { width: 101px; background: url(img/tab-101.jpg) 0 0 no-repeat; }
	#tab-125 a { width: 125px; background: url(img/tab-125.jpg) 0 0 no-repeat; }
	#tab-140 a { width: 140px; background: url(img/tab-140.jpg) 0 0 no-repeat; }
	#tab-148 a { width: 148px; background: url(img/tab-148.jpg) 0 0 no-repeat; }
		
	#topband p { 
		height: 113px;
		color: #fff;
		font-size: 13px;
		}
		
#latest-upcoming {
	background: #FFFFCC;
	padding: 15px 0 15px 15px;
	margin-top: 15px;
	}
	#latest {
		padding: 3px 0;
		float: left;
		width: 499px;
		background: url(img/latest-bg.jpg) top right repeat-y;
		}
	#upcoming {
		padding: 3px 0;
		float: right;
		width: 347px;
		}		
		
		#listen-download {
			float: right;
			margin: 18px 10px 0 0;
			width: 165px;
			}
			
			#listen-download a {
				height: 23px;
				line-height: 23px;
				text-decoration: none;
				text-align: center;
				float: left;
				margin-right: 1px;
				}
			
			#listen-download a:hover {
				background-position: 0 -23px;
				color: #2E0901;
				text-decoration: none;
				}
			
			a#listen-btn { color: #BA5B0F; height: 23px; width: 65px; background: url(img/listen-btn.jpg) 0 0 no-repeat; }
			a#download-btn { color: #BA5B0F; height: 23px; width: 86px; background: url(img/download-btn.jpg) 0 0 no-repeat; }
		
	
	#welcome {
		float: left;
		width: 530px;
		line-height: 135%;
		margin-top: 30px;
		height: 83px;
		}
		#welcome p {
		}
		
	#meetbox {
		float: right;
		width: 317px;
		background: url(img/meet-bg.jpg) 0 0 no-repeat;
		height: 73px;
		margin-top: 10px;
		padding: 15px;
		}
	#meetbox img {
		float: left;
		margin-right: 10px;
		border: 3px solid #fff;
		}
	#meetbox p { font-size: 11px; }
		
		
/* this is the tab craziness */

#tab-thingy {
	margin-top: 10px;
	width: 347px;
	}

ul.tabset {
/*	clear: both; */
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	height: 30px;
/*	background: url('img/tabnav-bg.jpg') repeat-x top left;*/
	list-style-type: none;
	}
ul.tabset li {
	display: block;
	float: left;
	padding:0;
	margin:0;
	}
	
ul.tabset li a {
	float: left;
	list-style-type: none;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: block;
	margin-right: 1px;
	text-decoration: none;
	background: url(img/tab-news.jpg) 0 0 no-repeat;
	width: 94px;
	color: #BA5B0F;	
	}
	
ul.tabset li a:hover { background-position: 0 -30px; color: #2E0901; }
ul.tabset li a.active { background-position: 0 -60px; }
ul.tabset li a.active:hover { color: #BA5B0F; }
	
.tabinner { background: #F3E093; }

#tabs {
	background: #F3E093;
	margin: 0;
	padding: 15px;
	}
	
	#tabs h3 { margin-top: 10px; }

#service-times {
	background: url(img/times-box.jpg) 0 0 no-repeat;
	margin-top: 5px;
	padding: 15px;
	}
#service-times-popup {
        background: url(img/times-box.jpg) 0 0 no-repeat;
        padding: 15px;
        }
	
#ads {
	float: left;
	width: 175px;
	margin-left: 8px;
	}
	
	#ads a img {
		padding: 4px;
		background: #fff;
		border: 1px solid #CCC;
		margin-bottom: 5px;
		}
	#ads a:hover img {
		border: 1px solid #999;
		}
	
#blog-list {
	float: right;
	width: 320px;
	}
	#blog-list h3 { margin-top: 13px; }
	#blog-list p { margin-bottom: 5px; }
	#blog-list p.date { margin-bottom: 5px; }
	
#paginate {
     border-top: 1px dotted #BA5B0F;
     margin-top: 10px;
     padding-top: 10px;
     color: #BA5B0F;
}
	
#footer {
	margin: 20px 0;
	padding: 10px;
	background: url(img/footer-bg.jpg) 0 0 no-repeat;
	clear: both;
	}
	#footer p { 
		float: left;
		color: #BA5B0F;
		font-size: 11px;
		}
	#footer a { 
		float: right;
		font-size: 11px;
		}

/* THIS IS THE ROTATOR STYLE */
#rotator-box {
	background: url(img/flashback.jpg) 0 0 no-repeat;
	padding: 12px 0 0 8px;
	margin-bottom: 15px;
	}

#rotator {
	cursor: pointer;
	overflow: hidden;
	position: relative;
	width: 513px;
	height: 222px;
}

#rotator img {
	border: 0;
	cursor: pointer;
	width: 513px;
	height: 222px;
}
	

/* Sermon Styles */

table {
  border-collapse: collapse;
}
th {
  text-align: left;
  padding-left: .5em;
  padding-right: .5em;
  border-bottom: 3px solid #ccc;
}
th.active img {
  display: inline;
}
tr.even, tr.odd {
  border-bottom: 1px solid #e8e8e8;
  padding: 0.1em 0.6em;
}
tr.even {
  background-color: #ffffff;
}
tr.odd {
  background-color: #f9f9f9;
}
tr.even td.active {
  background-color: #eeffff;
}
tr.odd td.active {
  background-color: #e8fafa;
}
td {
  padding: .5em;
font-size: 11px;
}

.form-item {
  margin-top: 1em;
  margin-bottom: 1em;
}
tr.odd .form-item, tr.even .form-item {
  margin-top: 0;
  margin-bottom: 0;
  white-space: nowrap;
}
.form-item input.error, .form-item textarea.error, .form-item select.error {
  border: 2px solid red;
}
.form-item .description {
  font-size: 0.85em;
}
.form-item label {
  display: block;
  font-weight: bold;
}
.form-item label.option {
  display: inline;
  font-weight: normal;
}