@import "reset.css";


body {
  font-size: 100%;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.2em;
  background: #D8D8D8 url(../styles/bg_body.gif) top left repeat-x;
}




#newwebsite {
  position: absolute;
  width: 600px;
  left: 50%;
  margin-left: -300px;  /* must be half the width */
  background-color: white;
  padding: 20px;
  margin-top: 24px;
}




/* Heading styles */
h1 { font-size: 1.8em; line-height: 1.8em; margin: 0px 0px 12px 0px; }
h2 { font-size: 1.3em; line-height: 1.4em; margin: 6px 0px 6px 0px; }
h3 { font-size: 1.1em; line-height: 1.2em; margin: 6px 0px 6px 0px; }

/* HTML element styles */
table td { font-size: 1em; }
p { padding-bottom: 0.5em; }
li {margin-left: 24px;}
a { text-decoration: underline; color: #009933}
a:hover { text-decoration: underline; color: #63cb64}


/* Standard class styles */
.clear { clear: both; height: 1px; }
.hidden { visibility: hidden; }
.intro, .introduction { font-weight: bold; }
.todo { background-color: #fee; color: #c00; }



/* PAGE STRUCTURE STYLES */
 
#container {
  position: absolute;
  width: 966px;
  left: 50%;
  margin-left: -483px;  /* must be half the width */
  background-color: white;
  margin-top: 12px;
}

#pageHeader, #pageMenu, #pageContent, #pageFooter { clear: both; font-size: 0.8em; }


/* PAGE HEADER STYLES */

#pageHeader { height: 130px; background: #C4D39C url(../styles/bg_pageheader.png) top center no-repeat; }
#pageHeader p { position: absolute; z-index: 1000; top: 24px; left: 12px; font-style: italic; font-size: 1.1em; }
#logo { position: relative; top: 30px; left: 20px; width: 918px; height 92px; }
#rightbox { position: absolute; right: 12px; top: 20px; width: 300px; }


/* PAGE MENU STYLES */

#pageMenu { height: 33px; background: #008800 url(../styles/bg_pagemenu.png) bottom center no-repeat; font-size: 0.8em}
#navlist { height: 33px; list-style: none; padding: 0; margin: 0; padding-left: 24px; }
#navlist li { list-style: none; padding: 0; margin: 0; float: left; line-height: 31px; }
#navlist li a { display: block; margin: 0; padding: 0; line-height: 31px; color: #ddd; padding: 0 18px; text-decoration: none; }
#navlist li a:hover { color: white; text-decoration: underline; }


/* PAGE CONTENT */

#pageContent { clear: both; background-color: white; padding: 8px 0px; color: #333; }
.contentheader { background: white url(../styles/bg_contentheader.png) top center no-repeat; height: 120px; overflow: hidden; padding: 0 12px 0px 12px; margin-bottom: 12px;}
.content { clear: both; }
.left { width: 250px; padding: 0px 12px;}
.middle { margin-left: 250px; margin-right: 250px; }
.homepageleft { margin-right: 300px; padding: 8px 24px 24px 24px; }
.full { margin-right: 250px; padding: 8px 24px 24px 24px; background-color: white; }
.right { width: 226px; padding: 0px 12px; float: right; background: white url(../styles/bg_right.gif) top left no-repeat; height: 200px; overflow: visible;}
.right h3 { margin-top: 20px; margin-bottom: 12px; }
.right ul li { padding-bottom: 6px; }
.homepageright { width: 276px; padding: 0px 12px; float: right; background: white url(../styles/bg_right.gif) top left no-repeat;  }

.hidden {
  display: none;
}

.homepageright dl { font-size: 0.85em; }
.homepageright dt { font-weight: bold; padding: 4px 0px 0px 0px; }
.homepageright dd { padding: 3px 0px 3px 16px; }

.list { padding-top: 0px; }
.list p, .list table { padding-left: 20px; }
.list h3 {
  clear: left; padding-top: 24px;
}
.list .mission {
  width: 48%; float: left; display: block; height: 200px;
}


/* Styles for the contact details table */
.contactdetails, .preachinglist {
  width: 550px;
  margin-bottom: 12px;
}
/* was 500 */

.preachinglist .time {
   width: 100px;
   text-align: left;
}

.preachinglist .name {
   width: 250px;
   text-align: left;
}

img.inset {
  padding: 0px 8px 0px 0px;
}

.preachinglistxx {
  width: 600px;
  margin-bottom: 12px;
}

.preachinglistxx .time {
  text-align: left;
}

.preachinglistxx .name {
  text-align: left;
}


.gallery { display: block; width: 448; margin: 0 auto; }
.gallery img { border: 1px solid #ddd; padding: 3px; }
.gallery p { text-align: center; }


/* PAGE FOOTER STYLES */

#pageFooter { height: 38px; background: #008800 url(../styles/bg_pagefooter.png) top center no-repeat; color: #ddd; padding: 8px 12px; font-size: 0.7em; line-height: 1.4em; }
#pageFooter p { text-align: center; }
#pageFooter a { color: #ddd; }
#pageFooter a:hover { color: white; }
#pageFooter .fade, #pageFooter .fade a  { color: #aaa; padding-bottom: 0; }