/*

PCF - Master Styles
Author: Daniel Marino | http://iamdanielmarino.com
Modified : October 2011

*/

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  }

body {
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size: 70%;
  line-height: 130%;
  color: #1a1a1a;
  background: #fff;
  }

img {
  border: 0;
  padding: 0;
  margin: 0;
  }

h2 {
  font-family: Georgia, "Times New Roman", Times, serif;
  text-transform: uppercase;
  font-size: 160%;
  letter-spacing: 2px;
  color: #1a68ab;
  text-align: left;
  margin-top: 0;
  }

h3 {
  font-family: Georgia, "Times New Roman", Times, serif;
  text-transform: uppercase;
  font-size: 120%;
  letter-spacing: 2px;
  color: #1a68ab;
  }

h4 {
  font-size: 110%;
  }

h5 {
  font-size: 110%;
  padding: 0;
  margin: 0;
  }

a {
  color: #539cdc;
  text-decoration: none;
  }

a.viewfull {
  text-transform: uppercase;
  color: #539cdc;
  text-decoration: none;
  }

a:hover {
  text-decoration: underline;
  }

small {
  color: #999;
  }

.nostyle {
  border: 0;
  padding: 0;
  margin: 0;
  height: 480px;
  background-image: url(/_img/leaf_bkgrnd.gif);
  }

.f-right {
  float: right;
  }

.f-left {
  float: left;
  }

.clear {
  clear: both;
  }

/* Header
-------------------------------------------------------------*/

#wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -36px;
  }

#header {
  height: 85px;
  background: #3f3f3f;
  }

#header-inner {
  width: 769px;
  margin: 0 auto;
  }

#logo {
  float: left;
  width: 175px;
  padding: 14px 0 0 0;
  }

#header-special {
  float: right;
  color: #fff;
  padding: 38px 4px 0 0;
  }

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

#nav {
  clear: both;
  margin: 0 0 20px 0;
  font-size: 108%;
  height: 37px;
  border-top: #fff 1px solid;
  background: url(/_img/nav_back.gif) repeat-x;
  }

#nav-inner {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  width: 769px;
  }

#nav-inner li {
  padding: 0;
  margin: 0;
  float: left;
  height: 30px;
  overflow: hidden;
  }

#nav-inner li a {
  display: block;
  line-height: 30px;
  text-indent: -5000px;
  overflow: hidden;
  background-position: center top;
  }

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

#navHome { width: 63px; background: url(/_img/button_home.gif) no-repeat; }
#navAbout { width: 79px; background: url(/_img/button_about.gif) no-repeat; }
#navMinistries { width: 87px; background: url(/_img/button_ministries.gif) no-repeat; }
#navFellowships { width: 99px; background: url(/_img/button_fellowships.gif) no-repeat; }
#navMissions { width: 76px; background: url(/_img/button_missions.gif) no-repeat; }
#navNews { width: 54px; background: url(/_img/button_news.gif) no-repeat; }
#navCalendar { width: 84px; background: url(/_img/button_calendar.gif) no-repeat; }
#navMedia { width: 58px; background: url(/_img/button_media.gif) no-repeat; }
#navBlog { width: 54px; background: url(/_img/button_blog.gif) no-repeat; }
#navGiving { width: 68px; background: url(/_img/button_giving.gif) no-repeat; }
#navCoffeehouse { width: 111px; background: url(/_img/button_coffeehouse.gif) no-repeat; }


/* Banner Section on Front Door
-------------------------------------------------------------*/

#banner-section {
  width: 769px;
  height: 245px;
  margin: 10px auto 0 auto;
  padding: 0;
  }

#welcome {
  float: left;
  color: #fff;
  width: 300px;
  height: 245px;
  background: url(/_img/welcome_message.gif) no-repeat;
  }

#welcome p {
  margin: 45px 10px 10px 10px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 120%;
  line-height: 135%;
  text-indent: -5000px;
  }

#slideshow {
  float: right;
  width: 449px;
  height: 245px;
  margin-bottom: 0 3px 0 0;
  background: url(/_img/swfbackground.gif) no-repeat;
  }

#slideshow p {
  text-align: center;
  padding: 70px 0 0 0;
  }

/* Main Content on Front Door
-------------------------------------------------------------*/

#main-content {
  margin: 20px 0 0 0;
  background: url(/_img/main_content_back.gif) top repeat-x #f5f5f5;
  }

#main-content-news {
  width: 769px;
  margin: 0 auto;
  padding: 0;
/*  background: url(/_img/main_content_fillerback.gif) left repeat-y;*/
  }

#news {
  float: left;
  padding: 10px;
  width: 250px;
  background: url(/_img/news_back.gif) top repeat-x #dce7f0;
  border-left: #fff 1px solid;
  border-right: #fff 1px solid;
  }

#news a.post {
  text-decoration: none;
  color: #999;
  }

#service-times {
  float: left;
  padding: 10px 5px 10px 5px;
  width: 255px;
  background: url(/_img/main_content_back.gif) top repeat-x;
  border-right: #fff 1px solid;
  }

#service-times ul {
  margin: 0 0 15px 0;
  padding: 0;
  list-style: none;
  }

#service-times li {
  margin: 0;
  padding: 0;
  }

#side-tiles {
  float: right;
  padding: 15px 0;
  margin: 0;
  background: url(/_img/main_content_back.gif) top repeat-x;
  border-right: #fff 1px solid;
  }

#podcast {
  padding: 0;
  margin: 0;
  }

#blog {
  padding: 0;
  margin: 0;
  width: 230px;
  height: 115px;
  background: url(/_img/tile_blog.gif) no-repeat;
  }

#blog p {
  padding: 42px 15px 0px 15px;
  line-height: 120%;
  }

#blog a {
  color: #fff;
  text-decoration: none;
  }

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

#msc {
  padding: 0;
  margin: 0;
  width: 230px;
  height: 115px;
  background: url(/_img/tile_msc.gif) no-repeat;
  }

#msc p {
  padding: 60px 15px 0px 15px;
  line-height: 120%;
  color: #fff;
  }

#msc a {
  line-height: 200%;
  color: #fff;
  text-decoration: none;
  }

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

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

.push {
  height: 36px;
  }

#footer {
  width: 100%;
  height: 35px;
  border-top: #fff 1px solid;
  background: #3f3f3f;
  }

#footer-inner {
  font-size: 90%;
  color: #fff;
  margin: 0 auto;
  padding: 10px 0;
  width: 769px;
  text-align: center;
  }

/* 2nd Level Pages
-------------------------------------------------------------*/

#container {
  width: 769px;
  padding: 0;
  margin: 0 auto 30px auto;
  }

#side-content {
  float: left;
  width: 195px;
  padding: 0;
  margin: 0;
  background: #e5f0fa;
  }

#side-content-inner {
  border: #fff 1px solid;
  color: #999;
  width: 173px;
  margin: 5px;
  padding: 5px;
  }

#side-content a {
  color: #1a68ab;
  }

#side-content img {
  float: left;
  padding: 2px 5px 0 0;
  margin: 0;
  }

#side-content ul {
  padding: 0;
  margin: 0 0 0 5px;
  list-style: none;
  }

#side-content li {
  background: url(/_img/li_arrow.gif) no-repeat 0 9px;
  padding: 4px 0 4px 10px;
  margin: 0;
  }

#side-content ul ul {
  padding: 0;
  margin: 0 0 0 20px;
  list-style: circle;
  }

#side-content ul ul li {
  background: none;
  padding: 4px 0 4px 0;
  margin: 0;
  }

#main-content-second-level, #main-content-second-level-media {
  float: right;
  width: 560px;
  line-height: 150%;
  padding: 0;
  margin: 0 0 30px 0;
  }

#main-content-second-level img {
  padding: 5px;
  margin: 10px;
  border: #CCCCCC 1px solid;
  }

#main-content-second-level li {
  padding: 5px 0 0 0;
  }

#main-content-second-level form input {
  width: 225px;
  }

#main-content-second-level form select {
  width: 230px;
  }

#main-content-second-level form input.button {
  width: 100px;
  }

#main-content-second-level textarea {
  width: 425px;
  height: 100px;
  }

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

#right {
  float: right;
  width: 270px;
  }

/* Contact Styles
-------------------------------------------------------------*/

form.zemContactForm {
  margin: 20px 0 0 0;
  padding: 1px 10px;
  background: #f5f9fd;
  }

form.zemContactForm legend {
  display: none;
  }

form.zemContactForm label { display: none; }

form.zemContactForm input {}

#main-content-second-level form.zemContactForm input.zemSubmit { width: 100px; }

/*
#log_res {
  overflow: auto;
}

#log_res.ajax-loading {
  padding: 20px 0;
  background: url(/_img/contact-ajax-loader.gif) no-repeat center;
}

#errorMessage.yes {
  background: #ebffdf;
  border-top: #a1e37a 2px solid;
  border-bottom: #a1e37a 2px solid;
  padding: 5px 3px;
  }

#errorMessage.no {
  background: #ffcfcf;
  border-top: #e98080 2px solid;
  border-bottom: #e98080 2px solid;
  padding: 5px 3px;
  }
*/

/* Calendar Styles
-------------------------------------------------------------*/

#calendar-container {
  margin: 0 auto 30px;
  text-align: center;
}



#pc_calendar {
  width: 769px;
  padding: 0;
  margin: 10px auto 30px auto;
  }

#pc_calendar table {
  border-collapse: collapse;
  }

#pc_calendar a {
  color: #1a1a1a;
  text-decoration: none;
  }

#pc_calendar_monthname {
  font-family: Georgia, "Times New Roman", Times, serif;
  text-transform: uppercase;
  font-size: 160%;
  letter-spacing: 2px;
  color: #1a68ab;
  text-align: left;
  }

#pc_calendar .calendar_menu {
  text-align: right;
  }

#pc_calendar table, #pc_calendar td, #pc_calendar tr {
  vertical-align: top;
  padding: 0;
  margin: 0;
  }

#pc_calendar option, #pc_calendar select {
  color: #1a1a1a;
  font-size: 100%;
  }

#pc_calendar th {
  padding: 10px 0;
  margin: 0;
  width: 109px;
  font-size: 100%;
  color: #48712f;
  }

#pc_calendar td {
  width: 109px;
  height: 110px;
  font-size: 90%;
  border: #e5f0fa 1px solid;
  }

#pc_calendar .pc_calendar_other_month {
  background: #fff;
  border: #fff 1px solid;
}

#pc_calendar #pc_calendar_monthname {
  text-align: left;
}

#pc_calendar ul {
  margin: 0;
  padding: 5px;
  list-style: none;
  }

#pc_calendar li {
  margin: 0;
  padding: 0 0 5px 0;
  cursor: help;
  }

#pc_calendar li span {
  display: none;
  color: #fff;
  background-color: #5199d8;
  text-align: left;
  position: absolute;
  padding: 5px 10px;
  border: #fff 3px solid;
}

#pc_calendar li:hover span, #pc_calendar li.over span {
  display: block;
}

.pc_calendar_date {
  font-size: 100%;
  padding: 3px 5px;
  margin: 0;
  background-color: #e5f0fa;
  color: #1a1a1a;
  font-weight: bold;
  text-align: left;
  }

.pc_calendar_day_today {
  background-color: #f5f9fd;
}



/* Media Styles
-------------------------------------------------------------*/

#main-content-second-level-media #media-wrapper img {
  margin: 0 0 0 5px;
  }

.m-back-on {
  padding: 8px;
  background: #e5e5e5;
  height: 15px;
  }

.m-back-off {
  padding: 8px;
  background: #fff;
  height: 15px;
  }

.m-date {
  float: left;
  width: 140px;
  }

.m-title {
  float: left;
  width: 340px;
  }

.m-buttons {
  float: right;
  }

.m-description {
  padding: 8px;
  background: #e5f0fa;
  border-top: #fff 1px solid;
  border-bottom: #e5e5e5 1px solid;
  }

/* link Styles
-------------------------------------------------------------*/

#main-content-second-level-media #media-wrapper img {
  margin: 0 0 0 5px;
  }

.l-back-on {
  padding: 8px;
  background: #e5e5e5;
  height: 15px;
  }

.l-back-off {
  padding: 8px;
  background: #fff;
  height: 15px;
  }

.l-name {
  float: left;
  width: 190px;
  }

.l-buttons {
  float: right;
  }

.l-description {
  padding: 8px;
  background: #e5f0fa;
  border-top: #fff 1px solid;
  border-bottom: #e5e5e5 1px solid;
  }


/* Blog Styles
-------------------------------------------------------------*/

#main-content-blog {
  width: 769px;
  margin: 0 auto;
  padding: 0;
  }

#main-content-blog form input {
  width: 225px;
  }

#main-content-blog form input.button {
  width: 100px;
  }


#main-content-blog form textarea {
  width: 425px;
  height: 100px;
  }

#blog-comments {
  width: 560px;
  float: right;
  padding: 10px 0 0 0;
  background: url(/_img/news_back.gif) top repeat-x #dce7f0;
  border-left: #fff 1px solid;
  border-right: #fff 1px solid;
  }

#blog-comments p, #blog-comments h3 {
  padding: 0 20px;
  }

.posted-blog {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  }

.posted-comment {
  font-size: 100%;
  font-weight: bold;
  }

.comment-separator {
  margin: 20px 0;
  height: 1px;
  border-bottom: #fff 1px solid;
  }

.comments-wrapper {
  padding: 0 0 20px 0;
  }

/* Coffeehouse Styles
-------------------------------------------------------------*/

#data-listing {
  padding: 0;
  margin: 10px 0 0 0;
  border-collapse: collapse;
  }

#data-listing th {
  text-align: left;
  padding: 8px;
  }

#data-listing tr {
  background: #e5e5e5;
  }

#data-listing tr.off {
  background: #fff;
  }

#data-listing td {
  padding: 8px;
  }

#data-listing img {
  padding: 0;
  margin: 0;
  border: none;
  }

.table_icon {
  width: 20px;
  }

tr.hidden { }

tr.hidden td {
  background: #e5f0fa;
  border-top: #fff 1px solid;
  border-bottom: #e5e5e5 1px solid;
  }