body {
  background: #5a471b;
  margin: 0;
  padding: 0;
  font-family: Arial;
  color: #231f20;
  font-size: 13px;
  line-height: 18px;
}

a {
  color: #858959;
  text-decoration: none;
}

a:visited {
  color: #6c7043;
}

a:hover, a:focus {
  text-decoration: underline;
  color: #7d3520;
}

ul, ol {
  color: #6c655d;
  line-height: 18px;
  list-style-position: inside;
  padding-left: 15px;
}

h2 {
  color: #2c2829;
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 10px;
}

h3 {
  font-size: 14px;
}

h4 {
  font-size: 12px;
  text-transform: uppercase;
  line-height: 12px;
}

h4 .date {
  text-transform: none;
}

h3, h4 {
  margin-bottom: 0;
}

p {
  margin-top: 0;
}

.pre {
  white-space: pre;
}

form input.text, form textarea {
	width: 450px;
	border: 1px solid #e4ddbe;
	padding: 5px;
	display: block;
	font-weight: normal;
}

form textarea {
	height: 100px;
}

form label {
	font-size: 14px;
	font-weight: bold;
	display: block;
}

form input.submit {
	border: none;
	background: url(../images/layout/button-submit.png);
	width: 70px;
	height: 29px;
	cursor: pointer;
	text-indent: -999em;
}

.main-wrapper {
  width: 960px;
  margin: 0 auto;
  position: relative;
}

#header {
  background: #909465 url(../images/layout/header_back.jpg) center 0 no-repeat;
}

#header .main-wrapper {
  height: 220px;
}

#home #header .main-wrapper {
  height: 488px;
}

#header #logo {
  background: url(../images/layout/logo.png) no-repeat 0 0;
  width: 218px;
  height: 93px;
  display: inline;
  margin-top: 56px;
  float: left;
  text-indent: -999em;
  outline: none;
}

#header .meta {
  float: right;
  color: #fff;
  font-size: 12px;
  margin-top: 10px;
}

#header .meta a {
  color: #fff;
  text-decoration: none;
}

#header .meta a:hover {
  color: #454824;
}

#header #tagline {
  width: 320px;
  height: 41px;
  background: url(../images/layout/tagline.png) 0 0 repeat-x;
  top: 122px;
  right: 0;
  position: absolute;
  text-indent: -999em;
}

#banner {
  width: 964px;
  height: 94px;
  background: url(../images/layout/banner.jpg) 0 0 repeat-x;
  position: absolute;
  bottom: -47px;
  left: -2px;
}

#banner h1 {
  position: absolute;
  bottom: -17px;
  left: 20px;
  margin: 0;
  width: 900px;
}

#page {
  background: #f8f2d8;
  padding: 90px 0;
}

#home #page {
  padding: 0 0 33px;
}

#feature {
  height: 379px;
  top: -314px;
  margin-bottom: -314px;
  position: relative;
}

#feature .nav a {
  outline: none;
}

#feature-images {
   position: relative;
   z-index: 1;
}

#feature-images .category {
  display: none;
  position: absolute;
}

#feature .arrows {
  position: absolute;
  bottom: 13px;
  left: 14px;
  width: 48px;
  height: 19px;
  background: url(../images/layout/feature-arrows.png) no-repeat 0 0;
  z-index: 10;
}

#feature .arrows .next, #feature .arrows .previous {
  width: 24px;
  float: left;
  height: 19px;
}

#feature .arrows .previous:hover {
  background: url(../images/layout/feature-arrows.png) no-repeat 0 -19px;
}

#feature .arrows .next:hover {
  background: url(../images/layout/feature-arrows.png) no-repeat -24px -19px;
}



#feature .nav {
  position: absolute;
  width: 286px;
  right: 0;
  top: 0;
  z-index: 2;
  background: url(../images/layout/feature-buttons-back.png) right 0 no-repeat;
  height: 100%;
}

#feature .nav a {
  height: 126px;
  display: block;
  text-indent: -999em;
}

#feature .nav a:hover, #feature .nav a.current {
  background-image: url(../images/layout/feature-buttons-hover.png);
}

#feature .nav a + a {
  background-position: 0 -126px;
}

#feature .nav a + a + a {
  background-position: 0 -252px;
  height: 127px;
}

#feature .overlay {
  height: 8px;
  width: 1050px;
  background: url(../images/layout/feature-overlay.png) no-repeat 0 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}

#feature .bottom {
  width: 1161px;
  left: -83px;
  bottom: -37px;
  background: url(../images/layout/feature-bottom.png) no-repeat 0 0;
  position: absolute;
  height: 81px;
}

#badges {
  margin-top: 62px;
}

#badges .badge {
  width: 284px;
  height: 204px;
  float: left;
  position: relative;
}

#badges .badge + .badge {
  margin-left: 54px;
}

#badges .overlay {
  background: url(../images/layout/badge-frame.png) no-repeat 0 0;
  width: 284px;
  height: 204px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

#badges img {
  margin-left: 15px;
  margin-top: 13px;
  display: block;
  width: 259px;
  height: 178px;
  border: none;
}

#main {
  width: 675px;
  float: left;
  padding: 1px 20px;
}

#main p img.alignleft, #main p img.alignright {
  border: 4px solid #d6cfb1;
  margin: 0 0 10px;
}

#main p img.alignleft {
  margin-right: 10px;
  float: left;
}

#main p img.alignright {
  margin-left: 10px;
  float: right;
}

#home #main {
	float: none;
	width: auto;
	padding: 0;
}

#search-results li {
  list-style: none;
  border-bottom: 1px solid #f1e9c8;
  padding: 10px 0;
}

#search-results h3 {
  margin-top: 0;
}

div.resources, div.albums, div.photos {
  width: 663px;
  background: #f2ebcd url(../images/layout/resources-back.png) repeat-y 0 0;
}

div.albums {
  background: none;
}

div.resources > .wrapper, div.random {
  background: url(../images/layout/resources-back-bottom.png) no-repeat 0 bottom;
}

div.albums > .wrapper {
  background: #f2ebcd url(../images/layout/resources-back.png) repeat-y 0 0;
  border-top: 4px solid #d6cfb1;
  margin-top: 3px;
}

div.resources > .wrapper > ul, div.albums > .wrapper > ul, div.recent {
  background: url(../images/layout/resources-back-top.png) no-repeat 0 0;
  padding: 1px;
  margin: 0;
  padding: 0;
}

div.albums > .wrapper > ul {
  background: url(../images/layout/resources-back-bottom.png) no-repeat 0 bottom;
}

.resources .wrapper > ul > li, .albums .wrapper > ul > li {
  margin: 0;
  padding: 0 11px;
  list-style: none;
  border-bottom: 1px solid #d6cfb1;
}

.resources .wrapper h3, .albums .wrapper h3 {
  line-height: 42px;
  margin: 0;
  padding-left: 20px;
  background: url(../images/layout/resources-arrow-closed.png) no-repeat 0 center;
  cursor: pointer;
  color: #858959;
}

.resources .wrapper li.open h3, .albums .wrapper li.open h3 {
  background-image: url(../images/layout/resources-arrow-open.png);
}

.resources .wrapper ul ul, .albums .wrapper ul ul {
  display: none;
  margin-left: 22px;
  padding: 0;
}

.resources .wrapper ul ul li, .albums .wrapper ul ul li {
  list-style: none;
  padding: 10px 0 10px 8px;
}

.resources .wrapper ul ul li a, .albums .wrapper ul ul li a {
  display: block;
  padding-left: 8px;
  margin-left: -8px;
  background: url(../images/layout/resources-small-arrow.png) no-repeat 0 center;
  color: #858959;
  font-weight: bold;
}

.resources .wrapper > ul > li + li, .albums .wrapper > ul > li + li {
  border-top: 1px solid #f8f2d8;
}

.resources .wrapper > ul > li.last, .albums .wrapper > ul > li.last {
  border-bottom: none;
}

.ministries, .ministries li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ministries li {
	clear: left;
}

.ministries li + li {
	margin-top: 10px;
}

.ministries li img {
	padding: 8px 8px 7px 7px;
	background: url(../images/layout/photo-frame-small.png) no-repeat 0 0;
	float: left;
	margin-right: 15px;
}

.ministries h3 {
	color: #858959;
}

.photos {
  margin-top: 45px;
}

.photos .recent, .photos .random {
  padding: 13px 0 17px;
}

.photos h3 {
  margin: 0 0 5px 16px;
}

.photos img {
  float: left;
  border: 3px solid #79331f;
  margin-left: 16px;
}

.gallery-entry img {
  border: 4px solid #d6cfb1;
}

div#gallery .nav {
    line-height: 28px;
    border-top: 4px solid #d6cfb1;
    padding: 15px 0;
    margin-top: 5px;
}

#gallery .nav .gallery-home {
  float: right;
  width: 120px;
  height: 28px;
  background: url(../images/layout/button-gallery-home.png) no-repeat 0 0;
  text-indent: -999em;
  outline: none;
}

#gallery .nav .gallery-home:hover {
  background-position: 0 -28px;
}

#gallery .nav .prev-next a {
  color: #858959;
}

.gallery-entry strong, .gallery-entry .date, .gallery-entry .caption {
  display: block;
}

.gallery-entry .date {
  font-size: 12px;
}

.gallery-entry .caption {
  font-size: 11px;
}

.staff {
  width: 665px;
  padding: 0 10px;
  border-collapse: collapse;
}

.staff td, .staff th {
  padding: 2px 10px;
  border-bottom: 1px solid #b0a67e;
  text-align: left;
}

.staff th {
  background: #b0a67e;
}

#staff img {
	padding: 8px 8px 7px 7px;
	background: url(../images/layout/photo-frame-small.png) no-repeat 0 0;
	float: right;
	margin-left: 15px;
}

ul .media {
  list-style: none;
  padding-bottom: 10px;
  border-bottom: 1px solid #e8e2c8;
  margin-bottom: 10px;
}

.pagination, .pagination ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pagination {
  margin-top: 20px;
}

.pagination li a {
  float: left;
  line-height: 16px;
  width: 16px;
  text-align: center;
  margin-right: 5px;
  background: #f1e9c8;
  border: 1px solid #b0a67e;
}

.pagination li a:hover {
  text-decoration: none;
  background: #b0a67e;
}

.pagination .next a, 
.pagination .end a, 
.pagination .beginning a, 
.pagination .previous a 
{
  width: 60px;
}

span.date {
  font-weight: bold;
}

#sidebar {
  width: 245px;
  float: left;
}

#subnav {
  font-size: 15px;
  margin: 0;
  padding-left: 20px;
}

#subnav a {
  color: #f8f2d8;
  display: block;
  padding-left: 17px;
}

#subnav > li {
  line-height: 41px;
  list-style: none;
  background: #322d2f url(../images/layout/nav-back.png) 0 0 repeat-x;
  border-bottom: 1px solid #524e4f;
}

#subnav li.last, #subnav > li:last-child {
  border-bottom: none;
}

#subnav > li:hover {
  background: #1b1819 url(../images/layout/nav-back-hover.png) 0 0 repeat-x;
}

#subnav li.first a {
  background: url(../images/layout/nav-overlay-top.png) 0 0 no-repeat;
}

#subnav li.last a {
  background: url(../images/layout/nav-overlay-bottom.png) 0 bottom no-repeat;
}

#subnav > .here, #subnav > .here ul, #subnav > .here:hover,
#subnav > .parent_here, #subnav > .parent_here ul, #subnav > .parent_here:hover {
	background-color: #7d3520;
}

#subnav > li.here > a, #subnav > .parent_here > a {
  font-weight: bold;
  background: url(../images/layout/nav-back-current.png) 0 0 no-repeat;
  margin-left: -20px;
  padding-left: 40px;
}

#subnav > li.first.here a, #subnav > li.first.parent_here a {
  background: url(../images/layout/nav-back-current-top.png) 0 0 no-repeat;
}

#subnav > li.last.here a, #subnav > li.last.parent_here a {
  background: url(../images/layout/nav-back-current-bottom.png) 0 0 no-repeat;
}

#subnav > .here ul, #subnav > .parent_here ul {
	padding: 0 0 17px 35px;
}

#subnav > .here ul li, #subnav > .parent_here ul li {
	list-style-position: outside;
	list-style-type: disc;
	color: #f8f2d8;
}

#subnav > li:last-child ul {
	background: url(../images/layout/nav-overlay-bottom.png) 0 bottom no-repeat;
}

#subnav a:hover {
  text-decoration: none;
}

#subnav ul a {
	display: inline;
	font-size: 13px;
	padding-left: 0;
	font-weight: normal;
}

#subnav ul li.last a, #subnav ul li.first a {
	background: none;
}

#subnav .sub_level_0 ul {
  display: none;
}

#subnav .parent_here ul {
  display: block;
}

#sidebar .newsletter {
  margin: 20px 0 0 20px;
  padding-bottom: 17px;
  background: #f1e9c8 url(../images/layout/newsletter-back-bottom.png) 0 bottom no-repeat;
}

#sidebar .newsletter form {
  padding: 20px 20px 0;
}

#sidebar .newsletter input {
  width: 184px;
  border: 1px solid #dad2b0;
  border-width: 1px 0 0 1px;
  padding: 3px 0;
}

#sidebar .newsletter strong {
  width: 225px;
  height: 38px;
  display: block;
  background: url(../images/layout/email-header.png) 0 0 no-repeat;
  text-indent: -999em;
}

#sidebar .newsletter .sign-up {
  width: 75px;
  height: 28px;
  background: url(../images/layout/button-sign-up.png) 0 0 no-repeat;
  cursor: pointer;
  border: none;
  text-indent: -999em;
}

#sidebar .newsletter .sign-up:hover {
  background-position: 0 -28px;
}

#footer {
  padding: 24px 0 45px;
  background: url(../images/layout/footer_back.png) 0 0 repeat-x;
  position: relative;
}

#navbar {
  position: absolute;
  right: 0;
  top: 56px;
  width: 638px;
  padding: 0;
  margin: 0;
}

#navbar li {
  position: absolute;
  list-style: none;
}

#navbar li a {
  display: block;
  height: 32px;
  text-indent: -999em;
  outline: none;
}

#navbar #nav-home a,
#navbar #nav-about a,
#navbar #nav-news a,
#navbar #nav-ministries a,
#navbar #nav-connect a,
#navbar #nav-serve a,
#navbar #nav-resources a
{
	background: url(../images/layout/navbar.png) 0 0 no-repeat;
}

#navbar #nav-home {
	left: 0px;
	width: 62px;
 }
#navbar #nav-home a {
	background-position: 0px 0px;
 }
#navbar #nav-home a:hover {
	background-position: 0px -32px;
 }
#navbar #nav-home a.current {
	background-position: 0px -64px;
 }

#navbar #nav-about {
	left: 71px;
	width: 66px;
 }
#navbar #nav-about a {
	background-position: -71px 0px;
 }
#navbar #nav-about a:hover {
	background-position: -71px -32px;
 }
#navbar #nav-about a.current {
	background-position: -71px -64px;
 }

#navbar #nav-news {
	left: 146px;
	width: 121px;
 }
#navbar #nav-news a {
	background-position: -146px 0px;
 }
#navbar #nav-news a:hover {
	background-position: -146px -32px;
 }
#navbar #nav-news a.current {
	background-position: -146px -64px;
 }

#navbar #nav-ministries {
	left: 276px;
	width: 92px;
 }
#navbar #nav-ministries a {
	background-position: -276px 0px;
 }
#navbar #nav-ministries a:hover {
	background-position: -276px -32px;
 }
#navbar #nav-ministries a.current {
	background-position: -276px -64px;
 }

#navbar #nav-connect {
	left: 377px;
	width: 88px;
 }
#navbar #nav-connect a {
	background-position: -377px 0px;
 }
#navbar #nav-connect a:hover {
	background-position: -377px -32px;
 }
#navbar #nav-connect a.current {
	background-position: -377px -64px;
 }

#navbar #nav-serve {
	left: 474px;
	width: 58px;
 }
#navbar #nav-serve a {
	background-position: -474px 0px;
 }
#navbar #nav-serve a:hover {
	background-position: -474px -32px;
 }
#navbar #nav-serve a.current {
	background-position: -474px -64px;
 }

#navbar #nav-resources {
	left: 541px;
	width: 98px;
 }
#navbar #nav-resources a {
	background-position: -541px 0px;
 }
#navbar #nav-resources a:hover {
	background-position: -541px -32px;
 }
#navbar #nav-resources a.current {
	background-position: -541px -64px;
 }
 
#my_ecrc {
  position: absolute;
  width: 124px;
  height: 35px;
  background: url(../images/layout/my_ecrc.png) no-repeat 0 0;
  text-indent: -999em;
  left: 0;
  top: -24px;
}

#my_ecrc:hover {
  background-position: 0 -35px;
}

#footer .nav {
  float: left;
  margin-top: 45px;
}

#footer .nav .col {
  width: 120px;
  float: left;
}

#footer .nav .col ul, #footer .nav .col li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer .nav h2 {
  margin: 0;
  margin-bottom: 5px;
}

#footer .nav h2 a {
  color: #e5b539;
  font-weight: bold;
  font-size: 12px;
  font-family: Arial;
  text-transform: uppercase;
}

#footer .nav h2 a:hover {
  color: #f1b929;
}

#footer .nav a {
  display: block;
  font-family: Georgia;
  font-size: 11px;
  color: #f8f2d8;
}

#footer .nav a:hover {
  color: #d7ca93;
}

#footer .nav ul + h2 {
  margin-top: 15px;
}

#footer .nav ul ul {
	display: none;
}

#footer .info {
  float: right;
  width: 305px;
}

#footer .info > * {
  margin-left: 20px;
}

#footer .info h2.times {
  background: url(../images/layout/icon-time.png) no-repeat 0 0;
  padding-left: 20px;
  margin: 0;
}

#footer .info h2.location {
  background: url(../images/layout/icon-location.png) no-repeat 0 0;
  padding-left: 20px;
  margin: 0;
  clear: left;
}

#footer .info .times {
  margin: 0 0 20px 20px;
}

#footer .info .times strong {
  font-family: Arial;
  font-weight: bold;
  color: #e5b539;
  float: left;
  clear: left;
  line-height: 22px;
}

#footer .info .times em {
  font-family: Georgia;
  color: #fff;
  font-size: 13px;
  float: left;
  margin-left: 5px;
  line-height: 22px;
  font-style: normal;
}

#footer .info p.location {
  font-family: Georgia;
  color: #fff;
  font-size: 13px;
}

#footer .info a.directions, #footer .info a.contact {
  width: 109px;
  height: 25px;
  text-indent : -999em;
  display: block;
  margin-top: 10px;
  background-position: 0 0;
  background-repeat: no-repeat;
}

#footer .info a.directions {
  background-image: url(../images/layout/button-get-directions.png);
}

#footer .info a.contact {
  background-image: url(../images/layout/button-contact-us.png);
}

#footer .info a.directions:hover, #footer .info a.contact:hover {
  background-position: 0 -25px;
}

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */