/********************************/
/* Baptist Home					*/
/* Layout Stylesheet			*/

/********************************/
/* General Formatting			*/
#wrapper {
	background: #FFF url(../images/bkgrd_wrap.jpg) repeat-y;
	margin: 0 auto;
	width: 800px;
}
#wrapper_inner {
	padding: 0 10px;
}

/********************************/
/* Header						*/
#nav_top {
	background: #D6DABF;
	border-bottom: dotted 3px #D6DABF;
	font-size: 0.63em;
	text-transform: uppercase;
}
#nav_top div {
	border-bottom: dotted 2px #FFF;
	padding: 4px 12px 3px 12px;
}
#nav_top ul {
	float: right;
}
#nav_top ul li {
	border-right: solid 1px #1A3444;
	display: inline;
	padding: 0 3px 0 2px;
}
#nav_top ul li.last {
	border-right: none;
}
#nav_top a {
	color: #1A3444;
	text-decoration: none;
}
#nav_top a:hover {
	text-decoration: underline;
}
#header {
	background: #C5DFEE url(../images/bkgrd_header.jpg) repeat-x;
	border: solid 3px #FFF;
	border-left: none;
	border-right: none;
}
#header_image {
	float: left;
	margin: 0;
}
#header_image a {
	background: url(../images/img_header.jpg) no-repeat;
	display: block;
	height: 206px;
	text-indent: -2000em;
	width: 470px;
}
#header_menu {
	float: left;
	margin: 0 0 0 20px;
	width: 290px;
}
#header_menu h2 {
	font-size: 1.00em;
	font-style: italic;
	margin: 24px 0 15px 0;
}
#header_menu h2 span {
	border-bottom: dotted 2px #FFF;
	color: #739AB6;
	display: block;
	font-size: 1.25em;
	font-style: normal;
	font-weight: normal;
	margin: 0 0 6px 0;
	padding: 0 0 5px 0;
}
#header_menu h2 span span {
	border-bottom: none;
	color: #1A3444;
	display: inline;
	font-size: 0.90em;
	font-weight: bold;
	text-transform: uppercase;
}
#header_menu ul {
	border-top: dotted 2px #86B0CE;
	margin: 0 10px 0 0;
}
#header_menu ul li a {
	border-bottom: dotted 2px #86B0CE;
	color: #1A3444;
	display: block;
	font-size: 0.90em;
	padding: 8px 0;
	text-decoration: none;
}
#header_menu ul li a:hover {
	color: #ACB281;
}

/********************************/
/* Menu Formatting				*/

	/* ================================================================ 
	This copyright notice must be untouched at all times.
	
	The original version of this stylesheet and the associated (x)html
	is available at http://www.cssplay.co.uk/menus/final_drop.html
	Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
	This stylesheet and the associated (x)html may be modified in any 
	way to fit your requirements.
	================================================================ */
	
	#nav {border: solid 3px #ACB281; border-left:none; border-right:none; width:781px; height:32px; position:relative; text-align:center; z-index:100;}
	/* hack to correct IE5.5 faulty box model */
	* html #nav {width:746px; w\idth:745px;}
	/* remove all the bullets, borders and padding from the default list styling */
	#nav ul {padding:0;margin:0;list-style-type:none;}
	#nav ul ul {width:149px;}
	/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	#nav li {background:#B5BB8D url(../images/bkgrd_nav.jpg) repeat-x; border:dotted 2px #FFF; border-left:none; border-right:none; float:left; width:156px; position:relative; text-transform:uppercase;}
	/* style the links for the top level */
	#nav a, #nav a:visited {border-right:solid 3px #A8B370; display:block; text-decoration:none; color:#526616; width:153px; height:24px; line-height:24px; font-weight:bold; margin:2px 0;}
	#nav li.last a {border:none;}
	/* a hack so that IE5.5 faulty box model is corrected */
	* html #nav a, * html #nav a:visited {width:149px; w\idth:138px;}
	#nav li li {border:none; border-bottom:solid 3px #A7B8C4;}
	#nav li li a {border:none; border-bottom:solid 3px #A7B8C4;}
	
	/* style the second level background */
	#nav ul ul a.drop, #nav ul ul a.drop:visited {background:#dbe9f3;}
	/* style the second level hover */
	#nav ul ul a.drop:hover{}
	#nav ul ul :hover > a.drop {}
	/* style the third level background */
	#nav ul ul ul a, #nav ul ul ul a:visited {}
	/* style the third level hover */
	#nav ul ul ul a:hover {}
	
	
	/* hide the sub levels and give them a positon absolute so that they take up no room */
	#nav ul ul li {
		background:none;
		border:0;
		padding: 0;
		text-transform:none;
		width: auto;
	}
	#nav ul ul li a {
		background: #DBE9F3;
		color: #1A3444;
		margin: 0;
	}
	#nav ul ul {
		border:solid 3px #748896;
		height: 0;
		position:absolute;
		top:31px;
		left:0;
		visibility:hidden;
		width:149px;
	}
	/* another hack for IE5.5 */
	* html #nav ul ul {top:30px;t\op:31px;}
	
	/* position the third level flyout menu */
	#nav ul ul ul{left:149px; top:-3px; width:149px;}
	
	/* position the third level flyout menu for a left flyout */
	#nav ul ul ul.left {left:-149px;}
	
	/* style the table so that it takes no ppart in the layout - required for IE to work */
	#nav table {position:absolute; top:0; left:0; border-collapse:collapse;}
	
	/* style the second level links */
	#nav ul ul a, #nav ul ul a:visited {height:auto; line-height:1em; padding:5px 10px; width:129px;}
	/* yet another hack for IE5.5 */
	* html #nav ul ul a, * html #nav ul ul a:visited {width:150px;w\idth:128px;}
	
	/* style the top level hover */
	#nav a:hover, #nav ul a:hover{color:#000;}
	#nav :hover > a, #nav ul :hover > a {color:#000;}
	#nav ul ul a:hover{background:#8DAEC6; color:#FFF;}
	#nav :hover > a, #nav ul ul :hover > a {color:#FFF;}
	
	/* make the second level visible when hover on first level list OR link */
	#nav ul li:hover ul,
	#nav ul a:hover ul{visibility:visible; }
	/* keep the third level hidden when you hover on first level list OR link */
	#nav ul :hover ul ul{visibility:hidden;}
	/* make the third level visible when you hover over second level list OR link */
	#nav ul :hover ul :hover ul{ visibility:visible;}

/********************************/
/* Page Contents				*/
#main {
	background: #FFF;
}
#content {
	float: right;
	padding: 14px 0;
}
#sidebar {
	float: right;
	padding: 62px 0 14px 0;
}
#single #content {
	width: 780px;
}
#single #sidebar {
	width: 0;
	margin: 0;
}
#double #content {
	width: 512px;
}
#double #sidebar {
	margin: 0 30px 0 0;
	width: 238px;
}

	/* Content */
	#content {
		color: #555230;
	}
	#content h2 {
		border-bottom: solid 5px #d5d9bd;
		color: #739AB6;
		display: block;
		font-size: 1.50em;
		font-weight: normal;
		letter-spacing: 0.05em;
		margin: 6px 0;
		padding: 0 0 5px 0;
	}
	#single #content h2 {
		padding: 0 0 5px 12px;
	}
	#content h2 span {
		color: #1A3444;
		display: inline;
		font-size: 0.90em;
		text-transform: uppercase;
	}
	#content p {
		font-size: 0.90em;
		line-height: 1.30em;
		margin: 12px 6px 12px 0;
	}
	#single #content p {
		margin: 12px 6px 12px 0;
		padding: 0 12px;
	}
	#content a {
		color: #1A3444;
	}
	#content a:hover {
		color: #000;
	}
	#content .firstline {
		color: #32341F;
		font-weight: bold;
	}
	#content img {
		border: solid 1px #DADAD9;
		padding: 2px;
	}
	#content img.left {
		float: left;
		margin: 6px 6px 6px 0;
	}
	#content img.right {
		float: right;
		margin: 6px 0 6px 6px;
	}
	
	/* Sidebar */
	#sidebar h3 {
		border-bottom: dotted 3px #d5d9bd;
		color: #739AB6;
		display: block;
		font-size: 1.15em;
		font-weight: normal;
		margin: 6px 0;
		padding: 0 12px 5px 12px;
	}
	#sidebar h3 span {
		border-bottom: none;
		color: #1A3444;
		display: inline;
		font-size: 0.90em;
		text-transform: uppercase;
	}
		/* Testimonials */
		#sidebar .testimonials {
			border-bottom: dotted 3px #d5d9bd;
			padding: 12px 12px 0 12px;
		}
		#sidebar .testimonials div {
			padding: 0 0 24px 0;
		}
		#sidebar .testimonials img {
			border: solid 1px #DADAD9;
			float: left;
			padding: 2px;
		}
		#sidebar .testimonials p {
			color: #32341F;
			font-size: 0.70em;
			line-height: 1.30em;
			margin: 0;
			padding: 0 0 0 70px;
		}
		#sidebar .testimonials p span {
			display: block;
			font-style: italic;
			font-weight: bold;
			padding: 0 0 6px 0;
		}
		
		/* Module */
		#sidebar .module {
			border-bottom: dotted 3px #d5d9bd;
			font-size: 0.80em;
			line-height: 1.30em;
			padding: 6px 0 12px 12px;
		}
		#sidebar .module a {
			color: #555230;
			text-decoration: none;
		}
		#sidebar .module a:hover {
			text-decoration: underline;
		}
		
		/* Item */
		#sidebar .item {
			font-size: 0.73em;
			line-height: 1.30em;
			padding: 6px 0 12px 6px;
		}
		#sidebar .item a {
			color: #555230;
			text-decoration: none;
		}
		#sidebar .item a:hover {
			text-decoration: underline;
		}

#photos {
	clear: both;
	padding: 12px;
	text-align: center;
}
#photos img {
	border: solid 1px #DADAD9;
	padding: 2px;
}
#addy {
	border-bottom: solid 12px #DCDFC6;
	clear: both;
	font-size: 0.80em;
	padding: 2px 0;
	text-align: center;
}

/********************************/
/* Footer						*/
#footer {
	background: #D2D7AF url(../images/bkgrd_footer.jpg) no-repeat;
	padding: 14px 0 0 0;
}
#nav_footer {
	display: inline;
	float: left;
	font-size: 0.63em;
	margin: 0 12px 0 24px;
	padding: 2px 0;
	text-transform: uppercase;
}
#nav_footer li {
	border-right: solid 1px #1A3444;
	display: inline;
	padding: 0 3px 0 2px;
}
#nav_footer li.last {
	border-right: none;
}
#nav_footer a {
	color: #1A3444;
	text-decoration: none;
}
#nav_footer a:hover {
	text-decoration: underline;
}
#footer .copyright {
	color: #32341f;
	float: right;
	font-size: 0.63em;
	margin: 0 24px 0 12px;
	padding: 2px 0;
	text-align: right;
	width: 254px;
}
#footer .copyright span {
	color: #4e071f;
}
#footer .copyright .credit {
	color: #32341f;
	display: block;
	padding: 2px 0;
}