@charset "UTF-8";
/* CSS Document */ 
body { background: url(../images/background.jpg) top center fixed no-repeat; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #333; }

#container { position: relative; margin: 20px auto 0; width: 900px; }

#header { position: relative; width: 900px; background: url(../images/header.gif) no-repeat top center; height: 90px;}

#content { position: relative; width: 860px; background: url(../images/body.jpg) repeat-y; padding: 0 20px; }

#left_column { position: relative; float: left; width: 400px; vertical-align: middle; margin-top: 20px;}

#right_column { position: relative; float: right; width: 400px; }

#footer { position: relative; width: 880px; background: url(../images/footer.gif) top no-repeat; padding: 45px 10px 20px; font-size: 10px;}

.clear { clear: both; padding: 0; margin: 0; }

/*////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////        SUB PAGE          ////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/

#subcontent { position: relative; width: 900px; background: url(../images/subbody.gif) repeat-y; padding: 0; }

#subright_column { position: relative; float: right; width: 630px; margin: 15px 15px 0 0; text-align: left; } 
#subright_column p { line-height: 1.3em; padding-top: 0px; margin-top:0px;}
#subright_column li {margin: 5px 0; line-height:1.3em;}

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

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

}

#subleft_column ul a {
	display:block;
	border-top:0px;
	
	color: #666;
	text-decoration: none;
	padding: 15px 10px 15px 25px;
	font-size:16px;
	margin:0;
	
}

#subleft_column ul a:hover {
	display:block;
	
	background: #cfcfcf;
	color: #fff;
}

#subleft_column ul li {
	list-style:none;
	margin-bottom: 2px;
	background: url(../images/arrrow.gif) left no-repeat;
}

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

h3 { color: #dd4444; font-size: 16px; padding-bottom: 0px; margin-bottom: 0px; font-weight:normal;}

/*////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////        TEXT STYLES       ////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/

h1 { font: normal 24px Verdana, Arial, Helvetica, sans-serif; color: #2b2b2b; text-transform: uppercase; padding-top: 0; margin-top: 0; margin-bottom: 0px; padding-bottom: 0px;}

h2 { font: normal 20px Verdana, Arial, Helvetica, sans-serif; color: #333; margin-bottom: 0px; padding-bottom: 0px; }

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

ul li {line-height: 1.6em; }



p { line-height: 1.6em; }

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

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

.red_text { color: #fd3f24;}

p { line-height: 1.6em; }

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

a.links { color:#fff; padding: 5px; background: #999; border: 5px solid #666; text-decoration: none;}
a.links:hover { color:#fff; padding: 5px; background: #666; border: 5px solid #666; text-decoration: none;}


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

.series_div {padding: 10px; background: #e2e1e1; border: 1px solid #ccc;}
.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: #333;}

.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: #333; margin: 0 0 10px 0; padding: 10px; }
#audio { margin-top: 15px; }


/*////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////        MENU STYLES       ////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/

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

.header-nav a {
	display: block;
	text-decoration: none;
}

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

.home {
	list-style: none;
	width: 225px;
	height: 55px;
	left: 15px;
	top: 15px;
}

.home a{
	width: 225px;
	height: 55px;
}

.home a:hover{
	background: none;
}

.new {
	list-style: none;
	width: 94px;
	height: 19px;
	left: 244px;
	top: 33px;
}

.new a{
	width: 94px;
	height: 19px;
}

.new a:hover{
	background: url(../images/header_over.gif) -244px -33px;
}

.steps {
	list-style: none;
	width: 101px;
	height: 19px;
	left: 354px;
	top: 33px;
}

.steps a{
	width: 101px;
	height: 19px;
}

.steps a:hover{
	background: url(../images/header_over.gif) -354px -33px;
}

.connect {
	list-style: none;
	width: 87px;
	height: 19px;
	left: 471px;
	top: 33px;
}

.connect a{
	width: 87px;
	height: 19px;
}

.connect a:hover{
	background: url(../images/header_over.gif) -471px -33px;
}

.messages {
	list-style: none;
	width: 92px;
	height: 19px;
	left: 574px;
	top: 33px;
}

.messages a{
	width: 92px;
	height: 19px;
}

.messages a:hover{
	background: url(../images/header_over.gif) -574px -33px;
}

.blog {
	list-style: none;
	width: 49px;
	height: 19px;
	left: 683px;
	top: 33px;
}

.blog a{
	width: 49px;
	height: 19px;
}

.blog a:hover{
	background: url(../images/header_over.gif) -683px -33px;
}

.give {
	list-style: none;
	width: 40px;
	height: 19px;
	left: 750px;
	top: 33px;
}

.give a{
	width: 40px;
	height: 19px;
}

.give a:hover{
	background: url(../images/header_over.gif) -750px -33px;
}

.contact {
	list-style: none;
	width: 85px;
	height: 19px;
	left: 807px;
	top: 33px;
}

.contact a{
	width: 85px;
	height: 19px;
}

.contact a:hover{
	background: url(../images/header_over.gif) -807px -33px;
}


.paypal_submit { padding: 5px 10px; margin-top:10px; background: #c51515; border: 1px solid #a11616; color: #FFFFFF; font-size: 14px; text-align: center; }