img, div, a { behavior: url(/files/js/iepngfix.htc) }

html, body {
  height: 99%
}

html, body, div, img {
  border: 0px;
  margin: 0px;
  padding: 0px;
}

#main {
  margin-left: auto;
  margin-right: auto;
  width: 990px;
}

/************************************************
                   normal    light      dark
                  --------  --------  --------
   red:           #ed1c24;  #f26c4f;  #
   red-orange:    #f26522;  #f68e56;  #
   orange-yellow: #f7941d;  #fbaf5d;  #
   yellow:        #fff200;  #fff568;  #
   pea green:     #8dc63f;  #acd373;  #
   yellow-green:  #39b54a;  #7cc576;  #
   green:         #00a651;  #3cb878;  #
   green-cyan:    #00a99d;  #1cbbb4;  #
   cyan:          #00aeef;  #00bff3;  #
   cyan-blue:     #0072bc;  #448ccb;  #
   blue:          #0054a6;  #5674b9;  #
   blue-violet:   #2e3192;  #605ca8;  #
   violet:        #662d91;  #8560a8;  #
   violet-magenta:#92278f;  #a864a8;  #
   magenta:       #ec008c;  #f06eaa;  #
   magenta-red:   #ed145b;  #f26d7d;  #
   cool brown:    #736357;  #998675;  #
   warm brown:    #8c6239;  #a67c52;  #
   gray:          #888888;  #b8b8b8;  #

*************************************************/

/***  TEXT-COLOR AGAINST BLACK BACKGROUND  ***/
#pc-index-sermon, #pc-index-mission, #pc-index-ministries, #pc-index-services, #pc-section-title {
  background-color: #ffffff;
}

/***  BACKGROUND-COLOR FOR WHITE TEXT  ***/
#pc-index-calendar, #pc-index-sermons, #pc-index-contact,
#pc-sub-calendar, #pc-sub-sermons, #pc-sub-contact {
  background-color: #5b8ebd;
}

/***  COLOR FOR LOGO  ***/
#pc-logo, #pc-logo-pop {
  background-color: #000000;
}

/***  COLOR FOR COLORED-TEXT ON WHITE  ***/
#pc-footer-1 a, #pc-footer-2 a, a, h1, h2, h3 {
  color: #053c74;
}

h1, h2, h3 {
  font-family: 'Century Gothic', Futura, 'URW Gothic L', sans-serif;
}

h1 {
  font-size: 30px;
  font-weight: normal;
  line-height: 30px;
  margin-bottom: 10px;
  margin-top: -6px;
}

h2, h3 {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  margin: 10px 0px 0px 0px;
}

p, ol, ul, li {
  font-family: Verdana, sans-serif;
  font-size: 14px;
  margin: 10px 0px 20px 0px;
  line-height: 20px;
}

ol ol, ul ul {
  margin-top: 0px;
  margin-bottom: 0px;
}

h2+p, h3+p {
  margin-top: 0px;
}

input, select, textarea {
  font-family: Verdana, sans-serif;
  font-size: 14px;
}

label {
  float: left;
  width: 100px;
}

input {
  width: 250px;
}

textarea {
  width: 350px;
  height: 150px;
}

#pc-search {
  background-position: center right;
  background-repeat: no-repeat;
  display: inline;
  float: right;
  height: 22px;
  padding-right: 20px;
}

#pc-search input {
  border: solid 1px #bbbbbb;
  color: #bbbbbb;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;
  margin-top: 10px;
  width: 198px;
}

#pc-search-text.hovered {
  border: solid 1px #999999;
  color: #999999;
}

#pc-search-text.focused {
  border: solid 1px black !important;
  color: black !important;
}

#pc-search a {
  background-image: url(/files/images/sitewide/search.png);
  display: block;
  float: right;
  height: 30px;
  margin-top: 5px;
  width: 20px;
}

.autocomplete {
  background-color: white;
  border: 1px solid #bbbbbb;
  margin: 0px;
  padding: 0px;
  position: absolute;
  width: 198px;
}

.autocomplete ul {
  color: black;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.autocomplete ul li.selected {
  background-color: #ffffbb;
}

.autocomplete ul li {
  cursor: pointer;
  display: block;
  list-style-type: none;
  margin: 0px;
  padding: 2px;
}

#pc-logo {
  background-image: url(/files/images/sitewide/logo.png);
  background-position: left top;
  display: block;
  height: 40px;
  margin: 10px;
  width: 670px;
}

#pc-logo-pop {
  background-image: url(/files/images/sitewide/logo.png);
  background-position: left top;
  display: block;
  height: 40px;
  margin: 10px;
  width: 250px;
}

#pc-index-sermon {
  border: solid 2px black;
  cursor: pointer;
  display: inline;
  float: left;
  height: 376px;
  margin-left: 10px;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 716px;
}

#pc-index-mission, #pc-index-ministries, #pc-index-services {
  background-position: top center;
  border: solid 2px black;
  cursor: pointer;
  float: left;
  height: 116px;
  margin-bottom: 10px;
  width: 216px;
}

#pc-index-mission:hover, #pc-index-ministries:hover, #pc-index-services:hover {
  background-position: bottom center;
}

#pc-index-mission {
  background-image: url(/files/images/index/mission-vision.png);
}

#pc-index-ministries {
  background-image: url(/files/images/index/ministries-information.png);
}

#pc-index-services {
  background-image: url(/files/images/index/services-location.png);
  margin-bottom: 20px;
}

#pc-index-calendar, #pc-index-sermons, #pc-index-contact {
  border: solid 2px black;
  cursor: pointer; 
  float: left;
  height: 56px;
  margin-left: 10px;
  width: 156px;
}

#pc-index-calendar {
  background-image: url(/files/images/index/calendar.png);
  clear: left;
}

#pc-index-sermons {
  background-image: url(/files/images/index/sermons.png);
}

#pc-index-contact {
  background-image: url(/files/images/index/contact.png);
}

#pc-index-lil, #pc-index-bridge {
  border: solid 2px black;
  cursor: pointer;
  display: inline;
  float: right;
  height: 96px;
  width: 196px;
}

#pc-index-lil {
  background-image: url(/files/images/index/lil-peoples.jpg);
  margin-left: 10px;
  margin-right: 20px;
}

#pc-index-bridge {
  background-image: url(/files/images/index/bridge-future.jpg);
}

#pc-footer-1, #pc-footer-2 {
  color: black;
  display: inline;
  float: left;
  font-size: 12px;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin-top: 14px;
}

#pc-footer-1 {
  clear: left;
  margin-left: 10px;
  text-align: left;
  width: 240px;
}

#pc-footer-2 {
  text-align: right;
  width: 280px;
}


#pc-mm2 {
  background-color: #222222;
  border: solid 2px black;
  float: left;
  height: 26px;
  margin: 0px 0px 20px 10px;
  width: 596px;
}

#pc-mm2 a {
  color: white;
  display: block;
  float: left;
  font-family: 'Century Gothic', Futura, 'URW Gothic L', sans-serif;
  font-size: 14px;
  font-weight: bold;
  height: 26px;
  line-height: 26px;
  text-align: center;
  text-decoration: none;
}

#pc-mm2 a:hover {
  background-color: #555555;
}

#mm2-services, #mm2-mission {
  width: 198px;
}

#mm2-ministries {
  width: 200px;
}

.mm3 {
  border: solid 2px black;
  color: white;
  display: block;
  float: right;
  font-family: 'Century Gothic', Futura, 'URW Gothic L', sans-serif;
  font-size: 14px;
  font-weight: bold;
  height: 16px;
  line-height: 14px;
  margin-right: 20px;
  text-align: center;
  text-decoration: none;
  width: 96px;
}


#pc-section-title {
  border: solid 2px black;
  display: inline;
  float: left;
  height: 116px;
  margin-left: 10px;
  width: 786px;
}

#pc-section-menu {
  background-color: black;
  background-image: url(/files/images/sitewide/section-menu.jpg);
  background-position: top left;
  border: solid 2px black;
  float: right;
  margin-right: 20px;
  text-align: right;
  width: 156px;
}

#pc-section-menu a {
  background-image: url(/files/images/sitewide/sm-separator.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  color: white;
  display: block;
  font-family: 'Century Gothic', Futura, 'URW Gothic L', sans-serif;
  font-size: 14px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  padding-right: 18px;
  text-decoration: none;
  width: 138px;
}

#pc-section-menu a.first {
  height: 28px;
}

#pc-section-menu a.last {
  background-image: none;
  height: 28px;
}

#pc-section-menu a:hover {
  background-color: #555555;
}

#pc-page-info {
  background-image: url(/files/images/sitewide/page-info.jpg);
  background-position: top left;
  border: solid 2px #b8b8b8;
  float: left;
  margin: 40px 10px 0px 10px; 
  padding: 2px 18px 18px 18px;
  text-align: justify;
  width: 180px;
}

#pc-page-info p, #pc-page-info ul, #pc-page-info ol, #pc-page-info li {
  font-size: 12px;
  margin: 0px;
}

#pc-body-1 {
  float: left;
  margin-bottom: 40px;
  margin-left: 10px;
  margin-top: 40px;
  width: 520px;
}

#pc-body-2 {
  float: left;
  margin-bottom: 40px;
  margin-left: 10px;
  margin-top: 40px;
  width: 720px;
}

#pc-body-3 {
  float: left;
  margin-bottom: 40px;
  margin-left: 10px;
  margin-top: 40px;
  width: 960px;
}

.submit {
  border: solid 2px black;
  color: white;
  font-family: "Century Gothic", Futura, 'URW Gothic L', sans-serif;
  font-size: 14px;
  height: 26px;
  padding: 1px 10px;
  width: 100px;
}

.submit-short {
  border: solid 2px black;
  color: white;
  font-family: "Century Gothic", Futura, 'URW Gothic L', sans-serif;
  font-size: 14px;
  line-height: 23px;
  height: 21px;
}

.submit:hover, .submit-short:hover {
  font-weight: bold;
}

.pdf-info {
  color: #999999;
  font-style: italic;
}