* {margin:0; padding: 0;}

body {
	background: #287b91 url(/images/interface/pattern.gif) repeat;
	text-align: center;
	font-family: "Lucida Sans", Arial, sans-serif;
	font-size:75.25%;
	color: #333;
}

.hide {display: none;}
.clr {clear: both;}

a {outline: none;}
a:link {color: #267388;}
a:visited {color: #652E48;}
a:hover {text-decoration: none;}

hr {
	border: none;
	border-top: 1px solid #e1dfd7;
	background:#e1dfd7;
	width: 100%;
	clear:both;
	height: 1px;
	margin-bottom:15px;
}

/* --- Header --- */

#header-back {
	width: 100%;
	height: 186px;
	background: url(/images/interface/head-back.gif) repeat-x;
}

#header {
	width: 941px;
	height: 186px;
	background: url(/images/interface/header.gif) no-repeat;
	margin: 0 auto;
}

#header h1 a {
	display: block;
	text-decoration: none;
	text-indent:-1000em;
	width: 467px;
	height: 37px;
	float: right;
	clear: right;
	margin: 40px 0 40px 0;
}

#header h2 {display: none;}

/*--- AUX Nav ---*/

ul#auxnav {
	background: #fffcee;
	list-style: none;
	display: inline;
	float: right;
}

ul#auxnav li {
	float: left;
	border-right: 1px solid #c2b682;
	padding: 0 8px;
	margin: 8px 0;
}

ul#auxnav li:last-child {border: none;}

#auxnav a {
	color: #7b7147;
	text-decoration: none;
}

#auxnav a:hover {
	text-decoration: underline;
}

/* Horizontal Navigation Systems */

/* MAIN NAVIGATION */
#navbar a:hover {border:none;}
#navbar {
	margin:0 0 0 218px;
	width:724px;
	height:38px;
	clear:both;
	}
#navbar ul {
	display:block;
	height:38px;
	width:724px;
	background: url(/images/interface/mainnav2.gif) 0 0 no-repeat;
	list-style-type:none;
	}
#navbar ul li a.firstlevel {
	display:block;
	height:38px;
	text-indent:-9999px;
	}
#navbar ul li {
	float:left;
	list-style-type:none;
	}

/* DROP DOWNS */
#navbar li ul {
	display:none;
	position:absolute;
	padding: 0;
	height:auto;
	background:#6aa0af;
	width: 160px;
	z-index:2;
	}

#navbar li ul li {position:relative!important;}	
	
#navbar li ul li a {
	display:block;
	float: none!important;
	height: auto;
	width:140px;
	color:#fffcee;
	padding:8px 10px;
	text-decoration:none;
	font-size:1em;
	line-height:1.1em;
	text-align:left;
	border-bottom: 1px solid #81b3c1;
	}
#navbar li ul li a:hover {
	color:#fff; 
	border-bottom: 1px solid #81b3c1; 
	background: #6092a0;
	}

#navbar li:hover ul, #navbar li.over ul {display:block;}	

/* item widths */
li#home a.firstlevel 		 {left:0px;width:63px;}
li#about a.firstlevel 		 {left:63px;width:68px;}
li#worship a.firstlevel 	 {left:131px;width:87px;}
li#music a.firstlevel 		 {left:218px;width:67px;}
li#education a.firstlevel 	 {left:285px;width:108px;}
li#groups  a.firstlevel 	 {left:393px;width:77px;}
li#mission  a.firstlevel 	 {left:470px;width:79px;}
li#giving a.firstlevel  	 {left:549px;width:71px;}
li#resources  a.firstlevel   {left:620px;width:104px;}

/* mouseover */
li#home:hover a.firstlevel		{background: url(/images/interface/mainnav2.gif) -0px -76px no-repeat;}
li#about:hover a.firstlevel		{background: url(/images/interface/mainnav2.gif) -63px -76px no-repeat;}
li#worship:hover a.firstlevel 	{background: url(/images/interface/mainnav2.gif) -131px -76px no-repeat;}
li#music:hover a.firstlevel 	{background: url(/images/interface/mainnav2.gif) -218px -76px no-repeat;}
li#education:hover a.firstlevel {background: url(/images/interface/mainnav2.gif) -285px -76px no-repeat;}
li#groups:hover a.firstlevel	{background: url(/images/interface/mainnav2.gif) -393px -76px no-repeat;}
li#mission:hover a.firstlevel	{background: url(/images/interface/mainnav2.gif) -470px -76px no-repeat;}
li#giving:hover a.firstlevel	{background: url(/images/interface/mainnav2.gif) -549px -76px no-repeat;}
li#resources:hover a.firstlevel {background: url(/images/interface/mainnav2.gif) -620px -76px no-repeat;}

/* onstates */
body.home li#home a.firstlevel 			 {background: url(/images/interface/mainnav2.gif) -0px -38px no-repeat;}
body.about li#about a.firstlevel 		 {background: url(/images/interface/mainnav2.gif) -63px -38px no-repeat;}
body.worship li#worship a.firstlevel 	 {background: url(/images/interface/mainnav2.gif) -131px -38px no-repeat;}
body.music li#music a.firstlevel 		 {background: url(/images/interface/mainnav2.gif) -218px -38px no-repeat;}
body.education li#education a.firstlevel {background: url(/images/interface/mainnav2.gif) -285px -38px no-repeat;}
body.groups li#groups a.firstlevel 	 	 {background: url(/images/interface/mainnav2.gif) -393px -38px no-repeat;}
body.mission li#mission a.firstlevel 	 {background: url(/images/interface/mainnav2.gif) -470px -38px no-repeat;}
body.giving li#giving a.firstlevel 		 {background: url(/images/interface/mainnav2.gif) -549px -38px no-repeat;}
body.resources li#resources a.firstlevel {background: url(/images/interface/mainnav2.gif) -620px -38px no-repeat;}

body.about #navbar ul li#about:hover ul, body.about #navbar ul li#about.over ul,
body.worship #navbar ul li#worship:hover ul, body.worship #navbar ul li#worship.over ul,
body.music #navbar ul li#music:hover ul, body.music #navbar ul li#music.over ul,
body.education #navbar ul li#education:hover ul, body.education #navbar ul li#education.over ul,
body.groups #navbar ul li#groups:hover ul, body.groups #navbar ul li#groups.over ul,
body.mission #navbar ul li#mission:hover ul, body.mission #navbar ul li#mission.over ul,
body.giving #navbar ul li#giving:hover ul, body.giving #navbar ul li#giving.over ul,
body.resources #navbar ul li#resources:hover ul, body.resources #navbar ul li#resources.over ul
{display:none!important;}

#navbar ul ul ul, #navbar ul ul ul li {display: none;padding:0;margin:0;}

/*--- Home Page ---*/

body.home #col1 {
	padding-top: 20px;
}

body.home #col1 h1 {
	border-bottom: 1px solid #f6ce90;
	padding: 3px 0;
	margin: 0 20px 10px 15px;
	font-family: Palatino, Georgia, Times, serif;
	font-size: 1.5em;
	font-style: italic;
	font-weight: normal;
	color: #fff;
}

body.home #col1 p {
	color: #fff;
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 20px 30px 15px;
}

body.home #col1 a {color: #fff;}

img.facebook {
	margin-left:15px;
	margin-bottom:6px;
	border: none;
}

body.home .connected {
	margin-bottom: 25px;
}

body.home #col1 .connected p {
	margin: 0 20px 5px 15px;
}

body.home #col1 .connected img {
	vertical-align: top;
	margin-left: 0;
	border: none;
}

/* Welcome Feature */

div#welcome {
	width: 718px;
	height: 243px;
	background: url(/images/interface/welcome.gif) no-repeat;
	margin-bottom: 15px;
}

div#welcome h1 {
	padding: 35px 0 0 24px;
	margin-bottom: 8px;
	color: #5f4e08;
	font-style: italic;
	font-size: 1.9em;
	width: 275px;
}

div#welcome p {
	font-size: 1.1em;
	line-height: 1.5em;
	color: #84794d;
	width: 275px;
	padding-left: 24px;
	margin-bottom: 8px;
}

div#welcome a {color: #84794d;}

/* Homepage Image */

#col2 ul#homeimage {
	margin: 0 18px 0 0;
	float: right;
	width: 388px;
	z-index: 1;
}

div#welcome ul li {list-style: none;}

div#welcome img {
	background: none;
	border: none;
}

/* Home Features */

div.feature {
	float: left;
	width: 210px;
	margin-right: 20px;
}

#col2 div.feature h1 {
	margin-bottom: 10px;
}

div.feature p {
	font-size: 1em;
	line-height: 1.6em;
	margin-bottom: 10px;
}

#col2 div.feature h2, body.testimonials #col2 h2 {
	font-size: 1.2em;
	font-style: italic;
	color: #652E48;
	font-weight: normal;
	text-align: right;
	margin-bottom: 10px;
}

div.feature a {
	color: #333;
}

div.featured-news {
	width: 690px;
	background: #d2e9ed;
	border-top: 1px solid #b5d4d9;
	border-bottom: 1px solid #b5d4d9;	
	margin: 0 0 20px 0;
}

div.featured-news div.feature {
	width: 320px;
	margin: 10px;
}


div.featured-news div.feature p {
	font-weight: bold;
	line-height:1.3em;
	margin-top:5px;
}

div.featured-news div.feature p a {color: #3d6a71;text-decoration: none;}
div.featured-news div.feature p a:hover {text-decoration: underline;}

div.featured-news div.feature p.readmore  {
	font-weight: normal;
	font-size: .9em;
	text-align: right;
	margin: 0;
}

div.featured-news div.feature p.readmore a {color: #6d7273;text-decoration: underline;}
div.featured-news div.feature p.readmore a:hover {text-decoration: none;}

#col2 div.featured-news img {
	padding: 0;
	border: 1px #fff solid;
	float: left;
	margin: 0 10px 0 0;
}

/*--- Sub Navigation ---*/

ul#subnav {
	list-style: none;
	margin: 20px 20px 30px 15px;
	min-height: 300px;
}

#subnav li {
	border-bottom: 1px solid #f6ce90;
	padding: 6px 4px;
}

#subnav a {
	color: #fffcee;
	text-decoration: none;
	font-size: 1.2em;
}

#subnav a:hover {
	color: #f6ce90;
}

#sidebar-bottom {
	background: url(/images/interface/nav-bottom.gif) no-repeat bottom;
	height: 10px;
	width: 215px;
}

/*--- Content ---*/

#content {
	width: 941px;
	margin: 0 auto;
	text-align: left;
	background: url(/images/interface/content-back.png) repeat-y;
}

#col1 {
	float: left;
	width: 215px;
	background: url(/images/interface/nav-back.gif) repeat-y;
	margin: 0 16px 30px 0;
}

#col2 {
	float: left;
	width: 690px;
	margin: 25px 0 20px 0;
}

#col2 h1 {
	font-family: Palatino, Georgia, Times, serif;
	font-size: 1.8em;
	font-weight: normal;
	color: #652e48;
	margin-bottom: 20px;
}

#col2 h1 a {
	color: #652e48;
	text-decoration: none;
}

#col2 h1 a:hover {
	text-decoration: underline;
}

#col2 h2 {
	font-family: Palatino, Georgia, Times, serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #000;
	margin: 5px 0 15px 0;
}

#col2 h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 10px 0;
}

body.news #col2 h2 {
	font-size: 1.2em;
	margin: -10px 0 15px 0;
}

#col2 h3.date {
	font-size: 1.2em;
	font-family: Palatino, Georgia, Times, serif;
	font-weight: normal;	
	margin: -5px 0 15px 0;
}

span.event-desc {
	font-style: italic;
}

p {
	font-size: 1.1em;
	line-height: 1.6em;
	margin: 0 0 15px 0;
}

body.sermons #col2 p,
body.sermons #col2 hr {
	margin: 0 0 10px 0;
}

p.logout {
	color:#666666;
	font-size:0.9em;
	float: right;
}

blockquote {
	margin: 0 0 0 20px;
	font-style: italic;
}

blockquote p {line-height: 1.7em;}

pre, code {
	font-size: 1em;
	font-family: "Lucida Sans", Arial, sans-serif;
	line-height: 1.6em;
	margin: 0 0 15px 15px;
}

#col2 ul, #col2 ol {
	font-size: 1.1em;
	line-height: 1.6em;
	margin: 0 0 20px 30px;
}

#col2 ul li {list-style-type: square;}

#col2 li {
	margin: 0 0 6px 0;
}

#col2 img {
	background: #fff;
	padding: 10px;
	border-left: 1px solid #f1eee1;
	border-bottom: 2px solid #e2dfd3;
	border-right: 2px solid #e2dfd3;	
	border-top: 1px solid #f1eee1;
}

img.alignright {
	margin: 0 0 15px 15px;
	float: right;
}

#col2 img.pdf {
	padding: 0 0 0 4px;
	border: none;
	vertical-align: bottom;
	background: none;
}

div.staff {
}

body.staff #col2 img {
	float: left;
	margin: 0 20px 20px 0;
}

div.staff p {
	margin-left: 215px;
}

body.staff #col2 h2 {
	margin-bottom: 5px;
	margin-top: 0;
}

p.staff-email {
	font-size: 1em;
}

/*--- Google Map ---*/

div#map iframe {
	border: 1px #ccc solid;
	margin-bottom: 20px;
}

#driving #saddr {
	border: 1px solid #888;
	padding: 4px;
	width: 400px;
}

#driving #go-button {
	position: relative;
	top: 8px;
	margin-left: 8px;
}

#driving form {
	margin: -10px 0 20px 0;
}

/*--- Tables ---*/

table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 30px 0;
}

td, th {
	padding: 6px;
	vertical-align: top;
}

table.events td {padding: 10px;background: none;}
td.event-date {width: 180px;font-weight: bold;}
td.event-time {width: 50px;}

table th {
	background: #f8f2d8;
	color: #625c3d;
}

table td {
	border-bottom: 1px solid #e1dfd7;
	background: #fefdf9;
}

/*--- Sitemap ---*/

body.sitemap #col2 h2 {
	border-bottom: 1px solid #e1dfd7;
}

body.sitemap #col2 h2 a {
	text-decoration: none;
	color: #333;
}

/*--- GALLERY ---*/

div.navigation {
	text-align: center;
	margin: 0 0 10px 0;
	border-top: 1px solid #e1dfd7;
	border-bottom: 1px solid #e1dfd7;	
	clear: both;
	padding: 10px;
	background: #FEFDF9;
}

div.navigation p {
	margin-bottom: 0;
	font-size: 1em;
}

div.navigation a {color: #69553F;}

div.breadcrumb {float: left; width: 440px;}

div.breadcrumb p {
	font-size: 1em;
}

div#thumb-gallery {
	clear: both;
	float: left;
	width: 96%;
	border-top: 1px solid #e1dfd7;
	border-bottom: 1px solid #e1dfd7;
	padding: 15px 10px 10px;
}

body.gallery #content div.thumbs img {
	float: left;
	margin: 0 15px 15px 0;
}

div.cat_thumbs {
	float: left;
	margin: 0 25px 0 0;
	width: 200px;
	text-align:center;
}

body.gallery #content div.cat_thumbs img {
	margin: 0 5px 5px 0;
}

div.cat_thumbs p {
	font-size:1em;
	line-height:1.4em;
	margin:0 5px 5px;
}

div.cat_thumbs a {
	text-decoration: none;
	color: #69553F;
}

div.cat_thumbs a:hover {text-decoration: underline;}

body.gallery #content img {
	float: none;
	margin: 0;
}

body.gallery form {float: right;}
body.gallery h1 {clear: both;}

div.imageBG {
	margin-bottom: 15px;
}

/*--- Footer ---*/

#footer {
	text-align: right;
	width: 941px;
	margin: 10px auto;
	color: #a7d6e3;
	font-size: .8em;
}

#footer a {
	color: #a7d6e3;
}

/*--- Clear Fix ---*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.c\f:after {line-height: 0;}
.clearfix {display: inline-block;}