/* =================
Title: Everglades Community Church
Author: Michael Montgomery
e-mail: michael@evergladescommunitychurch.org

Created: August 15, 2005
Modified: May 31, 2007
Comments:
* This cascading style sheet does not currently support IE/Mac or NN<5.
* Colors: Blue: #00309C Green: #316531 Dark Green: #3A4F3B
================== */

/* === CSS CONTENTS ===
1: reset
2: common formatting
3: layout
4: head
5: search
6: navigation
7: home page
12: contact
13: foot
==================== */

/* ===== 1: reset ===== */
* { padding:0; margin:0; }
img, fieldset { border: 0; }
ul, ol { padding:0; margin: 0; list-style:none; }
#head:after, #nav:after, #foot:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

html>body { /* for Opera browser */
   font-size: small;
}
#head, #nav, #contact, #foot { /* for Safari and Opera */
   width:100%
}

/* ===== 2: common formatting ===== */
a {
   background: #fff;
   color: #00309C;
   text-decoration: none;
}
a:focus, a:hover, a:active {
   background: #fff;
   color:#316531;
   text-decoration: underline;
}
blockquote {
   border-left: 5px solid #316531;
   margin: .5em 3em;
   padding-left: 1em;
}
cite, dl, dd {
   margin: 0 1em;
}
dt {
   font-weight: bold;
}
h1 a, h2 a, h3 a, h4 a {
   border: 0;
}
h2, h3, h4, h5, h6, p, #content ul, #content ol, dl, blockquote {
   max-width: 35em;
}
h2, h3, h5 {
   background: #fff;
   color: #316531;
   font-family: georgia, garamond, "lucida bright", "times new roman", times, serif;
   font-weight: bold;
   text-align: left;
}
h4, h6 {
   background: #fff;
   color: #3A4F3B;
   font-family: verdana, "lucida grande", tahoma, helvetica, sans-serif;
   font-weight: bold;
   font-style: italic;
   text-align: left;
}
h2 {
   font-size: 150%;
   margin: 1.5em 0;
   text-transform: capitalize;
}
h3 {
   font-size: 125%;
   margin: .75em .5em .25em .5em;
   text-align: left;
}
h4 {
   font-size: 115%;
   margin: .75em 0 .25em 0;
}
h5 {
   font-size: 105%;
   margin: .5em 1em;
}
h6 {
   font-size: 90%;
   margin: 1em;
}
hr {
   clear: both;
   visibility: hidden;
}
p, li, address, blockquote, dl, fieldset {
   font-size: 1em;
   line-height: 1.4em;
   text-align: left;
}
p {
   margin-bottom: 1.4em;
}

/* ===== 3: layout ===== */
body {
   background: #fff;
   color: #444;
   font-family: frutiger, univers, "Helvetica Neue", "Lucida Grande", helvetica, calibri, arial, sans-serif;
   font-size: small;
   min-width: 775px;  /* Accommodates 800x600 monitor. */
   text-align: center;
}
#access, .off {
   /* Hides (from standard browsers)
   "skip" links for assistive devices (screen readers, etc.) */
   position: absolute;
   top: -10000px;
}
#wrapper, #foot {
   /* slight adjustment, based on "Bulletproof Web Design" */
   font-size: 95%;
   margin: 0 auto;
   max-width: 1280px;
   min-width: 745px;
   text-align: left;
   width: 96%;
}
#wrapper {
   background: transparent url(/images/11.gif) no-repeat right 95%;
   padding-bottom: 1.5em;
}
#content {
  float: right;
  min-width: 500px;
  width: 70%;
}
#intro {
  float: left;
  min-width: 220px;
  width: 27.5%;
}
#primary {
  float: left;
  margin-top: 2.5em;
  width: 50%;
}
#secondary {
  float: right;
  width: 49%;
}

/* ===== 4: head ===== */
#head {
   /* header_bg.jpg is the pair of blue/green stripes */
   background: url(/header_bg.jpg) repeat-x left top;
   margin-right: .2%;
}
#head h1 {
   /* rotator.php is a script, which randomly calls the top right header images */
   background: transparent url(/images/headers/rotator.php) no-repeat right top;
}

/* ===== 5: search ===== */
#search {
   background: #00309C url(/images/36.gif) left bottom no-repeat;
   color: #fff;
   float: right;
   margin: -2px 0 0 0;
   overflow: hidden;
   padding: 5px;
}
#content #search p {
   float: left;
   font-size: 1px;
   margin: 0;
   max-width: 195px;
   padding: 0;
   width: 195px;
}
#search label {
   display: block;
   overflow: hidden;
   width: 0;
   height: 0;
}
#content input#q {
   background: #fff url(/images/input.gif) repeat-x;
   border-color: #7c7c7c #c3c3c3 #ddd;
   border-style: solid;
   border-width: 1px;
   color: #332;
   float: left;
   padding: 2px;
   width: 125px;
}
#content #search input.button {
   cursor: pointer;
   float: left;
   padding: 0 0 0 5px;
}

/* ===== 6: navigation ===== */
#nav {
   font-weight: lighter;
   text-transform: uppercase;
}
#menu {
   font-weight: normal;
   text-transform: capitalize;
}
#nav, #menu {
   font-family: verdana, "lucida grande", tahoma, helvetica, sans-serif;
   font-size: 94%;
   overflow: hidden;
   text-align: center;
}
#nav li {
   border-bottom: 1px solid #001f66;
   border-top: 1px solid #4768b3;
   display: inline; /* Yet another IE accommodation */
   float: left;
   overflow: hidden;
   text-align: center;
   width: 16.6%;
}
#nav li:first-child {
   width: 17%;
}
#intro li {
   display: block;
   margin: 0;
   text-align: center;
   }
#nav a, #menu a {
   border: 1px outset #8B9F86;
   color: #fff;
   display: block;
   font-size: 110%;
   line-height: 2em;
}
#nav a {
   background: #00309C;
}
#menu a {
   background: #316531;
}
#nav a:focus, #nav a:hover, #nav a:active, #menu a:focus, #menu a:hover, #menu a:active {
   background: #fff;
   border: 1px inset #8B9F86;
   color: #00309C;
   text-decoration: underline;
}
#menu a:focus, #menu a:hover, #menu a:active {
   color: #316531;
}
body#default a#n1,
body#calendar a#n2,
body#ministries a#n3,
body#contacts a#n4 {
   text-decoration: underline;
}

/* ===== 7: content ===== */
#content img {
   border: 1px solid #222;
   _float: left;
   margin: .5em;
   padding: 3px;
}
body#default #content img {
   border: 0;
   padding: 0;
}
p.img {
   max-width: none;
}
#content h3 {
   margin: 1.5em 0 .5em 0;
   width: 60%;
}
#content ul li {
   background: transparent url(/images/28.gif) no-repeat 5px .2em;
   margin: .25em 3em;
   padding-left: 20px;
}
#content a {
   text-decoration: underline;
}
#content h3 a, #content table a {
   text-decoration: none;
}
#content address {
   font-size: 105%;
   margin: .5em 1em;
}
#content .vcard .org, #content .vcard .street-address, #content .vcard .tel {
   display: block;
}
#content .vcard .org {
   font-weight: bold;
}
#content .vcard .tel {
   font-style: normal;
}
body#default #content h3 {
   margin: 1.5em 0;
}
body#default #content p, body#default #content ul {
   margin: .5em 5em .5em 0;
}
body#default #search p {
   margin: 0;
}
body#maps #content h4 {
   clear: left;
   padding: 1.5em 0 .5em 0;
}
body#contacts #content dt {
   background: #F4FAF2;
   border: 2px solid #C8DCC2;
   color: #444;
   margin: 2em 0 .5em 0;
   padding: .3em 1em .3em;
   }
   body#contacts #content dd {
      margin: .3em 1em;
      }
   body#contacts #content dd p {
      margin: 0 1em 1em 1em;
      }
#content table {
   background: #F4FAF2;
   border:2px solid #C8DCC2;
   margin: 0 auto 1em auto;
   width: 100%;
   }
   #content th {
      font-size: .9em;
      font-variant: small-caps;
      height: 1.5em;
      text-transform: capitalize;
      text-align: center;
      vertical-align: middle;
      }
   #content td {
      border-left: 1px solid #ccb;
      border-top: 1px solid #ccb;
      font-size: .9em;
      height: 90px;
      overflow: hidden;
      padding: 0 2px;
      vertical-align: top;
      width: 100px;
      }
   #content td h4 {
      background: #F4FAF2;
      color: #3A4F3B;
      font-style: normal;
      }
   #calendar #content th a {
      background: #3A4F3B;
      color: #fff;
      display: block;
      font-style: bold;
      }
      #calendar #content th a:hover {
         background: #F4FAF2;
         color: #3A4F3B;
         }
   #content td a {
      background: #F4FAF2 url(/images/28.gif) no-repeat -5px -1px;
      color: #00309C;
      display: block;
      text-indent: 9px;
      }
   #content td.today {
      border: 1px solid #000;
      }
   #content td.invalidDay {
      background-color: #fff;
      }
#content fieldset {
   border: 0;
   margin: .5em 2em;
   }
ol#gallery {
   height: 200px;
   margin: 0 auto;
   position: relative;
   width: 100%;
   text-align: center;
   }
   ol#gallery img {
      float: none;
      margin: 0;
      }
/* ===== 8: intro ===== */
#news, #bible, #events {
  background: #F4FAF2 url(/images/10.gif) no-repeat 98% 2%;
  color: #316531;
  line-height: 1.5;
  margin: .5em 0;
  padding: 0 .5em .5em;
  text-transform: none;
  }
  #news h2, #bible h2, #events h2 {
    background: transparent;
    color: #316531;
    font-size: 120%;
    font-style: normal;
    margin: .5em;
    }
  #news li, #events li {
    background: url(/bullet.gif) no-repeat 7px .3em;
    margin: .5em 0;
    padding-left: 20px;
    text-align: left;
    }
    #news li a, #events li a {
      background: #F4FAF2;
      color: #00309C;
      }
      #news li a:focus, #news li a:hover, #events li a:focus, #events ul a:hover {
        background: #F4FAF2;
        color: #316531;
        }
#news, #events {
  border: 2px solid #C8DCC2;
  }
#news a, #events a {
   background: transparent;
}
#bible {
  background: transparent url(/images/34.gif) no-repeat .5em 2em;
  color: #3A4F3B;
  font-size: 95%;
  font-style: italic;
  text-align: left;
  padding: 0 .5em .5em;
  }
  #bible a {
    font-size: 90%;
    }
#intro table {
  background: #F4FAF2;
  border:2px solid #C8DCC2;
  /* border-collapse: collapse; */
  margin: .5em 0;
  text-align: center;
  text-transform: capitalize;
  width: 100%;
  }
  #intro table th {
    color: #316531;
    }
  #intro table td.today {
    border: 1px solid #000;
    }
  #intro table td.hasarticle {
    font-weight: bold;
    }
/* ===== 13: foot ===== */
#foot, #contact {
   background: #fff;
   clear: both;
   color: #316531;
   text-align: center;
   }
#office, #sunday, #phone {
   float: left;
   width: 33%;
   }
#sunday {
   background: #F4FAF2 url(/images/10.gif) no-repeat 98% 2%;
   }
#contact {
   /* footer_bg.jpg is the blue & green stripe */
   background: url(/footer_bg.jpg) repeat-x left bottom;
   padding: 10px 0 9px 0;
   }
   #contact h2 {
      background: transparent;
      font-size: 110%;
      margin: .5em .5em;
      text-align: left;
      }
   #contact h3 {
      background: transparent;
      font-size: 110%;
      margin: 0 2em 1em 2em;
      }
   #contact h4 {
      background: transparent;
      font-size: 85%;
      margin: -1em 2em .25em 2.5em;
      text-align: left;
      }
   #contact address, #contact address a {
      background: transparent;
      color: #444;
      }
   #contact address {
      margin: 0 2em;
      }
#foot {
   /* footer_bg.jpg is the blue & green stripe */
   background: #FFF url(/footer_bg.jpg) repeat-x left top;
   color: #00309C;
   font-size: .85em;
   }
   #foot a:focus, #foot a:hover, #foot a:active, #contact a:focus, #contact a:hover, #contact a:active {
      color: #316531;
      text-decoration: underline;
      }
   #foot ul {
      padding: .5em 0;
      text-align: left;
      }
      #foot li {
         display: inline;
         list-style-type: none;
         }
         #foot li a {
            border-right: 2px solid #316531;
            margin-right: 1em;
            padding-right: 1em;
            }
         ul#feeds {
            margin-right: -1em;
            }
   #nav_foot {
      float: left;
   }
   #feeds {
      float: right;
   }