* {margin: 0; padding: 0;}

body {
	color: #404040;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 150%;
	background: #fafafa url(../_img/bg.gif) repeat-x;
	}

a:link,
a:visited,
a:active {
	color: #5696a7;
	text-decoration: none;
	}

a:hover {text-decoration: underline;}

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

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

#wrap {
	width: 1020px;
	margin: 0 auto;
	background: url(../_img/watermark.png) no-repeat; /* needs png hack */
	}


/* =HEADER */
#header {
	height: 117px;
	position: relative;
	}

h1#logo {
	width: 210px;
	height: 76px;
	position: absolute;
	top: 16px;
	left: 44px;
	text-indent: -7777px;
	background: url(../_img/logo.gif) no-repeat;
	}

h1#logo a {
	display: block;
	width: 210px;
	height: 76px;
	}

#header_links {
	position: absolute;
	top: 10px;
	right: 30px;
	}

#search {display: block;}


/* =NAV */
#nav {
	height: 39px;
	margin-left: 10px;
	position: relative;
	background: url(../_img/nav_bg.gif) no-repeat center bottom;	
	z-index: 200;
	}

#BEs {
	width: 301px;
	overflow: hidden;
	position: absolute;
	left: 35px;
	top: 4px;
	z-index: 200;
	}

.bigB {
	height: 81px;
	background: url(../_img/BEs_big.gif) no-repeat;	
	}

.bigB a {
	float: left;
	display: inline;
	display: block;
	width: 73px;
	height: 81px;
	margin: 0 1px;
	text-indent: -7777px;
	}

.miniB {
	height: 36px;
	background: url(../_img/BEs_mini.gif) no-repeat;	
	}

.miniB a {
	float: left;
	display: inline;
	display: block;
	width: 73px;
	height: 36px;
	margin: 0 1px;
	text-indent: -7777px;
	}

#subnav {
	width: 626px;
	height: 31px;
	overflow: hidden;
	position: absolute;
	bottom: 4px;
	right: 34px;
	list-style: none;
	}

* html body #subnav {bottom: 3px;} /* Shift down 1px for IE */

#subnav li {
	float: left;
	margin-right: 2px;
	}

#subnav a {
	text-decoration: none;
	display: inline-block;
	height: 31px;
	background: url(../_img/subnav.gif) no-repeat 0 0;
	}

#subnav a span {visibility: hidden;}

#tab_worship a {width: 124px; background-position: 0 0;}
#tab_worship a:hover, #tab_worship a.active {background-position: 0 -31px;}

#tab_equip a {width: 124px; background-position: -127px 0;}
#tab_equip a:hover, #tab_equip a.active {background-position: -127px -31px;}

#tab_serve a {width: 117px; background-position: -254px 0;}
#tab_serve a:hover, #tab_serve a.active {background-position: -254px -31px;}

#tab_serve a {width: 117px; background-position: -254px 0;}
#tab_serve a:hover, #tab_serve a.active {background-position: -254px -31px;}

#tab_about a {margin-left: 2px; width: 55px; background-position: -376px 0;}
#tab_about a:hover, #tab_about a.active {background-position: -376px -31px;}

#tab_events a {margin-left: 2px; width: 55px; background-position: -435px 0;}
#tab_events a:hover, #tab_events a.active {background-position: -435px -31px;}

#tab_new a {margin-left: 2px; width: 132px; background-position: -494px 0;}
#tab_new a:hover, #tab_new a.active {background-position: -494px -31px;}


/* =CONTAINER */
#container {
	min-height: 540px;
	max-height: 540px;
	height: 540px;
	padding: 0 30px;
	margin-top: 20px;
	background: url(../_img/container_bg.png) repeat-y;
	
	}

.container_btm {
	height: 12px;
	background: url(../_img/container_btm.png) no-repeat center bottom;	
	}

#container_inner {
	position: relative;
	top: -20px;
	padding-top: 5px;
	xheight: 550px;
	overflow-x:hidden;
	background: #fff url(../_img/container_inner_bg.gif) no-repeat right top;
	border-left: 1px solid #aeaaaa;
	border-right: 1px solid #aeaaaa;
	white-space: no-wrap;
	}
	#page_main{
		width: 2000px;

	}
#page_home, #page_worship{
	float: left;
	position: relative;
	width: 960px;
}

/* =HOME PAGE */
#home_upper {
	width: 100%;
	overflow: hidden;
	}

#BEs_content {
	float: left;
	display: inline;
	width: 299px;
	height: 370px;
	margin: 0 15px;
	position: relative;
	}

* html body #BEs_content { /* Fix weird float issue in IE */
	width: 256px;
	margin-left: 45px;
	margin-right: 28px;
	}

	#welcome_content, #belong_content, #believe_content, #become_content, #besent_content {
		width: 299px;
		height: 245px;
		padding-top: 75px;
		position: absolute;
		bottom: 0;
		left: 0;
		visibility: hidden;
		}
	
	#welcome_content {background: url(../_img/welcome_bg.gif) no-repeat center bottom;}
	#belong_content {background: url(../_img/belong_bg.gif) no-repeat center bottom;}
	#believe_content {background: url(../_img/believe_bg.gif) no-repeat center bottom;}
	#become_content {background: url(../_img/become_bg.gif) no-repeat center bottom;}
	#besent_content {background: url(../_img/besent_bg.gif) no-repeat center bottom;}

	#BEs_content h2 {display: none;}

	#BEs_content p {
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		margin: 0 20px;
		}

	#BEs_content p.more {margin: 20px 20px auto 20px;}

	#BEs_content p.more .icn {
		float: right;
		margin-left: 10px;
		}

	#BEs_content #welcome_content p {
		color: #000;
		font-style: italic;
		}
		
	#BEs_content a:link,
	#BEs_content a:visited,
	#BEs_content a:active {
		color: #fff;
		text-decoration: underline;
		}
	#BEs_content a:hover {color: #000;}

#home_upper .vid_box {
	float: left;
	display: inline;
	width: 621px;
	}

#home_lower {
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
	}
	
	h3#h_belong, h3#h_believe, h3#h_become, h3#h_besent {
		width: 239px;
		height: 27px;
		margin: 0;
		text-indent: -7777px;
		}
	
	h3#h_belong {background: url(../_img/h_belong.gif) no-repeat center bottom;}
	h3#h_believe {background: url(../_img/h_believe.gif) no-repeat center bottom;}
	h3#h_become {background: url(../_img/h_become.gif) no-repeat center bottom;}
	h3#h_besent {background: url(../_img/h_besent.gif) no-repeat center bottom;}
	
	.BEs_box {
		float: left;
		display: inline;
		width: 239px;
		}
	
	.BEs_box .mid {
		padding: 12px 22px;
		background: url(../_img/BEs_box_mid.gif) repeat-y center top;
		}
	
	.BEs_box ul {list-style: none;}

	.BEs_box_btm {
		width: 239px;
		height: 9px;
		margin: 0px;
		background: url(../_img/BEs_box_btm.gif) no-repeat center top;
		}


/* =WORSHIP PAGE */
#worship_main_col {
	float: left;
	display: inline;
	width: 709px;
	xoverflow: hidden;
	margin-right: 9px;
	background: #ccc;
	}
	
	#worship_main_col .vid_box {margin-left: 9px;}
	
	#worship_thumbs {
		width: 720px;
		height: 142px;
		margin-left: -7px;
		overflow: hidden;
		background: url(../_img/worship_thumbs_bg.gif) no-repeat center bottom;
		}

	* html body #worship_thumbs {
		width: 690px;
		height: 142px;
		margin-left: 0px;
		overflow: hidden;
		background: url(../_img/worship_thumbs_bg.gif) no-repeat center bottom;
		}

#worship_sub_col {
	float: left;
	display: inline;
	width: 240px;
	height: 555px;
	position: relative;
	margin-top: -5px;
	}
	
	#worship_sub_col .top {
		height: 10px;
		background: url(../_img/worship_sub_top.png) no-repeat center bottom;
		}

	#worship_sub_col .mid {
		background: url(../_img/worship_sub_mid.png) repeat-y center;
		padding: 0 17px;
		}

		.vernon_text {
			height: 290px;
			overflow: hidden;
			}
		
		.vernon_text p {
			font-size: 11px;
			line-height: 16px;
			color: #000;
			font-style: italic;
			margin-top: 10px;
			}
			
			.vernon_text span.more {
				font-size: 10px;
				display: block;
				text-align: right;
				border-bottom: 1px dotted #719aa9;
				margin-bottom: 10px;
				}

		#worship_sub_col h4 {text-align: center;}
		
		p.worship_times {
			color: #000;
			font-size: 14px;
			line-height: 18px;
			font-style: italic;
			text-align: center;
			padding: 5px;
			margin: 10px;
			background: #f0f0f0;
			}
		
		p.curr_time {
			color: #676767;
			font-size: 10px;
			text-align: center;
			}

	#worship_sub_col .btm {
		height: 10px;
		background: url(../_img/worship_sub_btm.png) no-repeat center top;
		}


/* =EQUIP PAGE */
#equip_upper {
	width: 100%;
	overflow: hidden;
	}

#equip_upper .vid_box {
	float: left;
	display: inline;
	width: 620px;
	margin-left: 9px;
	background: #ccc;
	}

#equip_welcome {
	float: left;
	display: inline;
	width: 312px;
	margin-top: -10px;
	margin-left: 16px;
	}
	
	#equip_welcome .mid {height: 338px;}

#equip_lower {
	width: 100%;
	overflow: hidden;
	}

	#equip_lower .equip_shadowed {margin: 0 4px;}
	
	#equip_lower .last {margin-right: 0px !important;}

.equip_shadowed {
	float: left;
	display: inline;
	width: 312px;
	}
	
	.equip_shadowed .top {
		height: 10px;
		background: url(../_img/equip_box_top.png) no-repeat left bottom;
		}

	.equip_shadowed .mid {
		background: url(../_img/equip_box_mid.png) repeat-y left top;
		padding: 5px 9px;
		}

	.equip_shadowed .btm {
		height: 7px;
		background: url(../_img/equip_box_btm.png) no-repeat left top;
		}


/* =FOOTER */
#footer {
	width: 970px;
	overflow: hidden;
	margin: 15px 23px 15px 28px;
	}
	
#footer h4 {
	line-height: 100%;
	margin: 0 0 5px 12px;
	}

#footer .blue_bubble {
	float: left;
	display: inline;
	margin-right: 10px;
	margin-bottom: 10px;
	}

	#footer .blue_bubble ul {
		color: #fff;
		width: 420px;
		height: 66px;
		padding: 25px 30px;
		overflow: hidden;
		background: url(../_img/blue_bubble.png) no-repeat 0 0;
		}
		
		#footer .blue_bubble ul a {color: #fff;}

#footer .locations {
	float: left;
	display: inline;
	margin-bottom: 10px;
	}

	#footer .locations .shadowbox {
		color: #fff;
		float: left;
		display: inline;
		width: 480px;
		height: 116px;
		padding: 0;
		overflow: hidden;
		background: url(../_img/shadowbox.png) no-repeat 0 0;
		}
		
		#footer .locations .shadowbox .inner {margin: 8px 14px 6px 9px;}

		#footer .locations .shadowbox span {
			color: #404040;
			font-size: 11px;
			}

		#footer .locations .shadowbox a {
			font-size: 14px;
			font-style: italic;
			}

#footer #events_row {
	margin: 0 2px 30px 8px;
	}

#footer .event {
	float: left;
	display: inline;
	margin-bottom: 10px;
	}

	#footer .event .shadowbox {
		float: left;
		display: inline;
		width: 310px;
		height: 113px;
		margin: 0 8px 0 2px;
		padding: 0;
		overflow: hidden;
		background: url(../_img/shadowbox_s.png) no-repeat right 0;
		}
		
		#footer .event .shadowbox .inner {margin: 8px 14px 6px 9px;}

		#footer .event h5 {
			color: #2c353b;
			font-size: 12px;
			line-height: 12px;
			font-style: italic;
			padding-bottom: 5px;
			margin-bottom: 10px;
			border-bottom: 1px dotted #719aa9;
			}
		
		#footer .event .details a {
			color: #fff;
			font-size: 11px;
			line-height: 13px;
			text-decoration: none;
			}

		#footer .event .details a:hover {color: #959595;}
		
		#footer .event a img {border: none;}

		#footer .event:hover a {color: #959595;}