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

/*////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////      PAGE STRUCTURE      ////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/

html, body { background: #002C3A url(../images/background_repeat.jpg) center top repeat-x; margin: 0; padding: 0; height: 100%; color: #333; font: 12px Verdana, Arial, Helvetica, sans-serif; }

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

#background { position: relative;  margin: 0; padding: 0; height: auto; min-height: 100%; }

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

#header {position: relative; width: 900px; height: 140px; background: url(../images/header.jpg) no-repeat; }

#index_content { position: relative; width: 900px; height: 410px; background: url(../images/index_back.jpg) no-repeat; }

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

#left { position: relative; float: left; margin: 25px 0 0 25px; width: 630px; }

#right { position: relative; float: right; margin: 25px 25px 0 0; width: 200px; text-align: center;}

#right img {margin-top: 20px;}

#index_left { position: absolute; left: 30px; top: 34px; width: 160px; height: 350px; }

#index_left a {color: #f58225; text-decoration: underline; }

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

#index_right { position: absolute; left: 212px; top: 26px; width: 662px; height: 358px; }

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

#footer {position: relative; background: url(../images/footer.gif) no-repeat; width: 870px; padding: 15px 15px; color: #ccc; font-size: 12px; }

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

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

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

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

.clear { clear: both; height: 20px; }

.two_column_right { float: right; width: 300px; }

.two_column_left { float: left; width: 300px; }

.two_column_right img { float: right; margin: 0 0 10px 10px;}

/* New Buttons In Footer */

.btn_byron_twitter { display:block; width: 212px; height: 35px; text-indent: -9999px; background: transparent url(../images/btn/btn_byron_twitter.png) top left no-repeat; float: left; margin-top: 0; margin-right:7px;  }
.btn_byron_twitter:hover { background-position: top right; }

.btn_byron_facebook { display:block; width: 212px; height: 35px; text-indent: -9999px; background: transparent url(../images/btn/btn_byron_facebook.png) top left no-repeat; float: left; margin-top: 0; margin-right:7px;  }
.btn_byron_facebook:hover { background-position: top right; }

.btn_c3church_twitter { display:block; width: 212px; height: 35px; text-indent: -9999px; background: transparent url(../images/btn/btn_c3church_twitter.png) top left no-repeat; float: left; margin-top: 0; margin-right:7px;  }
.btn_c3church_twitter:hover { background-position: top right; }

.btn_c3church_facebook { display:block; width: 212px; height: 35px; text-indent: -9999px; background: transparent url(../images/btn/btn_c3church_facebook.png) top left no-repeat; float: left; margin-top: 0; margin-right:0;  }
.btn_c3church_facebook:hover { background-position: top right; }

#footer .social_links { width: 100%; overflow: hidden; clear: both; margin-top: 25px; }
#index_footer .social_links { width: 100%; overflow: hidden; clear: both; margin-top: 10px; }
#steps_footer .social_links { width: 100%; overflow: hidden; clear: both; margin-top: 25px; }
.footer_content { clear: both; margin-top: 20px; }

#right ul {
position:relative;
top:0px;
left:0px;
width:200px;
padding:0;
margin:0;
z-index:100;
text-transform: uppercase;
}

#right ul a {
	display:block;
	border: #999 3px solid;
	color: #333;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
}

#right ul a:hover {
	display:block;
	border: #999 3px solid;
	background: #999;
	color: #fff;
}

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

/*////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////         SITE MAP         ////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/

#min_index {
position: relative;
width: 100%;
z-index:5000;
margin: 0 auto;
background: #002C3A;
}

#min_cont {
position: relative;
left: 0px;
top: 0px;
width: 820px;
margin: 0 auto;
}


.min_ul {
float: left;
margin: 20px 0 0 40px;
font: 12px Helvetica, sans-serif;
text-align: left;
padding: 0;
}

.min_ul li{
list-style: none;
padding: 4px 4px 4px;
}

.min_ul li a{
text-decoration: none;
color: #666;
}

.min_ul li a:hover{
text-decoration: underline;
color: #4a88ae;
}

.min_header {
color: #4a88ae;
font-size:14px;
}


/*////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////     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:160px;
	height:134px;
	left:30px;
	top:6px;
}

.home a{
	width:160px;
	height:134px;
}

.home a:hover{
	background: none;
}

.sitemap {
	list-style:none;
	width:202px;
	height:29px;
	left:684px;
	top:14px;
}

.sitemap a{
	width:202px;
	height:29px;
}

.sitemap a:hover{
	background:url(../images/header_over.jpg) -684px -14px no-repeat;
}

.blog {
	list-style:none;
	width:202px;
	height:29px;
	left:684px;
	top:49px;
}

.blog a{
	width:202px;
	height:29px;
}

.blog a:hover{
	background:url(../images/header_over.jpg) -684px -49px no-repeat;
}

.item_1 {
	list-style:none;
	width:160px;
	height:22px;
	left:198px;
	top:105px;
}

.item_1 a{
	width:160px;
	height:22px;
}

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

.item_2 {
	list-style:none;
	width:140px;
	height:22px;
	left:385px;
	top:105px;
}

.item_2 a{
	width:140px;
	height:22px;
}

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

.item_3 {
	list-style:none;
	width:137px;
	height:22px;
	left:552px;
	top:105px;
}

.item_3 a{
	width:137px;
	height:22px;
}

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

.item_4 {
	list-style:none;
	width:81px;
	height:22px;
	left:713px;
	top:105px;
}

.item_4 a{
	width:81px;
	height:22px;
}

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

.item_5 {
	list-style:none;
	width:55px;
	height:22px;
	left:819px;
	top:105px;
}

.item_5 a{
	width:55px;
	height:22px;
}

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

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

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

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

h2 a {color: #666; text-decoration: underline; }

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

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

h3 { font: 14px Verdana, Arial, Helvetica, sans-serif; color: #333; margin-bottom: 0px; padding-bottom: 0px; text-transform: uppercase;}

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



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;
}

.kids_div1 {padding: 10px; background: #a4d1e1; border: 1px solid #ccc;}

.kids_div2 {padding: 10px; background: #eebdf1; border: 1px solid #ccc; margin-top: 20px;}

.kids_div3 {padding: 10px; background: #f1e49e; border: 1px solid #ccc; margin-top: 20px;}

.kids_div4 {padding: 10px; background: #befd9c; border: 1px solid #ccc; margin-top: 20px;}

.kids_div5 {padding: 10px; background: #f79191; border: 1px solid #ccc; margin-top: 20px;}


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

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

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

.kids_paragraph	{ margin:0; padding:0;}

.kids_clear {clear: both; }

/*////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////        STEPS             ////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/

#steps_footer {position: relative; background: url(../images/steps_footer.gif) no-repeat; width: 870px; padding: 15px 15px; color: #ccc; font-size: 12px; }

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

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

#steps_content { position: relative; width: 900px; background: url(../images/steps_back.jpg) top no-repeat;}

.steps_column { width: 120px; padding: 60px 15px 0px 15px; float: left; line-height: 1.9em;}

.steps_image { vertical-align: bottom; }


/*////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////        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; }


/***********************************************/
/* SEARCH RESULTS STYLES                       */
/***********************************************/

.searchcontent {
	margin-left: 25px;
}

/***********************************************/
/* SERMON NAVIGATION STYLES                    */
/***********************************************/

.sermon_nav_table {
	font-weight: bold;
    font-size: 1.3em;
    width: 100%;
}
#sermon_back, #sermon_forward {
	display: inline;
    color: #333;
    margin: 10px;
}
#sermon_back a:link, #sermon_back a:active, #sermon_back a:visited, #sermon_back a:hover, #sermon_forward a:link, #sermon_forward a:active, #sermon_forward a:visited, #sermon_forward a:hover {
	color: #333;
	text-decoration: none;
}

/***********************************************/
/* SEARCH STYLES                    */
/***********************************************/

#searchbox {
    top: 0px;
    left: 650px;
	padding:5px;
    position: absolute;
    z-index: 1001;
	background: #185165;
}

#searchtext {
	background: #FAA957;
    border: 1px solid #1C517D;
    padding: 3px;
}

#searchbutton {
    background: #FAA957;
    border: 1px solid #1C517D;
    color: #000;
    padding: 2px;
}