html {
	margin: 0;
	padding: 0;
}

body {
	
	margin: 0;
	padding: 0;
	font-size: 62.5%;/*
	font-family: Arial, Helvetica, sans-serif;	
	color: #272727;*/
	background-color: #e8e8e8;
	color:#444444;
	font:15px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	background-image:url(../img/layout/bg_fish.png);
}

h1, h2, h3, h4, h5, h6, h7, p, form, ul, ol, li, blockquote {
	margin: 0;
	padding: 0;
}

img { border:0; }

a:link {color: #272727; text-decoration: underline;}
a:visited {color: #272727; text-decoration: underline;}
a:hover {color: #841f26; text-decoration: none;}
a:active {color: #841f26; text-decoration: underline;}

/* ----------- MAIN STRUCTURE ------------ */

#content {
	width: 901px;
	margin: 0 auto;
	/*background-color:#e8e8e8;*/
}

/* ----------- HEADER ----------- */

#header-container {
	width: 100%;
	height: 182px;
	background: url('../img/layout/header_background.jpg') no-repeat;
	background-position: top center;
	background-color: #272727;
	margin: 0 0 30px 0;
}

#header {
	width: 901px;
	margin: 0 auto;
	height: 182px;
}

#header h1 a {
	width: 504px;
	height: 182px;
	display: block;
	background: url('../img/layout/wjie_logo.png') no-repeat;
	margin: 0 0 0 0px;
	text-indent: -9000px;
}

#header #nav {
	position: absolute;
	top: 132px;
	margin: 0 0 0 -30px;
}
#header #nav2 {
	position: absolute;
	top: 45px;
	margin: 0 0 0 820px;
}

#header #nav li {
	float: left;
	list-style-type: none;
	text-indent: -9000px;
	margin: 0 0 0 20px;
}

#header #nav2 li {
	float: left;
	list-style-type: none;
	text-indent: -9000px;
	margin: 0 0 0 20px;
}


#header #nav li.home a:link {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_home.jpg') no-repeat;}
#header #nav li.home a:visited {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_home.jpg') no-repeat;}
#header #nav li.home a:hover {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_home.jpg') no-repeat; background-position: 0 -36px;}
body#home #header #nav li.home a {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_home.jpg') no-repeat; background-position: 0 -36px;}

#header #nav li.staff a:link {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_staff.jpg') no-repeat;}
#header #nav li.staff a:visited {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_staff.jpg') no-repeat;}
#header #nav li.staff a:hover {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_staff.jpg') no-repeat; background-position: 0 -36px;}
body#staff #header #nav li.staff a {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_staff.jpg') no-repeat; background-position: 0 -36px;}

#header #nav li.media a:link {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_media.jpg') no-repeat;}
#header #nav li.media a:visited {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_media.jpg') no-repeat;}
#header #nav li.media a:hover {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_media.jpg') no-repeat; background-position: 0 -36px;}
body#media #header #nav li.media a {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_media.jpg') no-repeat; background-position: 0 -36px;}

#header #nav li.calendar a:link {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_events.jpg') no-repeat;}
#header #nav li.calendar a:visited {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_events.jpg') no-repeat;}
#header #nav li.calendar a:hover {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_events.jpg') no-repeat; background-position: 0 -36px;}
body#calendar #header #nav li.calendar a {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_events.jpg') no-repeat; background-position: 0 -36px;}

#header #nav li.pledge a:link {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_pledge.jpg') no-repeat;}
#header #nav li.pledge a:visited {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_pledge.jpg') no-repeat;}
#header #nav li.pledge a:hover {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_pledge.jpg') no-repeat; background-position: 0 -36px;}
body#pledge #header #nav li.pledge a {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_pledge.jpg') no-repeat; background-position: 0 -36px;}

#header #nav li.prayer a:link {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_prayer.jpg') no-repeat;}
#header #nav li.prayer a:visited {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_prayer.jpg') no-repeat;}
#header #nav li.prayer a:hover {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_prayer.jpg') no-repeat; background-position: 0 -36px;}
body#prayer #header #nav li.prayer a {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_prayer.jpg') no-repeat; background-position: 0 -36px;}

#header #nav li.concerts a:link {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_concerts.jpg') no-repeat;}
#header #nav li.concerts a:visited {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_concerts.jpg') no-repeat;}
#header #nav li.concerts a:hover {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_concerts.jpg') no-repeat; background-position: 0 -36px;}
body#concerts #header #nav li.concerts a {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_concerts.jpg') no-repeat; background-position: 0 -36px;}

#header #nav li.links a:link {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_links.jpg') no-repeat;}
#header #nav li.links a:visited {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_links.jpg') no-repeat;}
#header #nav li.links a:hover {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_links.jpg') no-repeat; background-position: 0 -36px;}
body#links #header #nav li.links a {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_links.jpg') no-repeat; background-position: 0 -36px;}

#header #nav li.contact a:link {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_contact.jpg') no-repeat;}
#header #nav li.contact a:visited {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_contact.jpg') no-repeat;}
#header #nav li.contact a:hover {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_contact.jpg') no-repeat; background-position: 0 -36px;}
body#contact #header #nav li.contact a {display: block; width: 100px; height: 36px; background: url('../img/layout/nav_contact.jpg') no-repeat; background-position: 0 -36px;}

#header #nav2 li.listen a:link {display: block; width: 111px; height: 36px; background: url('../img/layout/listenlive.jpg') no-repeat;}
#header #nav2 li.listen a:visited {display: block; width: 111px; height: 36px; background: url('../img/layout/listenlive.jpg') no-repeat;}
#header #nav2 li.listen a:hover {display: block; width: 111px; height: 36px; background: url('../img/layout/listenlive.jpg') no-repeat; background-position: 0 -36px;}

#header #nav2 li.knob a:link {display: block; width: 150px; height: 113px; background: url('../../media/img/knob.png') no-repeat;}
#header #nav2 li.knob a:visited {display: block; width: 150px; height: 113px; background: url('../../media/img/knob.png') no-repeat;}
#header #nav2 li.knob a:hover {display: block; width: 150px; height: 113px; background: url('../../media/img/knob.png') no-repeat; background-position: 0 -113px;}



/* ----------- HOMEPAGE ---------- */

#sponsers img { margin:0 3px 10px 0; border:#fff 2px solid; padding:4px; background-color:#006cb6; }
#random img { margin:0 3px 10px 0; border:#fff 2px solid; padding:4px; background-color:#343; }

#spotlight {width:100px; height:100px;margin-right:9px; border:#fff 2px solid; padding:4px; background-color:#343; float:right; background-image:url(../img/layout/church_spotlight.png); background-repeat:no-repeat; background-position:center; text-align:center;}
#spotlight div {margin-top:37px; font-weight:bold; padding:1px; color:#333}

#learn-more {
	margin: 20px 0 0 0;
	width: 901px;
}

#learn-more h3 {
	display: none;
}

.learn-more-box {
	width: 196px;
	height: 50px;
	padding: 38px 0 40px 0;
	margin: 0 0 0 20px;
	float: right;
}

#news_entry { width:527px; padding:0 0 0 0; }
.news_entry { border-bottom: #999 1px solid; line-height:18px; margin-bottom:20px; padding-bottom:20px; }
.news_entry h3 { color:#006cb6; font-size:19px; font-weight:bold; display:block; margin:0 0 5px 0; }	
.news_entry h3 span { font-size:11px; color:#999; display:block; }
.news_entry p { color:#555; font-size:15px; }
.news_entry .pic { background-color:#FFF; float:left; height:100px; width:100px; border:#FFF 3px solid; }
.news_entry .text { float:right; width:400px; }

.news_entry { border-bottom: #999 1px solid; line-height:18px; margin-bottom:20px; padding-bottom:20px; }
.news_entry h3 { color:#006cb6; font-size:19px; font-weight:bold; display:block; margin:0 0 5px 0; }	
.news_entry p { color:#555; font-size:15px; }
.news_entry .date { background-color:#FFF; float:left; height:80px; width:80px; border:#FFF 3px solid; padding:10px; background-color:#CCC; }
.news_entry .date span { font-size:25px; text-align:center; display:block }	
.news_entry .date strong { font-size:45px; text-align:center; display:block; margin-top:22px; }	
.news_entry .date .year { font-size:15px; text-align:center; display:block; margin-top:9px; color:#999; }	
.news_entry .text { float:right; width:400px; }

/* ----------- STAFF ---------- */

.staff_entry_img { width:900px; height:63px; margin-bottom:20px; background-color:#006cb6; clear:both }
.staff_entry { width:450px; border-bottom: #999 1px solid; line-height:18px; margin-bottom:20px; padding-bottom:20px; float:left; }
.staff_entry .pic { background-color:#FFF; float:left; height:120px; width:100px; border:#FFF 3px solid; }
.staff_entry .name { float:right; width:330px; }
.staff_entry .name h3 { color:#006cb6; font-size:19px; font-weight:bold; display:block; margin:0 0 5px 0; }	
.staff_entry .name p { color:#555; font-size:15px; }

/* Footer */

#footer {
	padding: 20px 0 100px;
}

#footer p {
	color: #b2b2b2;
	font-size: 1.1em;
	text-align: center;
}

#footer p a:link {text-decoration: none; color: #b2b2b2;}
#footer p a:visited {text-decoration: none; color: #b2b2b2;}
#footer p a:hover {text-decoration: none; color: #272727;}
#footer p a:active {text-decoration: none; color: #272727;}

#ejunkie {
	display: none;
}