* {  margin: 0;  padding: 0;}
#accessibility {  display: none;}

/* -------------------- default HTML */
body {
  background: #FFF8EA url(../cssimg/background.gif) top center no-repeat fixed;
  text-align: center;
  font: 10pt/14px Lucida Grande, Lucida Sans Unicode, Trebuchet MS, sans-serif;
  margin: 10px 0 0 0;
  color: #385A6B;
}

h1 { font-size: 1.5em;}
h2 { font-size: 1.3em;  border-bottom: 1px #709EB4 solid; margin-bottom: 20px; clear: both;}
h3 { font-size: 1.1em; padding-bottom: 10px; padding-top: 15px;}
h4 { font-size: 1.2em; font-weight: bold; text-transform: capitalize; padding-bottom: 10px; padding-top: 15px;}
h5 { font-size: 1.05em; font-weight: bold;  padding-bottom: 10px; padding-top: 10px;}
h1, h2, h3, h4 { font-weight: normal;}

p { line-height: 1.3em; margin-bottom: 15px;}
a { text-decoration: none; color: #8F542B; outline:0 }
a.highlight { text-decoration: none; color: #ffffff; }
a:hover { text-decoration: underline; color: #fd0000; }
.clear {  clear: both;  height: 1px; line-height: 1px;}
blockquote { font-size: 1.1em; font-style:italic; }
hr { clear: both; margin: 0px 0; border: none; height: 1px; border-bottom: 1px solid; background-color: red;}

/* -------------------- global properties - containers */
#wrapper, #header, #footer {  text-align: left;  width: 975px;  margin: 0 auto;}
#wrapper {}

#header {   height: 140px;   background: url(../cssimg/header.png) top center no-repeat;}
#header .logo { width: 200px;}
#header .logo a {
  display: block;
  height: 50px;
  width: 200px;
  position: relative;
  top: 61px; 
  left: 105px;
  margin-bottom: -61px;
}

span.usr_nav { float: right; font-size: 8pt;}
span.usr_nav a {padding: 15px;}

ul.main-nav {
  background: url(../cssimg/nav.jpg) top right no-repeat;
  width: 949px;
  list-style: none;
  height: 33px;
}

ul.main-nav li { float: left; font-size: 11pt; padding: 0 0; height: 34px;}
ul.main-nav li a { display: block; height: 33px;}

li.about-covenant, li.about-covenant a  { width: 141px; height: 33px;}
li.about-covenant a:hover, li.about-covenant-active  { width: 141px; height: 33px;}

li.authentic-fellowship, li.authentic-fellowship a  { width: 170px; height: 33px;}
li.authentic-fellowship a:hover, li.authentic-fellowship-active  { width: 170px; height: 33px;}

li.mission-ministry, li.mission-ministry a  { width: 173px; height: 33px;}
li.mission-ministry a:hover, li.mission-ministry-active  { width: 173px; height: 33px;}

li.news-events, li.news-events a  { width: 140px; height: 33px;}
li.news-events a:hover, li.news-events-active  { width: 140px; height: 33px;}

li.passionate-worship, li.passionate-worship a  { width: 162px; height: 33px;}
li.passionate-worship a:hover, li.passionate-worship-active  {  width: 162px; height: 33px;}

li.studies-education, li.studies-education a  { width: 163px; height: 33px;}
li.studies-education a:hover, li.studies-education-active  { width: 163px; height: 33px;}



#content {
 padding: 0 10px 0 14px; width: 950px;
 background: url(../cssimg/content_tile.png) left center repeat-y; 
}

/* ------------------------- subnav styles */
#left-col {
  float: left;
  margin: 25px 15px 25px 0;
  width: 201px;
}
/* ----- nav headers */
h1.about-covenant, h1.news-events, 
h1.passionate-worship, h1.studies-education, 
h1.authentic-fellowship, h1.mission-ministry {
  font-size: 1.1em;
  padding: 7px 0 0 20px;
  height: 25px;
  color: white;
}
h1.news-events {  background: url(../cssimg/subnav_title.jpg) 0 0 no-repeat;}
h1.about-covenant {  background: url(../cssimg/subnav_title.jpg) 0 -32px no-repeat;}
h1.passionate-worship {  background: url(../cssimg/subnav_title.jpg) 0 -64px no-repeat;}
h1.studies-education {  background: url(../cssimg/subnav_title.jpg) 0 -96px no-repeat;}
h1.authentic-fellowship {  background: url(../cssimg/subnav_title.jpg) 0 -128px no-repeat;}
h1.mission-ministry {  background: url(../cssimg/subnav_title.jpg) 0 -160px no-repeat;}

ul.sub-nav { list-style: none; margin-left: 15px; }
ul.sub-nav li {  border-bottom: 1px #D1CEB8 solid;  padding: 8px 0 10px 0;}
ul.sub-nav li a { color: #8F542B;}
ul.sub-nav li span { cursor:hand; cursor: pointer; background: url(../cssimg/navli.gif) center right no-repeat; display: block;}
ul.sub-nav ul { list-style: none; margin-left: 5px; margin-right: -10px;}
ul.sub-nav ul li {  border-bottom: none;  padding: 8px 0 5px 0;}

.level2 { display: none;}
.l2active { display: block;}

#left-col fieldset {  padding: 5px 0 0 15px;}


/* ------------------------- center styles */
#center-col {
  float: left;
  margin: 30px 5px;
  width: 490px;
}
#center-col h1 {  padding-bottom: 20px;}
#center-col h2, #center-col h3 {  padding: 5px;}
#center-col .showhide h3 { background: url(../cssimg/homeli.gif) left center no-repeat;padding: 10px 0 10px 15px;}
#center-col .showhide h3:hover {cursor: hand; cursor:pointer;}
#center-col .showhide h3 span { color: #94BFD0;}
#center-col ul { margin: 0 0 20px 20px;}

#center-col li {
  list-style-image: url(../cssimg/homeli.gif);
  margin-bottom: 5px;
  line-height: 1.4em;
}
#center-col  img.imgleft {
  float: left;
  padding-right: 10px;
}

#center-col span#slideshow {
  display: block;
  height: 325px;
  overflow: hidden;
  clear: both;
}
#center-col table { border-collapse: collapse; width: 100%;}
#center-col table tr th {padding: 5px 10px 5px 5px; vertical-align:text-top; background: #FFEDC8; color: #578DA7;}
#center-col table tr td {padding: 5px 10px 5px 5px; vertical-align:text-top; font-size: 9pt;}
#center-col  img.imgright {
  float: right;
  padding-left: 10px;
}

#right-col {
  color: #FFF8EA;
  float: right;
  width: 200px;
  height: 400px;
  margin: 25px 15px 0 0;
}

#right-col div.rcontent p, #right-col div.rcontent form { padding: 5px 12px; }
#right-col div.rcontent {  font-size: 0.9em; }
           div.rcontent#news-events {  background: url(../cssimg/rcol_tile.jpg) 0 0 repeat-y;}
           div.rcontent#about-covenant {  background: url(../cssimg/rcol_tile.jpg) -200px 0 repeat-y;}
           div.rcontent#passionate-worship {  background: url(../cssimg/rcol_tile.jpg) -400px 0 repeat-y;}
           div.rcontent#studies-education {  background: url(../cssimg/rcol_tile.jpg) -600px 0 repeat-y;}
           div.rcontent#authentic-fellowship {  background: url(../cssimg/rcol_tile.jpg) -800px 0 repeat-y;}
           div.rcontent#mission-ministry {  background: url(../cssimg/rcol_tile.jpg) -1000px 0 repeat-y;}
           div.rcontent#preschool {  background: url(../cssimg/rcol_tile.jpg) -1000px 0 repeat-y;}

#right-col div.title {  padding: 8px 0 10px 12px;  font-size: 1.3em; }
           #news-events div.title {  background: url(../cssimg/rcol_header.jpg) 0 0 no-repeat;}
           #about-covenant div.title {  background: url(../cssimg/rcol_header.jpg) -200px 0 no-repeat;}
           #passionate-worship div.title {  background: url(../cssimg/rcol_header.jpg) -400px 0 no-repeat;}
           #studies-education div.title {  background: url(../cssimg/rcol_header.jpg) -600px 0 no-repeat;}
           #authentic-fellowship div.title {  background: url(../cssimg/rcol_header.jpg) -800px 0 no-repeat;}
           #mission-ministry div.title {  background: url(../cssimg/rcol_header.jpg) -1000px 0 no-repeat;}
           #preschool div.title {  background: url(../cssimg/rcol_header.jpg) -1000px 0 no-repeat;}


#right-col div.rfooter {  height: 17px; clear: both;}
           #news-events div.rfooter  {  background: url(../cssimg/rcol_footer.jpg) 0 0 no-repeat;}
           #about-covenant div.rfooter {  background: url(../cssimg/rcol_footer.jpg) -200px 0 no-repeat;}
           #passionate-worship div.rfooter {  background: url(../cssimg/rcol_footer.jpg) -400px 0 no-repeat;}
           #studies-education div.rfooter {  background: url(../cssimg/rcol_footer.jpg) -600px 0 no-repeat;}
           #authentic-fellowship div.rfooter {  background: url(../cssimg/rcol_footer.jpg) -800px 0 no-repeat;}
           #mission-ministry div.rfooter {  background: url(../cssimg/rcol_footer.jpg) -1000px 0 no-repeat;}
           #preschool div.rfooter {  background: url(../cssimg/rcol_footer.jpg) -1000px 0 no-repeat;}

div.tel { clear: both; margin: 5px 0; text-transform: lowercase;}
div.tel span.type, div.tel span.email {
  font-weight: bold;
  display: block; 
  float: left; 
  width: 50px;

}

#footer {
  background: url(../cssimg/footer.png) 0 0 no-repeat;
  color: #6B8D9D;
  padding-top: 50px;
  font-size: 0.8em;
  clear: both;
}
#footer p, #homefooter p {
  line-height: 0.2em;
  text-align: center;
}

#footer .innerhome, #homefooter .innerhome {
  padding-top: 20px;
  padding-left: 15px;
  color: #A64A39;
  width: 960px;
  clear: both;

}

/* -------------------------------- sitemap popup */

.sitemap {  width: 60em; max-width: 800px;}
.sitemap_section {  
  width: 20em;
  float: left; 
  padding-right: 2.5em;
}

.sitemap li{
  float: left;
  padding: 0 8px 0 8px!important; 
  border-right: 1px solid;
  border-bottom: none!important;
  list-style-type: none;  
}

.sitemap h2{
  clear:both;
  padding: 15px 0 3px 0px;
}

.sitemap h3{
  clear:both;
  padding: 10px 0 0 15px;
}

.sitemap .level2map{
  padding: 10px 0 30px 25px;
}


a.maplink {  text-decoration: none; color: #ffffff;}
.level2map {  }
.clear {  float: none; clear: both;}

/* -------------------------------- facebox popup */
#facebox .b {  background:url(../cssimg/b.png); width: 5px;}
#facebox .tl {  background:url(../cssimg/tl.png) top right no-repeat;}
#facebox .tr {  background:url(../cssimg/tr.png) top left no-repeat;}
#facebox .bl {  background:url(../cssimg/bl.png) top right no-repeat;}
#facebox .br {  background:url(../cssimg/br.png) top left no-repeat;}

#facebox {
  position: absolute;
  width: 100%;
  top: 20px!important;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {  position: relative;}

#facebox table {  margin: auto;  border-collapse: collapse;}

#facebox .body {
  padding: 10px;
  background: #fff;
}

#facebox .loading {  text-align: center;}
#facebox .image {  text-align: center;}
#facebox img {  border: 0;}
#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}
#facebox .close {
  background: url(../cssimg/closelabel.gif)  top right no-repeat;
  line-height: 25px;
  padding: 0 35px;
}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}
/* ======================== end facebox */

/* ------------------------ buttons */
.btn_more, .btn_more2 {  text-transform: uppercase; font-size: 7pt; margin: 0 8px;}

.btn_more { background:url(../cssimg/btn_more.gif) top left no-repeat;}
.btn_more2 { background:url(../cssimg/btn_more2.jpg) top left no-repeat;}

.btn_more2 a, .btn_more a { padding: 0 4px;}

.btn_preschool {
  display: block;
  background: url(../cssimg/btn_preschool2.jpg) 0 0 no-repeat; 
  width: 125px;
  height: 153px;
  float: right; 
  position: relative;
  top: 35px;
  margin-bottom: -153px;
}
.btn_preschool a {
  display: block;
  width: 125px;
  height: 150px;
}


/* ======================== form styles */
fieldset { border: none;}
form.custom_form, form.zemContactForm {	margin: 0.5em 0;}
form.zemContactForm fieldset {  padding: 20px 30px;}
form.custom_form select {
  font-size: 8pt;
  width: 100%;
  margin: 3px 0;
}
form.custom_form option {  padding: 2.5px 4px 2.5px 4px;}
form.custom_form input {
  display: block;
  font-size: 8pt;
  margin: 5px 5px 0 0;
}

form.zemContactForm p { clear: both; height: 15px;}
form.zemContactForm label {
  color: #96271A;
  width: 25%;
  float: left;
  font-weight: bold;
}
form.zemContactForm p.long input {
  width: 265px!important;
  height: 20px;
  float: left;
}

form.zemContactForm p.long textarea {
  width: 265px!important;
  height: 75px;
  float: left;
}

form.zemContactForm p.double span input {
  width: 65px!important;
  height: 20px;
  float: left;
}
form.zemContactForm p.double span label {
  text-align: center;
  width: 73px!important;
  height: 20px;
  float: left;
}
form.zemContactForm p.submit { clear: both;}
form.zemContactForm p.submit input {
 height: 33px!important;
 width: 80px!important;
 font-size: 2em;
 font-weight: bold;
 cursor: hand;
/*
 cursor: pointer;
*/
 border: none!important;
}

form.zemContactForm p.short input, form.zemContactForm p.double input {
  width: 125px;
  height: 20px;
  float: left;
}
form.zemContactForm input { height: 20px; width: 70%;}
form.zemContactForm input, form.zemContactForm select,
form.zemContactForm textarea { background: #FFF8E8 url(../cssimg/form_bckgrnd.jpg) 0 0 repeat; border: 1px #e4e4e4 solid;}

form.zemContactForm input, form.zemContactForm select { display: block; margin-bottom: -0.5em; }
form.zemContactForm textarea {display: block; margin: 0 0 15px 0; overflow: auto}
form.zemContactForm input[type="hidden"] { 
	width: auto; 
	height: 0.8em; 
	border: 0;
}
form.zemContactForm input[type="hidden"] {display: none;}

/* ------------ sermon span highlight ---------------*/


span.brown {
color: #385A6B;
}

span#whitelink a{
color: #ffffff;
font-weight: bold;
}

a.left { display: block; float: left; width: 200px; height: 150px;margin: 15px;}