body  {
padding: 0; 
margin: 0; 
border: 0;
font-size: 100%; 
font-family: arial, helvetica, sans-serif;
background: #eee;
}

#minMax {
min-width: 1088px; 
max-width: 1088px; 
margin: 0 auto; 
background: #fff;
}

#wrapper {
overflow: hidden;
margin: 0;
padding: 0;
border: 0;
}

#footer {
text-align: center;
clear:both; 
background:#eee;
color: #888;
font: normal 10px/10px arial, helvetica, sans-serif;
padding-top: 3px;
}

.maincontainer{
padding: 0;
margin: 0;
border: 0;
padding-bottom: 32767px; 
margin-bottom: -32767px;
float: left;
width: 80%;
}

.maincontainerindex{
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: 0;
margin-left: auto; /* these two center horizontally */
margin-right: auto; /* these two center horizontally */
background-color: #000;
}


.middlecontainer {
padding: 0;
margin: 0;
border: 0;
padding-bottom: 32767px; 
margin-bottom: -32767px;
float: left;
width: 100%;
}

#left {
float: left; 
width: 20%; 
background: #fff;
}

#middle {
float: left; 
width: 55%;
background: transparent;
}

#middlenews {
float: left; 
width: 50%;
background: transparent;
}

#right {
float: right;
width: 35%;
background: transparent;
}

#rightcontactus {
float: right;
width: 44%;
background: transparent;
}

#rightnews {
float: right; 
width: 30%;
background: transparent;
}

#middlesm {
float: left; 
width: 45%;
background: transparent;
}

#left, #middle, #middlenews, #right, #rightcontactus, #rightnews, #middlesm {
padding: 0;
margin: 0;
border: 0;
padding-bottom: 32767px; 
margin-bottom: -32767px;
}



#maingoodsearch {
background: white;
}

#middlegoodsearch {
background: transparent;
}

#mainpartners {
background: white;
}

#middlepartners {
background: transparent;
}

#mainhome2 {
background: white;
}

#middlehome2 {
background: transparent;
}

#mainhome {
background: white url(ministrymissionback.png) 100% 0 repeat-y;
}

#middlehome {
background: transparent url(ministrymission.png) 100% 0 no-repeat;
}

#maindonate{
background: white;
}

#middledonate {
background: transparent;
}

#mainnewdonate{
background: white url(donateback.png) 100% 0 repeat-y;
}

#middlenewdonate {
background: transparent url(donate.png) 100% 0 no-repeat;
}

#mainsearch{
background: white url(qaback.png) 100% 0 repeat-y;
}

#middlesearch {
background: transparent url(qa.png) 100% 0 no-repeat;
}

#mainqa{
background: white url(qaback.png) 100% 0 repeat-y;
}

#middleqa {
background: transparent url(qa.png) 100% 0 no-repeat;
}


#mainfamilyfriends{
background: white url(familyfriendsback.png) 100% 0 repeat-y;
}

#middlefamilyfriends {
background: transparent url(familyfriends.png) 100% 0 no-repeat;
}

#mainstaffletters{
background: white url(staffnewslettersback.png) 100% 0 repeat-y;
}

#middlestaffletters {
background: transparent url(staffnewsletters.png) 100% 0 no-repeat;
}

#mainnewsletter{
background: white url(newsletterback.png) 100% 0 repeat-y;
}

#middlenewsletter {
background: transparent url(newsletter.png) 100% 0 no-repeat;
}

#mainspeaking{
background: white url(speakingback.png) 100% 0 repeat-y;
}

#middlespeaking {
background: transparent url(speaking.png) 100% 0 no-repeat;
}

#mainsitemap {
background: white;
width: 100%;
}

#middlesitemap {
background: transparent url(sitemap.png) 100% 0 no-repeat;
}
#mainsitemap2 {
background: white;
width: 100%;
}

#middlesitemap2 {
background: transparent url(map.png) 100% 0 no-repeat;
}


#mainindividual{
background: white url(individualback.png) 100% 0 repeat-y;
}

#middleindividual {
background: transparent url(individual.png) 100% 0 no-repeat;
}

#maininternship{
background: white url(internshipback.png) 100% 0 repeat-y;
}

#middleinternship {
background: transparent url(internship.png) 100% 0 no-repeat;
}

#mainourbeliefs {
background: white url(ourbeliefsback.png) 100% 0 repeat-y;
}

#middleourbeliefs {
background: transparent url(ourbeliefs.png) 100% 0 no-repeat;
}

#mainmo3 {
background: white url(mo3back.png) 100% 0 repeat-y;
}

#middlemo3 {
background: transparent url(mo3.png) 100% 0 no-repeat;
}

#mainjf {
background: white url(jfback.png) 100% 0 repeat-y;
}

#middlejf {
background: transparent url(jf.png) 100% 0 no-repeat;
}


#mainvolunteer{
background: white url(volunteerback.png) 100% 0 repeat-y;
}

#middlevolunteer {
background: transparent url(volunteer.png) 100% 0 no-repeat;
}

#mainonedesire {
background: white url(onedesireback.png) 100% 0 repeat-y;
}

#middleonedesire {
background: transparent url(onedesire.png) 100% 0 no-repeat;
}

#mainlivingwaters {
background: white url(livingwatersback.png) 100% 0 repeat-y;
}

#middlelivingwaters {
background: transparent url(livingwaters.png) 100% 0 no-repeat;
}

#mainministrymission {
background: white url(ministrymissionback.png) 100% 0 repeat-y;
}

#middleministrymission {
background: transparent url(ministrymission.png) 100% 0 no-repeat;
}

#maindonate {
background: white;
}

#middledonate {
background: white;
}

#maincontactus {
background: white;
}

#middlecontactus {
background: white;
}

#mainnews {
background: white url(newsback.png) 100% 0 repeat-y;
}

#middlecontainernews {
background: transparent url(news.png) 100% 0 no-repeat;
}

#mainnews2 {
background: white;
}

#middlecontainernews2 {
background: transparent;
}

#mainpurejoy {
background: white url(purejoy2back.png) 100% 0 repeat-y;
}

#middlepurejoy {
background: transparent url(purejoy2.png) 100% 0 no-repeat;
}

#mainpodcast {
background: white url(podcastback.png) 100% 0 repeat-y;
}

#middlepodcast {
background: transparent url(podcast.png) 100% 0 no-repeat;
}

#mainbooks {
background: white url(booksback.png) 100% 0 repeat-y;
}

#middlebooks {
background: transparent url(books.png) 100% 0 no-repeat;
}

#mainseminar {
background: white url(seminarback.png) 100% 0 repeat-y;
}

#middleseminar {
background: transparent url(seminar.png) 100% 0 no-repeat;
}

#maincood {
background: white url(coodback.png) 100% 0 repeat-y;
}

#middlecood {
background: transparent url(cood.png) 100% 0 no-repeat;
}

.inner,
.innernews {
margin: 0;
border: 0;
display: block;
padding: 0px 15px 10px 10px; /*top, right, bottom, left */
}

.inner h3 {
font: bold italic 19px/20px arial, helvetica, sans-serif;
margin: 0;
border: 0;
padding: 0px 0px 10px 0px; /*top, right, bottom, left */
}

.inner p {
margin: 0;
border: 0;
padding: 0;
}

.inner a {
text-decoration: none;
color: #099;
}


.details{
margin: 0;
border: 0;
padding: 20px 0px 0px 0px; /*top, right, bottom, left */
}

.subtext p {
font: normal 14px/18px arial, helvetica, sans-serif;
}

.subtext a {
font: normal 14px/18px arial, helvetica, sans-serif;
text-decoration: none;
color: #099;
}

.subtext a:hover,
.subtext a:active {
text-decoration: none;
color: #077;
}

.topper {
height: 28px; /* same height as the font */
padding: 30px 10px 10px 10px; /*top, right, bottom, left | adds to the height, for a total height of 48 */
}

.topper2 {
height: 28px; /* same height as the font */
padding: 0px 10px 10px 10px; /*top, right, bottom, left | adds to the height, for a total height of 48 */
margin-top: -8px;
}

.topper h1, .topper2 h1 {
font: bold 26px/28px arial, helvetica, sans-serif;
color: #f00;
padding: 0;
margin: 0;
}

.leftinner {
margin: 0;
border: 0;
display: block;
padding: 30px 15px 0px 25px; /*top, right, bottom, left */
height: 490px;
}

.leftlink {
display: block;
text-decoration: none;
color: #7f7f7f;
margin: 0;
border: 0;
padding: 0px 0px 7px 0px; /*top, right, bottom, left */
}

.leftlink:hover, .leftlink:active {
color: #000;
}


.smblock {
position: auto;
float: left;
width: 150px;
height: 220px;
margin: 0;
border: 0;
margin-top: 45px;
}

.smblock h1 {
font: bold 18px/20px arial, helvetica, sans-serif;
color: #f00;
padding: 0px 0px 6px 0px; /*top, right, bottom, left */
margin: 0;
border: 0;
}

.smblock a {
font: normal 17px/24px arial, helvetica, sans-serif;
color: #7f7f7f;
text-decoration: none;
display: block;
float: left;
width: 180px;
margin: 0;
border: 0;
padding: 0;
}

.smblock a:hover,
.smblock a:active {
color: #000;
}

#sm1 { margin-left: 40px; }
       
#sm2 { margin-left: 5px; }

#sm3 { margin-left: 35px; }
       
#sm4 { margin-left: 10px; }

#sm5 { margin-left: 60px; }

#sm6 { margin-left: 25px; }

#sm7 { left: 25px; top: 290px; }

#sm8 { left: 160px; top: 290px; }

#sm9 { left: 340px; top: 290px; }

#sm10 { margin-left: 845px; margin-top: -60px; height: 316px; }

#sm10 a {
color: #aaa;
}

#sm10 a:hover,
#sm10 a:active {
color: #888;
}


#head {
position:auto;
margin:0;
top:0;
left:0;
display:block;
width:1088px;
min-width: 1088px;
height:150px;
background-color:#000;
background-repeat:no-repeat;
font-size:4em;
z-index:500;
color:#000;
}

#headtopdonate{
height: 122px;
background: transparent url(headerdonate.jpg) right no-repeat;
}


#headtopnews{
height: 122px;
background: transparent url(headernews.png) right no-repeat;
}

#headtopgi{
height: 122px;
background: transparent url(headergetinvolved.png) right no-repeat;
}

#headtopsm{
height: 122px;
background: transparent url(headersitemap.png) right no-repeat;
}

#headtopresources {
height: 122px;
background: transparent url(headerresources.png) right no-repeat;
}

#headtopquestion{
height: 122px;
background: transparent url(headerquestion.jpg) right no-repeat;
}


#headtopaboutus{
height: 122px;
background: transparent url(headeraboutus.png) right no-repeat;
}

#headtopdonatebuy{
height: 122px;
background: transparent url(headerdonatebuy.png) right no-repeat;
}

#headtopcontactus{
height: 122px;
background: transparent url(headercontactus.png) right no-repeat;
}

#headtopsearch{
height: 122px;
background: transparent url(headersearch.png) right no-repeat;
}

.headimage{
float: left;
}

/* Top Menu */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
width:1087px;
height:28px; 
position:relative; 
z-index:100;
border-right:0px solid #000; 
font: bold 16px/28px arial, helvetica, sans-serif;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:1087px; w\idth:1087px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:179px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:179px;position:relative;}
/* style the links for the top level */
.menu a,
.menu a:visited {
display:block;
font-size:16px;
text-decoration:none; 
color:#ccc; 
width:179px; 
height:28px; 
border:0px solid #000; 
background:#000; 
padding: 0;
text-align: center;
font: bold 16px/28px arial, helvetica, sans-serif;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:179px; w\idth:171px;}

/* style the second level background */
.menu ul ul a.drop,
.menu ul ul a.drop:visited {
background-color: #000;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background-color: #000;
}
.menu ul ul :hover > a.drop {
background-color: #000;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:28px;
left:0; 
width:179px;
border: 0;
}
/* another hack for IE5.5 */
* html .menu ul ul {top:28px;t\op:29px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#000; 
color:#ccc; 
height:auto; 
font: bold 16px/28px arial, helvetica, sans-serif;
padding: 0; /*5px 10px; */
width:179px;
border-width:0; /* 1px 1px 1px;*/
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover,
.menu ul ul a:hover{
color:#fff; 
background:#222;
}
.menu :hover > a,
.menu ul ul :hover > a {
color:#fff; 
background:#222;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }

/* End Top Menu */


/* forms */
form label {
display: block;
width: 90px;
margin: 5px 0px 2px 0; /* top, right, bottom, left */
}

form input {
display: block;
width: 150px;
padding: 0;
margin: 2px 0 5px 0; /* top, right, bottom, left */
text-align: left;
}

form input#m3submit {
width: 60px;
}

form input#gs {
width: 60px;
}

form textarea {
overflow: auto;
}


/* skip */
#skip {
display: block;
width: 100%;
text-align: center;
bottom: 0%;
}

#skip a {
text-decoration: none;
color: #666;
}

#skip a:hover,
#skip a:active {
text-decoration: none;
color: #888;
}

#skip img {
border: 0;
}

/* Styles for the google search  */

/**
 * Default theme
 *
 */
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 0;
  width: 80%;
}
.cse .gsc-branding,
.gsc-branding {
  display: none;
}
.cse .gsc-control-cse div,
.gsc-control-cse div {
  position: normal;
}
/* Selector for entire element. */
.cse .gsc-control-cse,
.gsc-control-cse {
  background-color: #ffffff;
  border: 1px solid;
  border-color: #ffffff;
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  border:none;
}
/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
  font-family: inherit;
  color: #000000;
  text-shadow: 0 1px 2px #FFFFFF;
  background-color: #CECECE;
  border: 1px outset;
  border-color: #666666;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  border-bottom: none;
  color: #666666;
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #e9e9e9;
  border-bottom: none;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  background-color: #FFFFFF;
  border: 1px solid;
  border-top: 2px solid;
  border-color: #e9e9e9;
  border-top-color: #FF9900;
  border-bottom: none;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid #e9e9e9;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result {
  padding: .25em;
  border: 1px solid;
  border-color: #ffffff;
  margin-bottom: 1em;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover {
  border: 1px solid;
  border-color: #FFFFFF;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gs-promotion.gs-result,
.gs-promotion.gs-result {
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: #336699;
}
/* Promotion image */
.cse .gs-promotion.gs-result .gs-promotion-image,
.gs-promotion.gs-result .gs-promotion-image {}
/* Promotion title */
.cse .gs-promotion.gs-result a.gs-title:link,
.gs-promotion.gs-result a.gs-title:link {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:visited,
.gs-promotion.gs-result a.gs-title:visited {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:hover,
.gs-promotion.gs-result a.gs-title:hover {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:active,
.gs-promotion.gs-result a.gs-title:active {
  color: #0000CC;
}
/* Promotion snippet */
.cse .gs-promotion.gs-result .gs-snippet,
.gs-promotion.gs-result .gs-snippet {
  color: #000000;
}
/* Promotion url */
.cse .gs-promotion.gs-result ..gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl {
  color: #008000;
}


/* end google styles  */