body, div.cms_Content {
  margin: 0;
  padding: 0 0 15px 0;
  min-width: 960px;     /* in cases where the window is narrower than the content, this makes the header background image still appear */
  font: normal 11px /*12px*/ /*.75em/1.5*/ /*Corbel,*/ /*"Segoe UI",*/ Verdana, sans-serif;
  /*color: white;*/
  color: #d9e5e8;
  background-color: #00667c;
}

address {
  font-style: normal;
}

a {
  color: white;
  text-shadow: none;
}

a:hover {
  color: #5f9baf;
}

h1 {
  margin: 0 0 14px 0;
  font: bold 17px/21px Verdana, sans-serif;
  color: #5f9baf;
  text-shadow: 1px 1px 1px black;
}

h2 {
  clear: both;
  margin: 0 0 14px 0;
  font: bold 13px Verdana, sans-serif;
  color: #5f9baf;
  text-shadow: 1px 1px 1px black;
}

h3 {
  margin: 0;
  font: bold 13px Verdana, sans-serif;
  color: white;
  text-shadow: 1px 1px 1px black;
}

h4 {
  text-shadow: 1px 1px 1px black;
}

img {
  border-width: 0;      /* pngFix() does strange things in IE6 if this is "border: none;" */
}

p {
  margin: 0 0 10px 0;
  font: 11px/18px Verdana, sans-serif;
  color: #d9e5e8;
  /*text-shadow: 1px 1px 1px black;*/
}

table {
  border-collapse: collapse;
}

td, th {
  text-align: left;
  vertical-align: top;
}

dl {
  margin: 20px 0 20px 0;
}

dt {
  margin: 0 0 5px 0;
  font-weight: bold;
  /*color: white;*/
  color: #5f9baf;
  text-shadow: 1px 1px 1px black;
}

dd {
  margin: 0 0 15px /*20px*/ 0;
  line-height: 18px;
}

q {
  /*quotes: "“" "”" "‘" "’";*/
  quotes: '"' '"' "'" "'";
}

span.tetragrammaton,
span.small-caps {
  font-variant: small-caps;
}

ol,
ul {
  margin: 0;
  padding: 0 0 0 15px;
}

h3 + ol,
h3 + ul {
  margin-top: 10px;
}

li {
  margin: 0 0 10px 0;
  padding: 0;
  line-height: 18px;
}

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

ul.nav li {
  margin: 0;
  padding: 0;
}

ul.nav a {
  text-decoration: none;
}

ul.nav a:hover {
  text-decoration: underline;
}


.fakehr {
  clear: both;
  height: 4px;
  margin: 30px 0 10px 0;
  background: url(/img/hr.gif) repeat-x top left;
}

#col2 .fakehr {
  width: 560px;
}

#col2 .col1 {
  width: 50%;
  float: left;
}

#col2 .col2 {
  width: 50%;
  float: right;
}



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



#drawer {
  display: none;            /* DISABLED UNTIL AFTER SITE LAUNCHES */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #bed5db;
}

#drawer p {
  color: #00323c;
}

#drawer #searchcontainer {
  width: 960px;
  height: 5px;
  margin: 0 auto 0 auto;
  overflow: hidden;
}

#drawer.open {
  z-index: 100;
  height: 160px;
}

#drawer.open #searchcontainer {
  height: 160px;
}

#drawer #searchtabcontainer {
  position: relative;
  width: 960px;
  margin: 0 auto 0 auto;
}

#searchtab {
  position: absolute;
  z-index: 200;
  top: 0;
  right: 5px;
  width: 110px;
  height: 17px;       /* 20px - 3px padding */
  padding-top: 3px;
  font-size: 10px;
  text-align: center;
  color: #5f9baf;
  background: transparent url(/img/background_searchtab.png) no-repeat top left;
  cursor: pointer;
}



#header {
  width: 100%;
  background: white url(/img/background_header.gif) repeat-x top left;
  border-top: 5px solid #bed5db;
  border-bottom: 3px solid #a1c4d0;
}

#header #header_main {
  position: relative;
  left: 15px;
  width: 960px;
  margin: 0 auto 0 auto;
  /*padding-top: 20px;*/
  padding-top: 5px;               /* 2/5/2011 - new logo */
}

#header .logobox, #header .logobox img {
  display: block;
  float: left;
  /*width: 188px;*/
  /*width: 264px;
  height: 77px;*/
  width: 300px;                   /* 2/5/2011 - new logo */
  height: 83px;
  margin-bottom: 15px;            /* 2/5/2011 - new logo */
}

#language_links {
  display: none;
  float: right;
  padding: 15px 30px 0 0;
  color: #5f9baf;
  font-weight: bold;
}

#language_links a {
  color: #5f9baf;
  font-weight: normal;
  text-decoration: none;
}

#language_links a:hover {
  color: #00323c;
  text-decoration: underline;
}

#language_links span {
  font-weight: normal;
}

#topnav {
  clear: both;
  position: relative;
  left: 15px;
  bottom: -3px;
  width: 960px;
  margin: 0 auto 0 auto;
}

#topnav li {
  display: inline;
  text-transform: uppercase;
}

#topnav a {
  display: block;
  float: left;
  padding: 10px 10px 8px 10px;
  font: bold 11px/13px Verdana, sans-serif;
  color: #00323c;
  background-color: transparent;
  text-decoration: none;
  border-bottom: 3px solid #a1c4d0;
  -moz-border-radius: 10px 10px 0 0;        /* Firefox 1-3 */
  -webkit-border-radius: 10px 10px 0 0;     /* Webkit 3-4 */
  border-radius: 10px 10px 0 0;             /* Firefox 4+, Webkit 5+, IE9+ (IE6-IE8 are handled by a jQuery plugin) */
}

#topnav a:hover, #topnav a.currentpage {
  color: white;
  background: #00323c url(/img/background_topnav_tab.gif) repeat-x top left;
  border-bottom-color: #00323c;
}

#container {
  width: 960px;
  margin: 0 auto 0 auto;
  background: #004151 url(/img/background_container.gif) repeat-y top left;
}

#contents {
  margin: 0 15px 0 15px;
  padding: 0 0 40px 0;                          /*20PX BOTTOM GETS YOU TO THE TOP OF THE BORDER*/
  background: #00323c url(/img/background_contents.gif) repeat-x bottom left;
}

#col1 {
  float: left;
  width: 270px;
  padding: 32px 0 0 35px;
}

body.homepage #col1 {
  width: 240px;
}

#sidebox {
  width: 250px;
  color: #0f1315;
  background-color: #d9e5e8;
  border: 5px solid #004151;
}

body.homepage #sidebox {
  width: 200px; /*230px - 15px left padding - 15px right padding*/
  padding: 15px;
}

body.homepage #sidebox h2 {
  margin: 0;
  padding: 0 0 14px 0;
  color: #004151;
  background: url(/img/border_bottom_homepage_event_heading.gif) no-repeat bottom center;
  text-shadow: none;
}

div.homepage_event_box {
  padding-bottom: 4px;
  background: transparent url(/img/border_bottom_homepage_event.gif) no-repeat bottom center;
}

div.homepage_event_box a {
  display: block;
  position: relative;
  padding: 13px 15px 10px 50px;
  color: #0f1315;
  background: url(/img/icon_calendar_homepage.png) no-repeat 0px 7px;
  line-height: 16px;
  text-decoration: none;
}

div.homepage_event_box a:hover {
  background-color: #c7d9de;
}

div.homepage_event_box span.number {
  position: absolute;
  top: 20px;
  left: 0px;
  width: 39px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

div.homepage_event_box span.date {
  display: block;
  font-size: 12px;
  font-weight: bold;
}

div.homepage_event_box a:hover span.date {
  text-decoration: underline;
}

div.homepage_event_box span.description {

}

#dailyverse h2 {
  margin-bottom: 0;
}

#dailyverse span.verse-num {
  color: #5f9baf;
}




#sidenav {
  position: relative;
  left: 5px;
  width: 260px;
  padding-top: 5px;
  padding-bottom: 20px;
  list-style: none;
}

#sidenav li {
  color: #0f1315;
}

#sidenav li:hover,
#sidenav li.currentpage,
#sidenav li.ie6_hovering {
  color: white;
  background: url(/img/background_sidenav.gif) no-repeat top left;
}

#sidenav a {
  display: block;
  height: 26px;
  padding: 10px 0 0 10px;
  color: #0f1315;
  font: 13px/13px Verdana, sans-serif;
  text-decoration: none;
  background: url(/img/background_sidenav_line.gif) no-repeat 10px 32px;
}

#sidenav li:hover a,
#sidenav li.currentpage a,
#sidenav li.ie6_hovering a {
  color: white;
  font-weight: bold;
  background-image: none;
}

#sidenav li:hover li a,
#sidenav li.currentpage li a,
#sidenav li.ie6_hovering li a {
  color: #0f1315;
  font-weight: normal;
  background: url(/img/background_sidenav_line.gif) no-repeat bottom left; /*0px 32px;*/
}

#sidenav ul {
  width: 230px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#sidenav li li {
  margin-left: 10px;
}

#sidenav li li a {
  height: auto;
  padding: 10px 0 14px 15px;
}

#sidenav li li:hover,
#sidenav li li.currentpage,
#sidenav li li.ie6_hovering {
  color: #0f1315;
  background-color: #c7d9de;
  background-image: none;
} 

#sidenav li li:hover a,
#sidenav li li.ie6_hovering a {
  color: #0f1315;
}

#sidenav span.arrow {
  float: left;
  margin: 0 5px 10px 0;
}


/* box with lots of stuff in it */
#side_highlight {
  width: 220px;
  margin: 10px 0 0 0;
  padding: 20px 20px 10px 20px;
  background-color: #004151;
}

body.homepage #side_highlight {
  display: none;
  width: 220px;
  padding: 10px;
}

#side_highlight h3 {
  margin-top: 7px;
  margin-bottom: 0;
}

#side_highlight p {
  margin-bottom: 7px;
}



/* box that is just one image */
.side_highlight {
  width: 260px;
  margin: 10px 0 0 0;
}




#col2 {
  float: right;
  width: 540px;
  padding: 32px 55px 0 0;
}

body.homepage #col2 {
  width: 600px;
  padding-right: 35px;
}

#banner {
  display: block;
  margin: 0 0 20px 0;
  border: 10px solid #004151;
}

#slideshow {
  width: 580px;
  height: 272px;
  margin: 0 0 20px 0;
  border: 10px solid #004151;
}

#slideshow img {
  display: none;
  width: 580px;
  height: 272px;
}

div#cmsbody #slideshow {
  width: auto;
  height: auto;
}

div#cmsbody #slideshow img {
  display: block;
  width: auto;
  height: auto;
}


.servicetimes th {
  padding-right: 20px;
}



#biblical_worship  dt {

}

#biblical_worship  dd {
  margin-bottom: 30px;
}

#biblical_worship q {
  font-style: italic;
}

#biblical_worship a {
  float: right;
  text-align: right;
}

#biblical_worship cite {
  font-style: normal;
}




body.homepage #col3 {
  clear: both;
  width: 860px;
  margin: 30px auto 0 auto;
  padding: 30px 0 30px 0;
  background: url(/img/hr.gif) repeat-x top left;
}

#col3 .homepage_box {
  float: left;
  width: 200px;
  margin: 0 20px 20px 0;
}

div#cmsbody #col3 .homepage_box {
  float: none;
}

#col3 .homepage_box a {
  display: block;
}

#col3 .homepage_box p a {
  display: inline;
}

#col3 .homepage_box img {
  display: block;
  width: 190px;
  height: 65px;
  border: 5px solid #5f9baf;
}

#col3 .homepage_box h2 {
  margin-top: 7px;
  margin-bottom: 0;
}

#col3 .homepage_box p {
  margin-bottom: 7px;
}







img.thumbnail {
  width: 106px;
  /*height: 106px;*/
  border: 6px solid #004151;
}

img.left {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}





div.thumbnail_box {
  clear: both;
  margin: 20px 0 20px 0;
}

div.thumbnail_box img {
  float: left;
  width: 106px;
  /*height: 106px;*/
  margin-right: 20px;
  margin-bottom: 20px;
  border: 7px solid #004151;
}

div.thumbnail_box p,
p.ministry-quote {
  margin-left: 140px;
}

div.thumbnail_box h3 {
  margin: 0 0 10px 0;
}




img.page_banner {
  border: 10px solid #004151;
}

p.captioned_page_banner {
  padding-bottom: 10px;
  background-color: #004151;
  text-align: right;
}

p.captioned_page_banner img.page_banner {
  display: block;
  /*border-bottom-width: 0;*/
}

p.captioned_page_banner span.caption {
  padding-right: 10px;
  color: #5f9baf;
}




#map_canvas {
  width: 100%;
  height: 400px;
  margin: 40px 0 0 0;
}



table.missions {
  width: 100%;
  margin: 0 0 40px 0;
}

table.missions caption,
table.missions-giving caption {
  margin: 0 0 14px 0;
  font: bold 13px Verdana, sans-serif;
  color: #5f9baf;
  text-shadow: 1px 1px 1px black;
  text-align: left;
}

.missions th,
.missions td,
.missions-giving th,
.missions-giving td {
  padding: 1px 5px;
}

.missions th:first-child,
.missions td:first-child {
  padding-left: 0;
}

.missions th:last-child,
.missions td:last-child {
  padding-right: 0;
}

.missions-giving .year,
.missions-giving td:first-child {
  padding-right: 10px;
  padding-left: 0;
}

.missions-giving th:last-child,
.missions-giving td:last-child {
  padding-right: 0;
  padding-left: 10px;
}

.missions-giving tfoot th {
  padding-top: 3px;
  text-align: right;
}

.missions-giving tfoot td {
  padding-top: 3px;
  font-weight: bold;
}


ul.giving {
  margin-bottom: 20px;
}

ul.giving li {
  margin: 0;
}

.button {
  display: inline-block;
  padding: 0 15px 0 15px;
  font-weight: bold;
  font-size: 14px;
  line-height: 30px;
  text-decoration: none;
  color: #004151;
  background: #5f9baf;
  border: 4px solid #5f9baf;
  cursor: pointer;
}

.button:hover {
  color: #5f9baf;
  background: #004151;
  border-color: #5f9baf;
  text-shadow: 1px 1px 1px black;
}



#footer {
  position: relative;
  padding: 7px 50px 50px 0;
  line-height: 16px;
  background: transparent url(/img/background_footer.png) no-repeat bottom left;
}

#footer .logobox {
  position: absolute;
  /*width: 60px;
  height: 67px;
  top: 79px;
  left: 70px;*/
  top: 73px;
  left: 46px;
  text-align: center;
}

#footer .col2 {
  margin-left: 190px;
}


#footer_highlights {
  padding-bottom: 15px;
  border-bottom: 3px solid #003846;
}

.footer_highlights {
  float: left;
}

.footer_highlights h4 {
  margin: 0 0 10px 0;
  padding: 0;
  font-weight: bold;
  font-size: 13px;
  line-height: 20px;
  color: #5f9baf;
}

.footer_highlights h4 a {
  color: #5f9baf;
  text-decoration: none;
  text-shadow: 1px 1px 1px black;
}

.footer_highlights ul {
  margin-right: 40px;
}

.footer_highlights a:hover {
  color: white;
  text-decoration: underline;
}


#footer #bottomnav {
  padding-top: 15px;
  border-top: 1px solid #1d5c6d;
  /*font-weight: bold;*/
}

#footer #bottomnav li {
  /*border-width: 2px;*/
}

#youtube {
 float: right;
  margin: 25px 0 0 20px;
}

#facebook {
  float: right;
  margin: 25px 0 0 20px;
}

#faithstreet {
  float: right;
  margin: 30px 0 0 0;
}

#footer .sitenav {
  margin-bottom: 4px;
  font-size: 14px /*1.33em*/;
  line-height: 17px;
  color: #5f9baf;
}

#footer .sitenav li {
  margin: 0 5px 0 0;
  padding: 0 5px 0 0;
  display: inline;
  border-right: 1px solid #5f9baf;
}

#footer .sitenav li:last-child {
  border: none;
}

#footer .sitenav a {
  color: #5f9baf;
}

#footer .sitenav a:visited {
  color: #416977;
}

#footer .sitenav a:hover {
  color: white;
}

#footer address {
  margin-top: 12px;
}

#brownboots {
  margin: 0;
  font-size: 9px;
  color: #265d6b;
  text-shadow: none;
}

#brownboots a {
  color: #265d6b;
  text-decoration: none;
}

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






/*@media (max-width: 767px) {
  body {
    min-width: 0;
  }

  #container {
    width: 100%;
    
  }
}*/





@media print {
  .noprint {
    display: none;
  }

  body {
    font-size: 10pt /*101%*/;
    color: black;
    background-color: transparent;
  }

  #container {
    width: 100%;
  }

  #footer {
    padding: 1px 0 0 0;   /* 1px for IE to print the <address> border */
  }

  #footer .col2 {
    margin-left: 0;
    font-size: 8pt;
  }

  #footer address {
    padding-top: 15px;
    border-top: 1px solid black;
  }
}



/* CMS overrides */


#contents .cmselembox, #contents .cmselemopt, #contents .cmselemopt a, #contents .cmselemtitle span {
  color: white;
  border-color: white;
}

/* for homepage */
#contents #sidebox .cmselembox, #contents #sidebox .cmselemopt, #contents #sidebox .cmselemopt a, #contents #sidebox .cmselemtitle span {
  color: #004151;
  border-color: #004151;
}

div.nolink {display: none;}