/*-----------------------------------
Define Main Elements
-------------------------------------*/
*
{
	margin: 0;
	padding: 0;
}

body {
	font: .8em/1.3em Georgia, Times New Roman, Times, serif;
	color: #fae8c1;

	background: url(../img/bg.gif);
}

a {
	color: #cda879;
}


h1#logo {
	background: url(../img/logo.gif) no-repeat;
	font-size: 0;
	margin: 0 auto 22px;
	overflow: hidden;
	text-indent: -99999px;
	width: 310px;
	height: 60px;
}

#wrapper {
	background: url(../img/wrapper.gif) repeat-x;
	padding: 19px 0 0;
	width: 100%;
}

#container {
	background: #000 url(../img/container_middle.gif) repeat-y;
	margin: 0 auto;
	width: 750px;
}

#content {
	background: url(../img/container_topper.gif) no-repeat;
	padding: 25px 25px 0;
	position: relative;
	width: 700px;
	z-index: 1;
}

#container_bottom {
	background: url(../img/container_bottom.gif) no-repeat;
	margin: -70px auto 0;
	width: 750px;
	height: 105px;
}

.clear{
	clear:both;
}

/*-----------------------------------
Sub Header Area
-------------------------------------*/

#sub_header_small {
	background: url(../img/sub_header_bg_small.jpg) no-repeat;
	background-color:#DEBD88;
	width: 418px;
	height: 68px;
	padding: 10px 0 0 0;
	margin-bottom: 20px;
	text-align:center;
}

#sub_header_big {
	background: url(../img/sub_header_bg_big.jpg) no-repeat;
	background-color:#DEBD88;
	width: 418px;
	height: 98px;
	padding: 10px 0 0 0;
	margin-bottom: 20px;
	text-align:center;
}

#mission_header {
	background: url(../img/subheader_mission.gif) center top no-repeat;
	overflow: hidden;
	text-indent: -99999px;
	height: 40px;
}

#gatherings_header {
	background: url(../img/subheader_gatherings.gif) center top no-repeat;
	overflow: hidden;
	text-indent: -99999px;
	height: 58px;
}

#about_header {
	background: url(../img/subheader_about.gif) center top no-repeat;
	overflow: hidden;
	text-indent: -99999px;
	height: 44px;
	margin-bottom: 5px;
}

#contact_header {
	background: url(../img/subheader_contact.gif) center top no-repeat;
	overflow: hidden;
	text-indent: -99999px;
	height: 44px;
}

#giving_header {
	background: url(../img/subheader_giving.gif) center top no-repeat;
	overflow: hidden;
	text-indent: -99999px;
	height: 58px;
}

/*-----------------------------------
Menu
-------------------------------------*/

#menu {
	position: relative;
	margin: 0 auto;
	margin-bottom:-8px;
	height:24px;
	width: 529px;
	list-style:none;
	z-index:2; 
}

#menu li a, #menu li { 
	text-indent: -99999px;
}

#menu li {
	display:block; 
	float:left;
	list-style: none;
	height:24px;
	background-position: center bottom;
}

#menu li a {
	display:block;
	height:24px;
	background-position: center top;
	overflow: hidden; 
}

#menu li a:hover {
	background-position: center bottom;
}

#home, #home a {
	background: url(../img/menu_home.gif);
	width: 74px;  
}

#about, #about a {
	background: url(../img/menu_about.gif);
	width: 76px;  
}

#gatherings, #gatherings a {
	background: url(../img/menu_gatherings.gif);
	width: 76px;  
}

#mission, #mission a {
	background: url(../img/menu_mission.gif);
	width: 76px;  
}

#giving, #giving a {
	background: url(../img//menu_giving.gif);
	width: 76px;  
}

#blog, #blog a {
	background: url(../img/menu_blog.gif);
	width: 76px;  
}

#contact, #contact a {
	background: url(../img/menu_contact.gif);
	width: 75px;  
}

/*-----------------------------------
Sub Menu
-------------------------------------*/

#submenu {
	display:table;
	padding:0; 
	margin:0 auto; 
	list-style-type:none;
	white-space:nowrap;
}

#submenu li {
	display:table-cell;
}

#submenu span {
	display:block;
	background-color:#7a2c21;
	color: #FFF;
	padding: 2px;
	margin: 0 2px 0 2px;
	font: .8em; 
}

#submenu a {
	width:auto;
	display:block;
	text-decoration:none;
	color: #000;
	padding: 2px;
	margin: 0 2px 0 2px;
	font: .8em;
}

#submenu a:hover {
	background-color:#7a2c21;
	color: #FFF;
}
  
#submenu_title {
	width:auto;
	display:block;
	text-decoration:none;
	color: #000;
	padding: 2px;
	margin: 0 2px 0 2px;
	font: .8em;
}

.container {clear:both; text-decoration:none;}

/*-----------------------------------
Inner content
-------------------------------------*/

#left_content {
	width:418px;
	float:left;
	margin-right: 12px;
}

#right_content {
	width:270px;
	float:left;
}

#welcome {
	height: 217px;
	background: url(../img/welcome.jpg);
	background-color:#DEBD88;
	line-height: 1.2em;
	color: #351B00;
	padding: 80px 25px 25px 25px;
}

#sub_time {
	display:block;
	background: url(../img/time.jpg);
	height: 62px;
	margin-top: 10px;
}

#sub_about {
	display:block;
	background: url(../img/about.jpg);
	height: 49px;
	margin-top: 8px;
}

#sub_podcast {
	display:block;
	background: url(../img/podcast.jpg);
	height: 38px;
	margin-top: 8px;
}

#left_content p {
	margin: 0 0 20px 0;
}

#left_content h2 {
	font-weight:bold;
	font-size: 1em;
	color: #cda879;
}

#left_content h3 {
	font-size: 1.2em;
	text-align:center;
	font-weight:normal;
	margin-bottom: 20px;
}

#directions_1 {
	float:left;
	width:48%;
}

#directions_2 {
	float:right;
	width:48%;
}

.directions_list {
	list-style-type:decimal;
	font-size: .9em;
	margin-left: 15px;
}

#contact_area {
	text-align:center;
}

.contact_left {
	float:left;
	text-align:right;
	width:40%;
	padding-right: 5%;
	color: #cda879; 
}

.contact_right {
	float:right;
	text-align:left;
	width:55%;
}

.content_divider {
	clear:both;
	height: 40px;
	background: url(../img/contact_divider.gif) center no-repeat;
}

.left_image {
	float:left;
	padding: 0 8px 8px 0;
}

/*-----------------------------------
Newsletter Signup
-------------------------------------*/
#sub_email {
	background: url(../img/newsletter_bg.jpg);
	height: 83px;
	margin-top: 8px;
}

#sub_email_input {
	background: url(../img/newsletter_field.gif) no-repeat;
	background-position: left center;
	border: 0;
	padding: 5px 5px 0 10px;
	color: #fae8c1;
	position:relative;
	top: 32px;
	left: 5px;
	height: 21px;
	width: 157px;
}

#sub_email_button {
	position:relative;
	top: 40px;
	left: 8px;
}

/*-----------------------------------
Footer 
-------------------------------------*/

#footer {
	margin: 4px auto 10px;
	font-size: 10px;
	color: #dab488;
	text-transform: uppercase; 
	text-align:center;
}

.footer_spacer {
	vertical-align:middle;
}

#footer a { 
	color: #dab488;
	text-decoration: none;
}

#footer a:hover { 
	text-decoration: underline;
	color: #FFF;
}