@charset "UTF-8";

html,body { padding:0px; margin:0px; font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF; font-size: 12px;  }
h1 { font-size: 14px; font-weight: bold; color: #FFFFFF; padding: 4px 15px; margin: 0px 0px; }
h2 { font-size: 14px; font-weight: bold; }
h3 { font-size: 12px; }

/* Main Site Styles */

#container { width: 980px; margin: 0px auto; }
#fp_container { width: 780px; margin: 0px auto; }
#header { background-image: url(../images/header.png); background-repeat: none; height: 160px; padding: 0px 0px 1px 0px; border-bottom: 2px solid #688033; }
#nav { background-image: url(../images/bg_nav.png); background-repeat:no-repeat; height:23px;font-size: 14px;  margin: 1px 0px 0px 0px; }
#content { padding: 0px 0px; margin: 1px 0px; }

#fp_contaner #topbar { }
#fp_container #content { clear: both; text-align:center; }

#content .right a{ text-decoration: none; color: #647C32; font-weight: bold; }
#content .right a:hover{ text-decoration: underline; font-weight: bold; }

div#header div#search { display: inline; float: right; position: relative; top: 130px; right: 10px;}

/* Nav Styles */

#nav ul {
	list-style:none;
	white-space:nowrap;
	padding: 3px 0px 0px 30px;
	margin: 0px auto;
}
#nav ul li {
	padding:0px 18px;
	display:block;
	float:left;
	position: relative;
	font-weight: normal;
	background-image: url(../images/splitter.png);
	background-repeat:no-repeat;
	background-position:right;
}

#nav a { color: #FFFFFF; text-decoration: none; font-weight: normal; }
#nav a:hover { color:#C8CD79; }

/* Content Area Styles */
#content .left {
	float: left;
	width: 213px;
}
#content .right {
	margin: 0px 0px 0px 229px;
}

#pageheader { background-image: url(../images/bg_page.png); background-repeat:no-repeat; height:24px; }
#text { padding: 0px 0px 0px 15px; }

/* Sublinks Styles */
#content .sublinks { border-bottom: 2px solid #666666; padding-bottom: 13px; }
#content .sublinks ul { list-style:url(../images/plus.gif); padding: 0px 25px; margin-top: 5px; }
#content .sublinks ul a{ text-decoration: none; color: #666666; }
#content .sublinks ul a:hover{ text-decoration: underline; }

#content .sublinks ul li #subcats { list-style: none; padding: 5px 0px; margin: 0px 1px; }
#content .sublinks ul li #subcats a{ font-size: 11px; color: #748144; text-decoration: none; }
#content .sublinks ul li #subcats a:hover{ color: #666666; text-decoration: none; }

#content .header { color: #647C32; font-weight: bold; font-size: 12px; text-transform:uppercase; }

#footer { clear:both; text-align: right; text-transform: lowercase; font-size: 10px; color:#688033; }
#footer a { color: #688033; text-decoration:none; }
#footer a:hover { text-decoration: underline; }

#photos .text { font-size: 12px; vertical-align: top; }
.image { border: 1px solid #CCCCCC; padding: 1px 1px; }
.highlightit img{ border: 1px solid #CCCCCC; padding: 1px 1px; }
.highlightit:hover img{ border: 1px solid #333366; padding: 1px 1px; }
.highlightit:hover{ color: #333366; border: 0px ; /* Dummy definition to overcome IE bug */ }
.animage { border: 1px solid #333366; padding: 1px 1px; }
.mainhighlightit { border: 1px solid #CCCCCC; padding: 1px 1px; }

/* Label Styles */
label { width: 140px; float:left; margin: 0px 0px 0px 0px; color:#647C32; }

/* Form Styles */
.styling  { height: 15px; width: 140px; border: 1px solid #666666; font-family: Arial, Helvetica, sans-serif; font-size: 10px; vertical-align: middle;padding-left: 2px; }
.stylingarea  { height: 55px; width: 140px; border: 1px solid #666666; font-family: Arial, Helvetica, sans-serif; font-size: 10px; vertical-align: middle;padding-left: 2px; }
div.submit { padding-left:180px; line-height:200%; }
#addComment { display:none; }
/* Table Formatting */
.row1 { background-color: #F0F0F0; font-size: 12px; vertical-align: top; }
.row0 { font-size: 12px; }

/* Sermon Listings */
#sermonlist th, .sermonlist th{ background-color: #666666; color: #FFFFFF; font-weight: bold; text-align: left; font-size: 10px; }
#sermonlist td, .sermonlist td { font-size: 10px; color: #000000; }
#sermonlist .row0, .sermonlist .row0 { background-color: #C0C7CF; }
#sermonlist .row1, .sermonlist .row1 { background-color: #FFFFFF; }
#sermonlist .month, .sermonlist .month{ background-color: #C8CD79; font-size: 14px; color: #FFFFFF; font-weight: bold; padding-left: 10px; }
/* countdown */
.days { width: 185px; height: 121px; background-repeat:no-repeat; margin: 10px auto; }
.alignment { padding: 20px 0px; text-align: center; color: #FFFFFF; font-weight: bold; }
#countdown { font-size: 25px; }

.date { color: #323232; vertical-align:top; font-weight: bold; font-size: 10px; vertical-align: text-bottom; }
.content_box1, .content_box2 { margin: 3px 0px; padding: 5px 10px; font-size: 12px; }
.content_box1 { background-color: #E3E3E3; }
.content_box2 { background-color: #F1F1F1;  }
#NewsTicker{
	/*border:solid 1px #cccccc;*/
	/*background:#eaf5e0;*/
	width:780px;
	height:130px;
	padding: 10px 0px 0px 0px;
	margin:0px auto;
}
	#NewsTicker h1{
		padding:6px; margin:0; border:0;
		/*background:#dfe9d5; */
		color:#000000;
		font-size:11px;
		font-weight:bold;
	}
	#NewsVertical {
	width: 780px;
	height: 110px;
	display: block;
	overflow: hidden;
	position: relative;
	}
	#controller{
	padding:6px;
	font-size:11px;
	color:#666;
	}
	#play_scroll_cont{display:none;}
/* --------------- */
/* Ticker Vertical */
	#TickerVertical {
		width: 800px;
		height: 330px;
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#TickerVertical li {
		display: block;
		width: 380px;
		color: #333333;
		text-align: left;
		font-size: 11px;
		margin: 0;
		padding: 6px;
		float: left;
	}
		#TickerVertical li .NewsTitle{
			display: block;
			color: #000000;
			font-size: 12px;
			font-weight:bold;
			margin-bottom:6px;
		}
		#TickerVertical li .NewsTitle a:link,
		#TickerVertical li .NewsTitle a:Visited {
			display: block;
			color: #000000;
			font-size: 12px;
			font-weight:bold;
			margin-bottom:6px;
			text-decoration:none;
		}
		#TickerVertical li .NewsTitle a:hover {
			text-decoration:underline;
		}
		
		#TickerVertical li .NewsImg{
			float:left;
			margin-right:10px;
			border: 1px solid #CCCCCC; padding: 1px 1px;
		}
		#TickerVertical li .NewsFooter{
			display: block;
			color: #000000;
			font-size: 10px;
			margin:6px 0 14px 0;
		}