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

html, body{ background: #050304 url(../images/background.jpg) top center repeat-x;
font: 14px Helvetica, sans-serif;
color: #FFF;
padding: 0;
margin: 0;
text-align: center;
height: 100%;
}

#background {
position: relative;
background: url(../images/content_back.jpg) top center no-repeat;
width:100%;
height: auto; 
min-height: 100%;
padding: 0;
margin: 0;
}

#container { position: relative; width: 900px; margin: 0 auto; text-align: left;}

#header {position: relative; width: 900px; height: 140px; }

#content { position: relative; width: 900px; background: url(../images/content_repeat.jpg) repeat-y;}

#right_column { position: relative; float: right; width: 630px; margin: 15px 15px 0 0; text-align: left; } 

a { color:#e0950d; text-decoration: underline; }

a:hover { color:#e0950d; text-decoration: none; }

#left_column { position: relative; float: left; width: 225px; margin: 0; } 

#bottom_menu_container { position: relative; width: 900px; height: 90px; z-index: 3000; clear: both; top:14px; background:url(../images/footer.gif) center top no-repeat;}

#index_footer {position: relative; width: 850px; padding: 25px 25px; color: #ccc; font-size: 12px; }

#index_footer a {color: #fff; text-decoration: none; }

#index_footer a:hover { color: #fd3f24; text-decoration: underline; }

h1 { color:#e0950d; font: 24px Helvetica, sans-serif; font-weight:normal; margin: 10px 0 20px; padding: 0;}

.red { color:#e0950d;}

h2 { color:#b40000; font: 20px Helvetica, sans-serif; font-weight:normal; margin: 10px 0 0; padding: 0;}

h3 { color:#999; font:16px Helvetica, sans-serif; font-weight:normal; margin: 10px 0 0; padding: 0;}

#right_column p { line-height: 1.3em; padding-top: 0px; margin-top:0px;}

.spacelist li { padding: 10px 0; line-height: 1.3em;}

a.links { padding: 5px; background: #000; border: 3px solid #e0950d; color: #e0950d; text-decoration: none;}
a.links:hover { padding: 5px; background: #e0950d; border: 3px solid #e0950d; color: #FFF; text-decoration: none;}

a.connect { text-decoration: none; background: #000; padding: 10px; color: #e0950d;}
a.connect:hover { text-decoration: none; background: #e0950d; color: #FFF; padding: 10px;}

.connect a {padding: 10px; background: #1e1e1e; border: 1px solid #333; display: block; text-decoration: none; color: #e0950d;}
.connect a:hover {padding: 10px; background: #333; border: 1px solid #333; display: block; text-decoration: none; color:#FFF;}

.firstparagraph {margin-top:0px; padding-top:0px;}

#right_column li {margin: 5px 0; line-height:1.3em;}

.right_box { float:right; margin: 0 0 10px 10px; padding: 15px; width: 220px; border: 1px solid #333;}

.form_element {
	background-color: #cccccc;
	border:1px #999 solid;
	padding:5px;
}

#left_column ul {
position:relative;
top:0px;
left:0px;
width:225px;
padding:0;
margin:0;
z-index:100;

}

#left_column ul a {
	display:block;
	border-top:0px;
	
	color: #fff;
	text-decoration: none;
	padding: 15px 10px 15px 25px;
	font-size:16px;
	margin:0;
	background: url(../images/arrrow.gif) left no-repeat;
}

#left_column ul a:hover {
	display:block;
	
	background: #8e0000;
	color: #fff;
}

#left_column ul li {
	list-style:none;
	margin-bottom: 2px;
}


/*////////////////////////////////////////////////////////////////////////////*/
/*/            Staff Layout                       ////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/

.staff {padding: 10px; background: #FFF; border: 1px solid #666; display: block; text-decoration: none; color: #333; margin: 15px; text-transform: none; font-weight: normal;}

.staff p { padding: 0px; margin: 2px 0 0 0; font-size: 12px; }

.staff strong { color:#01313a;}

.staff h2 {font: 18px Helvetica, Arial, sans-serif; color: #8e0000; font-weight: normal; margin: 0; padding: 0; text-transform: none;}

.staff_div {width: 310px; float: right; margin-bottom: 15px;}

.staff_left{
float:left;
margin:0px 20px 10px 0px;
width:200px;
}

.staff_left a {padding: 10px; background: #ccc; border: 1px solid #666; display: block; text-decoration: none; color: #fff; margin: 0px; text-transform: none; font-weight: normal; clear: both; margin-top: 15px; width: 180px;}

.staff_left a:hover {padding: 10px; background: #666; border: 1px solid #666; display: block; text-decoration: none; color:#fff;text-transform: none; margin-top: 15px; width: 180px;}


/*////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////        Sermon Downloads  ////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/

.series_div {padding: 10px; background: #e2e1e1; border: 1px solid #ccc; color: #333; font-size:12px;}
.clear_series { clear: both; margin:0; padding:0; }

.series_image { float: left; margin-right: 10px;}

.audio_header { font-size: 12px; font-weight: bold; background:#CCC; color:#333;}

.series {border-top: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #fff;}

.series td {border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}

.archive {border-top: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #333;}

.archive td {border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center;}

.series a { float: left; margin: 0px 10px 0px 0px; }

#audio img { border: #FFF 0px solid; margin: 0; padding: 0;}

#audio_legend { text-align: right; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 10px 0; padding: 10px; }
#audio { margin-top: 15px; }



/*////////////////////////////////////////////////////////////////////////////*/
/*/            HEADER NAVIGATION                  ////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/

.header-nav {
position:relative;
top:0px;
left:0px;
width:900px;
height:140px;
padding:0;
margin:0;
z-index:100;
}

.header-nav a {
	display:block;
}

.header-nav li {
	list-style:none;
	position:absolute;
}

.home {
	list-style:none;
	width:320px;
	height:90px;
	left:32px;
	top:11px;
}

.home a{
	width:320px;
	height:90px;
}

.home a:hover{
	background: url(../images/header_over.jpg) -32px -11px no-repeat;
}

.google {
	list-style:none;
	width:71px;
	height:17px;
	left:696px;
	top:27px;
}

.google a{
	width:71px;
	height:17px;
}

.google a:hover{
	background: url(../images/header_over.jpg) -696px -27px no-repeat;
}

.yahoo {
	list-style:none;
	width:59px;
	height:17px;
	left:779px;
	top:27px;
}

.yahoo a{
	width:59px;
	height:17px;
}

.yahoo a:hover{
	background: url(../images/header_over.jpg) -779px -27px no-repeat;
}

.login {
	list-style:none;
	left:775px;
	top:55px;
	border-bottom: 2px solid #ce6b3f;
	border-left: 2px solid #ce6b3f;
	border-right: 2px solid #ce6b3f;
	text-align: center;
	
}

.login a{
	text-decoration: none;
	padding: 5px;
	color: #FFF;
}

.login a:hover{
	color: #FFF;
	background: #ce6b3f;
}

.logout {
	list-style:none;
	left:830px;
	top:55px;
	border-bottom: 2px solid #ce6b3f;
	border-left: 2px solid #ce6b3f;
	border-right: 2px solid #ce6b3f;
	text-align: center;
	
}

.logout a{
	text-decoration: none;
	padding: 5px;
	color: #FFF;
}

.logout a:hover{
	color: #FFF;
	background: #ce6b3f;
}

.item_1 {
	list-style:none;
	width:138px;
	height:31px;
	left:5px;
	top:104px;
}

.item_1 a{
	width:138px;
	height:31px;
}

.item_1 a:hover{
	background: url(../images/header_over.jpg) -5px -104px no-repeat;
}

.item_2 {
	list-style:none;
	width:128px;
	height:31px;
	left:163px;
	top:104px;
}

.item_2 a{
	width:128px;
	height:31px;
}

.item_2 a:hover{
	background: url(../images/header_over.jpg) -163px -104px no-repeat;
}

.item_3 {
	list-style:none;
	width:179px;
	height:33px;
	left:312px;
	top:104px;
}

.item_3 a{
	width:179px;
	height:31px;
}

.item_3 a:hover{
	background: url(../images/header_over.jpg) -312px -104px no-repeat;
}

.item_4 {
	list-style:none;
	width:88px;
	height:31px;
	left:512px;
	top:104px;
}

.item_4 a{
	width:88px;
	height:31px;
}

.item_4 a:hover{
	background: url(../images/header_over.jpg) -512px -104px no-repeat;
}

.item_5 {
	list-style:none;
	width:118px;
	height:31px;
	left:621px;
	top:104px;
}

.item_5 a{
	width:118px;
	height:31px;
}

.item_5 a:hover{
	background: url(../images/header_over.jpg) -621px -104px no-repeat;
}

.item_6 {
	list-style:none;
	width:131px;
	height:31px;
	left:764px;
	top:104px;
}

.item_6 a{
	width:131px;
	height:31px;
}

.item_6 a:hover{
	background: url(../images/header_over.jpg) -764px -104px no-repeat;
}

/*////////////////////////////////////////////////////////////////////////////*/
/*/            BOTTOM NAVIGATION                  ////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/

.bottom_menu {
	position:relative;
	width:900px;
	height:55px;
	padding:0;
	top:18px;
	left:1px;
	margin:0;
	z-index:1000;
}

.bottom_menu a {
	display:block;
}

.bottom_menu li {
	list-style:none;
	position:absolute;
}

.global {
	width: 210px;
	height: 55px;
	left: 15px;
	top: 0px;
}

.global a{
	width: 210px;
	height: 55px;
}

.global a:hover{
	background:url(../images/bottom_menu_over.jpg) -0px -0px no-repeat;
}

.worship {
	width: 210px;
	height: 55px;
	left: 235px;
	top: 0px;
}

.worship a{
	width: 210px;
	height: 55px;
}

.worship a:hover{
	background:url(../images/bottom_menu_over.jpg) -220px -0px no-repeat;
}

.second {
	width: 210px;
	height: 55px;
	left: 455px;
	top: 0px;
}

.second a{
	width: 210px;
	height: 55px;
}

.second a:hover{
	background:url(../images/bottom_menu_over.jpg) -440px -0px no-repeat;
}

.hop {
	width: 210px;
	height: 55px;
	left: 675px;
	top: 0px;
}

.hop a{
	width: 210px;
	height: 55px;
}

.hop a:hover{
	background:url(../images/bottom_menu_over.jpg) -660px -0px no-repeat;
}