@import "codabubble.css";
@import "imagerotator.css";

html {body: 100%}
body {font:10px; font-family: "Lucida Grande",Arial,Helvetica,Verdana,Tahoma,sans-serif; text-align: center;  background-color: #5C4F48; margin: 0; padding: 0; outline-width: 0; height: 100%}
a {outline: none;}

.container {width: 960px; margin-left: auto; margin-right: auto; text-align: left}
#flash_intro {position: relative; height: 375px; width: 100%;background: url(images/top_bg2e.png) repeat-x; padding-top: 10px;}
#logo a {background: url(images/newlife_logo_real.png) no-repeat scroll 0 0; float: left; width: 247px; height: 60px; margin-top: 15px; border: none;}

/* Header Start */
#header {height: 90px; width: 100%; text-align: left; background-color: #413732; margin: 0; border-bottom: 2px solid #F1EADD;}
#header2 {height: 90px; width: 100%; text-align: left; margin: 0; border-bottom: 2px solid #F1EADD; background: #413732 url(images/top_bg2b.png) repeat-x;}

/* Nav Start */

/* OLD MENU CSS
ul.menu {font: 10px Arial; font-weight: bold; text-transform: uppercase; text-color: #979082; list-style:none; margin-top:20px; padding:0; float: right}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#413732; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:10px;}

ul.menu ul {position:absolute; top:12px; left:0px; background-color: #f1eadd; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; width:120px;}
ul.menu .topspacer {display:block; background-color:#A4906B; width: 12px; height: 5px} 
ul.menu ul li a {display:block; }
ul.menu ul li a:hover {width: 100%; background: #A4906B}
ul.menu ul ul {left:150px; top:-1px}

ul.menu .sub {background:#f1eadd url(images/arrow.gif) 126px 7px no-repeat}
*/



ul.menu {font-weight: bold; text-transform: uppercase; color: #B0D5DB; list-style:none; margin-top:60px; padding:0; float: right}
ul.menu * {margin:0; padding:0}
ul.menu a {font-size: 10px; display:block; color: #B0D5DB; text-decoration:none; padding-bottom: 15px}
ul.menu li {position:relative; float:left; margin-right:10px; color: #B0D5DB; font-size: 10px}
ul.menu ul {position:absolute; top:20px; left:0; background-color:transparent #413732; display:none; opacity:0; list-style:none; border: none;}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0;}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#6B5C54}
ul.menu ul li a:hover {background-color:#413732}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(images/header.gif); width:134px}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/header_over.gif)}
ul.menu .sub {background:#6B5C54}
ul.menu .topline {border-top:1px solid #aaa}






/* Nav End */

/* Header End */

/* Main */

#main {height: 100%; background-color: #B1A6A0;}
#main2 {height: 100%; background-color: #B1A6A0; min-height: 100%; height: auto !important; padding-bottom: 70px}
#main2_nlbl {
	height: 100%; 
	background: url('images/nlbl/nlbl_bg.jpg') repeat-x #f0f1f6; 
	min-height: 100%; 
	height: auto !important; 
	padding-bottom: 70px;
}





/* Left Tabs */




#maintab {width: 640px; float: left; margin-top: 0;}


.shadetabs{
padding: 0px 0;
margin-left: 0px;
margin-top: 7px;
margin-bottom: 0;
font: bold 12px Arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;

}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 8px 7px ;
margin-right: none;
border: none;
color: #F2F2F2;
/*background: transparent url(shade2.gif) no-repeat scroll;*/
background-color: #A29A95;
}

.shadetabs li a:visited{
color: #F2F2F2;
}

.shadetabs li a:hover{
text-decoration: none;
color: #DEDEFF;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
/*background-image: url(shadeactive.gif);*/
border-bottom-color: none;
background-color: #F0F1F6;
color: #000;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
color: black;
}

.shadetabs li.signups {margin-left: 20px}


ul.normal li {list-style: square; margin-left: 15px;}



#maintabscontainer {margin-top: 8px; border:none; width:570px; padding: 10px 50px 20px 50px; background:#F0F1F6 url(images/maintab_top1a.gif) no-repeat scroll 0 0;}
#maintabscontainer ul {color: #484848; list-style: none; font-size: 12px; margin-left: 0px; padding-left: 0px; line-height: 1.4em; }
#maintabscontainer h3 {color: #0B7096; font-weight: normal; font-size: 17px; border-bottom: 1px solid white; padding: 20px 0 10px;}
#maintabscontainer p{font-size: 12px; color: #525252; line-height: 1.4em; margin-bottom: 0px;}
#maintabscontainer a{font-weight: bold; color: #5E3A27; text-decoration: underline;}
#maintabscontainer a:hover{color: blue}


#maintabscontainer p.bold { color: #5E3A27; font-weight: bold;}

#maintab_bottom_bg {background: url(images/maintab_bottom2.gif) no-repeat bottom left; width: 670px; height: 5px; position: relative; right: 50px; top: 20px}

li.indent {position: relative; text-indent: 40px}


#breadcrumbs {clear: none; display: inline}
#breadcrumbs li {margin-right: 8px; font-size: 10px; float: left; display: inline;}
#breadcrumbs a {font-size: 10px; margin-right: 8px}
#breadcrumbs li.current {font-style: italic}

#lefttab {padding-bottom: 10px; margin-top: 29px; border:none; width:570px; padding: 10px 50px 20px 50px; background:#F0F1F6 url(images/maintab_top2.gif) no-repeat scroll top left;}
#lefttab_nlbl {padding-bottom: 10px; margin-top: 29px; border:none; width:640px; padding: 10px 15px 20px 15px; background:#F0F1F6 url(images/maintab_top2.gif) no-repeat scroll top left;}

#lefttab ul {color: #484848; list-style: none; font-size: 12px; margin-left: 0px; padding-left: 0px; line-height: 1.4em; }
#lefttab h3 {color: #0B7096; font-weight: normal; font-size: 19px; border-bottom: 1px solid white; padding: 0px 0 10px 0px; margin-top: 55px}
#lefttab h4 {color: #000;}
#lefttab p{font-size: 12px; color: #6B5C54; line-height: 1.4em; margin-bottom: 0px; margin-bottom: 30px;}
#lefttab a {font-weight: bold; color: #5E3A27; text-decoration: none;}
#lefttab a:hover{color: blue}
#lefttab p.normal {margin-bottom: 10px}
#lefttab p.title {color: #484848; text-transform: uppercase; font-weight: bold; margin-bottom: 0; line-height: 1.8em; text-decoration: underline}
#lefttab p.verse {font-style: italic;margin-bottom: 0; margin-top: 5px}
#lefttab p.email {margin-top: 0; margin-bottom:0; color: blue}
#events h3.event_desc {font-weight: bold} 
#wrapper_lefttab .nlbl, #wrapper_lefttab .nlsl, #wrapper_lefttab .golf, #wrapper_lefttab .nlu {padding-bottom: 20px; border-bottom: 1px solid black}
.nlbl a {padding-left: 20px; background: url(images/arrow1.jpg) no-repeat left center; bottom: 65px; left: 20px; position: relative}
#wrapper_lefttab {background-color: #fff; padding: 2px 30px 50px 30px}
#lefttab p.insert {background-color: #fff; border: 1px solid #C7D1ED; font-size: 10px; margin: 20px; padding: 10px; font-style: italic}
#lefttab p.index_menu {border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin-top: 30px; margin-bottom: 10px}
#lefttab p.articles {border-top: 1px solid #ECECFF; border-bottom: 1px solid #ECECFF;}

.nlu2 {padding-left: 30px}



#lefttab #hero img {border: 1px solid #6B5C54;padding: 2px;}
#lefttab #hero_about {background: url(images/hero_aboutus.jpg) no-repeat scroll 0 0; height: 230px; width: 570px; margin-bottom: 30px; border: 1px solid #6B5C54}
#lefttab #hero_events {background: url(images/events.jpg) no-repeat scroll 0 0; height: 230px; width: 570px; margin-bottom: 30px; border: 1px solid #6B5C54}
#lefttab #hero_sunday {background: url(images/sunday.jpg) no-repeat scroll 0 0; height: 230px; width: 570px; margin-bottom: 30px; border: 1px solid #6B5C54}
#lefttab #hero_fg {background: url(images/hero_fg.jpg) no-repeat scroll 0 0; height: 200px; width: 570px; margin-top: 50px; margin-bottom: 30px; border: 1px solid #6B5C54}
#lefttab #hero_community {background: url(images/hero_community.jpg) no-repeat scroll 0 0; height: 200px; width: 570px; margin-top: 50px; margin-bottom: 30px; border: 1px solid #6B5C54}
#lefttab #hero_publications {background: url(images/hero_publications.jpg) no-repeat scroll 0 0; height: 200px; width: 570px; margin-top: 50px; margin-bottom: 30px; border: 1px solid #6B5C54}
#lefttab #hero_food {background: url(images/hero_food.jpg) no-repeat scroll 0 0; height: 200px; width: 570px; margin-top: 50px; margin-bottom: 30px; border: 1px solid #6B5C54}
#lefttab #hero_welcoming {background: url(images/hero_welcoming.jpg) no-repeat scroll 0 0; height: 200px; width: 570px; margin-top: 50px; margin-bottom: 30px; border: 1px solid #6B5C54}
#lefttab #hero_worship {background: url(images/hero_worship.jpg) no-repeat scroll 0 0; height: 200px; width: 570px; margin-top: 50px; margin-bottom: 30px; border: 1px solid #6B5C54}
#lefttab #hero_sports {background: url(images/sports/rotate1.php) no-repeat scroll 0 0; height: 200px; width: 570px; margin-top: 50px; margin-bottom: 30px; border: 1px solid #6B5C54}
#lefttab #hero_resources {background: url(images/hero_resources.jpg) no-repeat scroll 0 0; height: 200px; width: 570px; margin-top: 50px; margin-bottom: 30px; border: 1px solid #6B5C54}
#lefttab #hero_links {background: url(images/hero_links.jpg) no-repeat scroll 0 0; height: 200px; width: 570px; margin-top: 50px; margin-bottom: 30px; border: 1px solid #6B5C54}
#lefttab #hero_media {background: url(images/hero_media.jpg) no-repeat scroll 0 0; height: 200px; width: 570px; margin-top: 50px; margin-bottom: 30px; border: 1px solid #6B5C54}
#lefttab #hero_wwf {background: url(images/hero_wwf.jpg) no-repeat scroll 0 0; height: 200px; width: 570px; margin-top: 50px; margin-bottom: 30px; border: 1px solid #6B5C54}
#lefttab #hero_meet {background: url(images/hero_meet.jpg) no-repeat scroll 0 0; height: 200px; width: 570px; margin-top: 50px; margin-bottom: 30px; border: 1px solid #6B5C54}

#hero2_meet {background: url(images/meet_beach.jpg) no-repeat scroll 0 0; height: 227px; width: 510px; margin-top: 0px; margin-bottom: 0px; border: 1px solid #6B5C54}
#hero_meet_rafting {background: url(images/meet_rafting.jpg) no-repeat scroll 0 0; height: 227px; width: 510px; margin-top: 0px; margin-bottom: 0px; border: 1px solid #6B5C54}
#hero_fmsc {background: url(images/fmsc.jpg) no-repeat scroll 0 0; height: 88px; width: 192px; margin-top: 0px; margin-bottom: 0px; border: 1px solid #6B5C54}
#hero_bike {background: url(images/meet_bike.jpg) no-repeat scroll 0 0; height: 227px; width: 510px; margin-top: 0px; margin-bottom: 0px; border: 1px solid #6B5C54}

#reminders li{padding-bottom: 20px; list-style: disc}
#reminders li p.nextline {margin: 5px 0 0 0}
#reminders ul li span {font-weight: bold;}

ul#sub, ul#address {margin-top: 15px; margin-left: 20px;}

#sub li {padding-bottom: 0; list-style-type: circle;}
#address li {padding-bottom: 0; list-style: none;}

#events li {list-style: disc; padding-bottom: 20px;}
#events span {background-color: #5E3A27; color: #F1EADD; padding: 1px 5px}
#events p {color: #7A6E67; font-size: 12px; line-height: 1.2em; padding-right: 150px}
#events ul {padding-top: 30px;}
/* external 3 */






/* Sidebar */
#sidebar {margin-top: 29px; float: right; width: 185px; color: #fff; padding: 10px 50px 26px 45px; background: #6B5C54 url(images/sidebar_bg2.gif) no-repeat scroll left top;}
#sidebar h3.title, #sidebar h3.title a {text-align: center; text-decoration: none; color: #B0D5DB; text-transform: uppercase; font: bold 15px Arial; border-bottom: 1px solid #979797; padding: 15px 0 5px 0;}
#sidebar a{color: #fff}
#sidebar a:hover, #sidebar h3.title a:hover {color: #000;}
#current_series span {position: relative; display: block; height:139px; width: 185px;}
#current_series h3 {text-align: center; color: #B0D5DB; text-transform: uppercase; font: bold 15px Arial; position: relative; border-bottom: 1px solid #979797; padding: 0 0 5px;}
#latest_message {position: relative;}
#latest_message h3.title {text-transform: uppercase; font: bold 15px Arial; border-bottom: 1px solid #979797; padding: 0 0 5px;}
#latest_message h3.message {font: 11px Arial; color: white}
#latest_message h3.message a {text-decoration: none;}
#latest_message h3.date {font: 10px Arial; color: white}
ul.sermon {position: relative; left: -40px;}
ul.sermon a {font: 10px; padding-left: 25px;}
ul.sermon li {font-size: 12px; position: relative; font: 10px; list-style: none; text-align: left; margin: 0 7px 7px}


ul#sidelinks  {list-style: none; padding: 0 0 20px 0; margin: 0; line-height: 1.4em;}
ul#sidelinks a, li.current {font-size: 12px; text-decoration: none; }
ul#sidelinks li.current {font-size: 14px; color: #B2B2B2; list-style: disc}

#sidebar_bottom_bg2 {background: url(images/sidebar_bottom2.gif) no-repeat bottom left; width: 280px; height: 5px; position: relative; right: 45px; top: 29px}
#sidebar_bottom_bg {background: url(images/sidebar_bottom2.gif) no-repeat bottom left; width: 280px; height: 5px; position: relative; right: 45px; top: 29px}

/* Featured Ministries */

#middle {display: inline; float: left; width: 320px}

#main_fm p {font-size: 12px; line-height: 1.4em;}

#main_fm {position: relative; top: 30px; clear: both; padding: 25px 0; height: 160px; width: 100%; border-top: 1px solid #F1EADD}
#fm {float: left; width: 300px;  text-align: left;}

#fm img {border: 0}
#fm h1 {font-weight: bold; font-size: 15px; color: #0B7096}
#fm p {color: #525252}


.feature_1 {padding: 0 30px 20px 0;}
.feature_2 {padding: 0 0 20px 0}
.feature_3 {padding: 0 0 20px 30px}

.rollover_1 {display: block; width: 300px; height: 150px; background: url(images/features/fg2.jpg) no-repeat}
a.rollover_1:link, a.rollover_1:visited, a.rollover_1:active {background: url(images/features/fg2.jpg) no-repeat}
a.rollover_1:hover {background-position: -300px 0;}

.rollover_2 {display: block; width: 300px; height: 150px; background: url(images/features/nlu.jpg) no-repeat;}
a.rollover_2:link, a.rollover_2:visited, a.rollover_2:active {background: url(images/features/nlu.jpg) no-repeat}
a.rollover_2:hover {background-position: -300px 0;}

.rollover_3 {display: block; width: 300px; height: 150px; background: url(images/features/meet.jpg) no-repeat}
a.rollover_3:link, a.rollover_3:visited, a.rollover_3:active {background: url(images/features/meet.jpg) no-repeat}
a.rollover_3:hover {background-position: -300px 0;}









/* Footer */

#footer {position: relative;clear: both; text-align: left; color: #F1EADD; border-top: 2px solid #F1EADD; padding: 10px 0 20px 0; background-color: #413732; top: 20px}
#footer2 {top: 173px; background: url(images/top_bg2b.png) repeat; position: relative; clear: both; text-align: left; color: #F1EADD; border-top: 2px solid #F1EADD; padding: 20px 0 20px 0; background-color: #413732; height: 70px}
#footer a, #footer2 a{font-size: 12px; color: #B0D5DB; text-decoration: none;}
#footer p, #footer2 p  {font-size: 12px;}






/* Prayer */

div.row {padding-bottom: 10px}

span.label {width: 150px; float: left; font-size: 12px;}

#emailform {background-color: #fff; padding: 30px; margin-top: 50px;}

#emailform p.thankyou, #wrapper_lefttab p.thankyou {color: #6C0F03; font-weight: bold; text-align: center}


/* Sermons */

#lefttab .sermon_title{font-family: catriel; font-size: 14px; padding-top: 15px; margin: 30px 0 0 0; color: #413732; border-top: 1px solid black}
#lefttab .sermon_speaker, #lefttab .sermon_date, #lefttab .sermon_mp3, #lefttab .sermon_passage{margin: 5px}
#lefttab .sermon_mp3 {font-size: 12px; color: #690D00;}
#lefttab .note {font-style: italic; color: #000}


/* contact */
li.contact_title {font-weight: bold; color: #000; margin-top: 30px; border-top: 1px solid #B4BEED; border-bottom: 1px solid #B4BEED}
li.contact_info {margin: 5px 0 0 15px}
#wrapper_lefttab form {margin: 70px 0 0 15px}

/* js popup */
a.definition {
border-bottom: 1px solid blue;
}


/* NEW STUFF */
ul#retreat span {
font-weight: bold;
padding-right: 10px;
text-decoration: underline;
}

ul#retreat li {
list-style: disc;
margin-left: 40px;
line-height: 2em;
}


/* -----------------------------------------------NLBL----------------------------------------------*/
div.stats {
	display: block;
}
.stats a {
	text-decoration: none;
	color: #333;
	font-size: 11px;
	padding: 5px;
}
.stats ul {
	display: inline;
	padding: 0px;
	margin: 0 auto;
}
.stats ul li {
	display: inline;
	padding: 3px;
}
.stats ul li a.current {
	font-weight: bold;
	color: #000;
	font-size: 11px;
}
table {
	font-size: 12px;
	margin: 0 auto;
	border: 1px solid #7f7f7f;
	padding: 2px;
	margin-top: 40px;
}
td.left {
	text-align: left;
	padding: 3px 6px;
	vertical-align: middle;
	width: 100px;
}
td {
	text-align: right;
	padding: 3px 6px;
	vertical-align: middle;
}
td#title {
	text-align: left;
	background-color: #573928;
	color: #fff;
	font-weight: bold;
}
tr.title {
	font-weight: bold;
	background-color: #d7d7d7;
}
tr.even, #player2, #player4, #player6, #player8 {
	background-color: #e8e8e8;
}
div.leaders {
	width: 100%;
	margin: 0 auto;
}
.leaders table {
	margin: 0;
	float: left;
	width: 49%;
	margin: 3px;
}
.leaders td.left {
	text-align: left;
	padding: 3px 6px;
	vertical-align: middle;
	width: 10px;
}
.stats h2, .team_results h2 {
	margin: 50px 0 5px 0;
	font-size: 12px;
	width: 100%;
	padding: 3px 6px;
	color: #000
}
div.team_results td.left {
	width: 170px;

}
.team_results table {
	margin-top: 20px;
}
span.show_hide {
	float: right;
	font-size: 9px;
	text-align: right;
	color: blue;
}




div.team_results {
	padding-top: 10px;
}
.team_results table {
	margin-top: 20px;
}

#maintabscontainer_nlbl {
	width: 100%;
	margin-top: 8px; 
	border:none; 
	padding: 0px 0px 20px 0px; 
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	min-height: 190px; 
}
.shadetabs_nlbl{
padding: 0px 0;
margin: 0 auto;
margin-bottom: 0;
font: 12px Arial;
list-style-type: none;
width: 100%;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs_nlbl li{
display: inline;
margin: 0;

}

.shadetabs_nlbl li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 8px 7px ;
margin-right: none;
border: none;
color: #000;
/*background: transparent url(shade2.gif) no-repeat scroll;*/

}

.shadetabs_nlbl li a:visited{
color: #000;
}

.shadetabs_nlbl li a:hover{
text-decoration: none;
font-weight: bold;
color: #000;
}

.shadetabs_nlbl li a.selected{ /*selected main tab style */
position: relative;
font-weight: bold;
}

.shadetabs_nlbl li a.selected{ /*selected main tab style */
/*background-image: url(shadeactive.gif);*/
border-bottom-color: none;
background-color: #F0F1F6;
color: #000;
}

.shadetabs_nlbl li a.selected:hover{ /*selected main tab style */
text-decoration: none;
color: black;
}

/* staff pictures and bio section */

.staff img {
	float: left;
	padding: 2px;
	margin-right: 15px;
	margin-bottom: 30px;
	margin-top: 5px;
	border: 1px solid #999;
}

div.staff {
	clear: both;
}