/* 
Name: New Hope Community Church Website 
Author: Nick Francis
Questions/Comments: nick@project83.com   
*/

/* main styles */
body {
	text-align:center;
	min-width:770px;
	background:#BABC99 url(images/bg.gif) repeat top left;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	}
	
#wrap {
	width:759px;
	margin:0 auto;
	text-align:left;

	}	
	
#bgtop {
	width:100%;
	height:34px;
	background:url(images/bgtop.gif) repeat-x top left;
	}	

.clear {
	clear:both;
	}
	
a {
	color:#0000FF;
	}		
	
a:hover {
	text-decoration:none;
	}	
	
h2 {
	color:#521F00;
	font-size:130%;
	font-weight:bold;
	}	
	
h3 {
	color:#2A3F57;
	border-bottom:2px solid;
	padding-top:10px;
	}

h4 {
	color:#2A3F57;
	font-size:100%;
	}

	
	
.float-left {
	float:left;
	padding:0 10px 0 0;
	margin:0;
	}	
	
.float-right {
	float:right;
	padding:0 0 10px 10px;
	margin:0;
	}		
	
/* header */	
#header {
	width:695px;
	height:170px;
	background:url(images/header.jpg) no-repeat top center;
	margin-left:20px;
	}

h1 {
	margin:0;
	padding:0;
	text-indent:-9000px;
	}	
	
/* navigation */
#nav {
	width:759px;
	height:27px;
	background:#fff url(images/nav_bg_db.gif) no-repeat top left;
	margin:0;
	padding:0;
	}
	
#nav ul {
	float:left;
	display:inline;
	margin:6px 0 0 22px;
	padding:0;
	list-style:none;
	}
	
#nav li {
	float:left;
	}		
	
#nav li a {
	color:#040502;
	text-decoration:none;
	display:block;
	padding:0 15px;
	}	
	
.win.gecko #nav li a {
	padding:0 13px;
}	
	
#nav li a:hover {
	text-decoration:underline;
	}	
	
#nav li.active {
	background:url(images/nav_active.gif) no-repeat bottom center;
	padding-bottom:6px;
	}	

/* subnav */
#subnav {
	width:759px;
	height:30px;
	background:#2A3F57 url(images/subnav_bg.gif) no-repeat top left;
	margin:0;
	padding:0;
	}	
	
#subnav ul {
	float:left;
	display:inline;
	margin:8px 0 0 78px;
	padding:0;
	list-style:none;
	}
	
.win.gecko #subnav ul {
	margin-top:5px;
}	
	
#subnav li {
	float:left;
	}		
	
#subnav li a {
	color:#D6E8F9;
	font-size:90%;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	text-decoration:underline;
	display:block;
	padding:0 10px;
	}	
	
#subnav li a:hover {
	text-decoration:none;
	}	
	
#subnav li.active a {
	background:url(images/check.gif) no-repeat left center;
	padding-left:20px;
	margin-left:5px;
	}	
	

/* childnav */
#childnav {
	width:540px;
	height:25px;
	background:url(images/nav_child.jpg) top left;
	margin:0;
	padding:0;
	}	
	
#childnav ul {
	float:left;
	display:inline;
	margin:5px 0 0 20px;
	padding:0;
	list-style:none;
	}
	
.win.gecko #subnav ul {
	margin-top:5px;
}	
	
#childnav li {
	float:left;
	}		
	
#childnav li a {
	color:#FFFFFF;
	font-size:90%;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	text-decoration:underline;
	display:block;
	padding:0 10px;
	}	
	
#childnav li a:hover {
	text-decoration:none;
	}	
	
#childnav li.active a {
	background:url(images/check2.jpg) no-repeat left center;
	padding-left:20px;
	margin-left:5px;
	}



/* content */	
#content {
	width:759px;
	background:#fff url(images/content_bg.gif) repeat-y top left;
	font-size:1.1em;
	}	
	
#home-image {
	width:560px;
	height:161px;
	background:#fff url(images/home_image.jpg) no-repeat top left;
	position:relative;
	right:14px;
	bottom:20px;
	}	
	
#flashcontent {
	float:right;
	margin:10px 0 10px 10px;
}	
	
/* pages */
#pages {
	float:left;
	width:526px;
	padding:20px 20px 20px 25px;
	color:#35371F;
	background:#fff url(images/pages_bg.gif) repeat-y top left;
	overflow:hidden;
	font-size:95%;
	line-height:18px;
	}	
	
#pages h2 {
	margin:0;
	padding:0;
	}	
	
/* telecare page */
.img-wrap {
	float:left;
	padding:5px 55px 15px 0;
	margin:0;
	}	
	
/* events page */
div#viewingBox {
	float:right;
	padding-top:10px;
}

p#subscribe {
	float:left;
}

ul.event_list { width:550px; margin:0; padding:0; list-style:none; float:left;}
ul.event_list li {width:490px; margin:0 0 0 5px; padding:0 15px; list-style:none; border-bottom: 1px solid #bbae90; }

ul.event_list li.last_event { border:0;}
ul.event_list li:hover { background-color:#F7F7E3;}
ul.event_list li.noHighlight:hover, ul.event_list li.noHighlight li:hover { background-color:#fff; }
ul.event_list li ul { margin: 0; padding: 13px 0 13px 0; list-style:none; }
ul.event_list li ul li { margin:0 0 0 0; padding:0; list-style:none; line-height:1.75em; color:#564319; border:0; }
ul.event_list li ul li.event_title { margin:0 0 0 0; padding:0; list-style:none; line-height:1.75em; color:#d18316; font-size:120%; font-weight:bold;}

ul li span.lbl {
	font-weight:700;
}


/* missions pages */
#missions-content {
	float:left;
	width:365px;
	margin:0;
	padding:0;
	}	
	
#missions-images {
	float:right;
	width:151px;
	margin:0;
	padding-left:10px;
	}	
	
#missions-images img {
	margin:0 0 15px 0;
	}	
	
/* ministries pages */
.img-wrap2 {
	float:right;
	padding:10px 0 0 10px;
	margin:0;
	}	
	
.arts-photos {
	float:left;
	margin:0 0 10px 0;
	}	
	
/* contact page */
#contact fieldset {
	margin:0;
	margin-top:10px;
	padding:0;
	border:none;
	}
	
#contact fieldset ul {
	list-style:none;
	margin:0;
	padding:0;
	}	
	
#contact fieldset label {
	float:left;
	clear:right;
	width:100px;
	text-align:right;
	margin:0;
	padding-top:4px;
	}

#contact fieldset input, textarea {
	width:250px;
	margin:5px 0 8px 15px;
	padding:2px;
	color:#35371F;
	font-size:100%;
	font-family:Georgia, "Times New Roman", Times, serif;
	border:1px solid #2A3F57;
	}
	
#contact .capcha {
	margin:5px 0 8px 15px;
	border:1px solid #2A3F57;
	}
	
#contact .capcha-reload {
	margin:-10px 0 8px 115px;
	}

#contact fieldset #error {
color:#FF0000;
margin-bottom:10px;

	}
	
#contact fieldset #submit {
	width:auto;
	background:#2A3F57;
	color:#fff;
	margin:0 0 15px 335px;
	}
	
/* membership directory */
.member-wrap {
	font-size:120%;
	}
	
.member-wrap span {
	color:#2A3F57;
	font-weight:bold;
	padding-right:5px;
	}	
	
#msearch {
	border:1px solid #2A3F57;
	padding:2px;
	width:130px;
	margin-right:6px;
	}	
	
#directory h2 {
	float:left;
	margin-right:150px;
	}	
	
#directory p.msearch {
	float:right;
	}	

	
/* sidebar */
#sidebar {
	float:left;
	width:188px;
	background:#F4F3D2 url(images/sidebar_bg.gif) repeat-y top left;
	margin:0;
	padding:0;
	}
	
#sidebar-info {
	width:168px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#491D00;
	font-size:85%;
	background:#C1C38E url(images/info-bg.gif) no-repeat bottom left;
	margin:0;
	padding:4px 4px 0 8px;
	list-style:none;
	line-height:13px;
	}
	
#sidebar-info li {
	margin-bottom:10px;
	}	
	
#directions {
	width:110px;
	border:1px solid #949C8B;
	color:#8D9067;
	padding:2px;
	font-size:90%;
	position:relative;
	bottom:56px;
	}

#submit {
	border:none;
	padding:4px 6px 50px 6px;
	}

.sidebar-info {
	font-weight:bold;
	padding:0;
	background:url(images/sidebar_info_bg.gif) no-repeat center left;
	margin:0;
	}
	
#sidebar ul {
	list-style:none;
	}

#sidebar h3 {
	width:152px;
	background:url(images/sidebar_header_bg.gif) repeat-x bottom left;
	padding-bottom:6px;
	margin-left:10px;
	color:#101417;
	font-weight:normal;
	font-size:110%;
	}
	
.audio, .list, .events {
	margin:4px 0 15px 0;
	padding:0 4px 0 12px;
	}		

.events li {
	padding-left:16px;
	background:url(images/events_bg.gif) no-repeat top left;
	font-size:90%;
	margin-bottom:8px;
	}
	
.events li a {
	color:#2E2F18;
	}	
	
.events li a:hover {
	text-decoration:none;
	}
	
h3#audio span {
	display:block;
	height:37px;
	margin:0;
	padding:22px 40px 0 0;
	font-size:.9em;
	background:url(images/podcast.gif) no-repeat 115px 16px;
	}	
	
#name, #email {
	width:140px;
	padding:2px;
	margin-bottom:6px;
	border:1px solid #AAB1A9;
	color:#2E2F18;
	font-size:90%;
	}	
	
#submit2 {
	background:#2A3F57;
	color:#fff;
	text-decoration:underline;
	margin-left:87px;
	border:none;
	font-size:90%;
	}		
	
#sidebar p {
	padding:0 10px;
	}	

/* footer */
#footer {
	width:759px;
	height:92px;
	background:#BABC99 url(images/footer_bg.jpg) no-repeat top left;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	}
	
#footer ul {
	float:left;
	display:inline;
	list-style:none;
	margin-left:150px;
	font-size:90%;
	padding:0 20px;
	}
	
#footer li {
	float:left;
	color:#110603;
	padding:42px 0 22px 0;
	margin-right:25px;
	}		
	
#footer li a {
	display:block;
	color:#110603;
	text-decoration:none;
	}	
	
#footer li a:hover {
	text-decoration:underline;
	}	

/* the following are used on the member-directory page */
#searching { 
	background: url('directory/img/indicator.gif') no-repeat top left; 
	float:left;
	padding-left:20px;
	display:none;
	margin:0;
}

#memberDetails div ul { 
	list-style:none; 
}

#dirHomeLink { 
	display:none; 
}

#resultsLink { 
	margin-left:20px;
	display:none; 
}

.nav { 
	background: #eee; 
	border-top: 1px solid #ccc; 
	padding: 5px; 
}
.nav a { 
	padding: 0 5px; 
}

.nav a.highlight { 
	color: #000; 
	font-weight: bold; 
}

table, tbody, tr, td {
border:none;
}