body
{
  margin-left: auto;
  margin-right: auto;
  width: 770px;
  border: 2px solid #a5a8db;
  background-color: #4450a3;
}

/* header */

img#banner
{
  position: absolute;
  left: 40px;
}

#header
{
  height: 126px;
  background-image: url('../images/banner.jpg');
}

a#logoclick
{
  position: absolute;
  width: 250px;
  height: 170px;
  z-index: 299;
}

a#titleclick
{
  position: absolute;
  width: 770px;
  height: 80px;
  z-index: 299;
}


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

/* the following makes the dropdown buttons */
#navlist
{
  z-index: 199;
  position: absolute;
  display: block;
  width: 770px;
}


#navbuttons
{
  position: absolute;
  left: 276px;
  top: 86px;
  width: 480px;
}

li.navbutton
{
  float: left;
  text-align: center;
  color: #ffffff;
  margin-right: 10px;
  position: absolute;
  background: none;
}
ul.subnav
{
  position: absolute;
  left: 0px;
  top: 19px;
}


li#summercampbutton
{
  left: 0px;
  width: 127px;
}
li#facilityrentalsbutton
{
  left: 125px;
  width: 130px;
}
li#eventsbutton
{
  left: 253px;
  width: 67px;
}
li#givebutton
{
  left: 318px;
  width: 78px;
}
li#aboutusbutton
{
  left: 394px;
  width: 87px;
}
li#summercampbutton ul
{
  width: 132px;
}
li#facilityrentalsbutton ul
{
  width: 150px;
}
li#eventsbutton ul
{
  width: 100px;
}
li#givebutton ul
{
  width: 100px;
}
li#aboutusbutton ul
{
  width: 100px;
}

ul.subnav
{
  background: url('../images/orangestrip.jpg');
  background-repeat: repeat-x;
  background-position: top;
  background-color: #ef9a2f;
  position: relative;
  left: -2px;
  top: 0px;
    /* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;

}

ul.subnav li
{
  border-style: solid;
  border-width: 2px;
  border-color: #000088;
  border-top: 0px;
  margin-right: 0px;
  min-height: 5px;
}


li.navbutton a
{
  background: none;
  height: 24px;
  font-weight: bold;
  font-size: 16px;
  font-family: arial, sans-serif;
  padding: 0px;
  display: block;
  width: 100%;
  text-decoration: none;
  color: #ffffff;
}

li.subnavbutton a
{
  height: auto;
}

li.navbutton a:hover
{
  background: url('../images/bluestrip.jpg');
  background-repeat: repeat-x;
  background-position: bottom;
  background-color: #000088;
}


  /* Fix IE. Hide from IE Mac \*/

* html ul li.navbutton ul li.navsubbutton { float: left; }
* html ul li.navbutton ul li.navsubbutton a { height: 1%; }
/* End */

li.navbutton ul
{
  display: none;
  position: relative;
  left: 0px;
}

navbutton > ul
{
  top: auto;
  left: auto;
}

/*
li.navbutton:hover, li.navbutton.over
{
  background: url('../images/bluestrip.jpg');
  background-repeat: repeat-x;
  background-position: 0px 2px;
  background-color: #000088;
}
*/

li.navbutton:hover ul, li.navbutton.over ul
{
  display: block;
}






/* main page */

div#content
{
  display: block;
  background-color: white;
}

div#page
{
  position: relative;
  margin-left: 150px;
  margin-right: 210px;
  min-height: 250px;
}
/* \*/
* html div#page { left: 150px; margin-left: 0px; margin-right: 0; width: 410px; }
/* */

div#pagetitle
{
  float: right;
}


/* leftlinks */
  div#leftlogo
  {
    width: 250px;
    height: 77px;
    background-image: url('../images/linkstop.jpg');
  }
  div#leftlinks
  {
    z-index: 99;
    font-size: 12pt;
    font-family: arial, sans-serif;
    color: white;
    float: left;
    width: 141px;
    background-image: url('../images/linksbg.jpg');
  }
/* \*/
* html div#leftlinks { position: absolute; }
/**/
  div#leftbottom
  {
    float: left;
    width: 141px;
    height: 20px;
    background-image: url('../images/linksbottom.jpg');
  }

  div#leftlinks h3
  {
    margin: 0px;
    text-indent: 10px;
  }
  div#leftlinks ul
  {
    font-size: 10pt;
    font-weight: bold;
  }
  /* Fix IE. Hide from IE Mac \*/
* html div#leftlinks li {height: 4px}
/* End */
  div#leftlinks li
  {
    min-height: 4px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 5px;
    background-color: #a5a8db;
  }
  div#leftlinks a
  {
    text-align: center;
    margin-left: 2px;
    color: #fff;
    text-decoration: none;
    width: 96px;
    display: block;
    background-color: #000088;
  }
  div#leftlinks a:hover
  {
    background-color: #ef9a2f;
  }
  div#leftlinks a:visited
  {
    color: #fff;
  }



/* righttext */
  img.righttop
  {
    position: absolute;
  }
  div.righttext
  {
    float: right;
    background-image: url('../images/righttextmiddle.jpg');
    background-repeat: repeat-y;
    width: 200px;
    font-family: times new roman, serif;
  }
/* 
* html div.righttext { position: absolute; left: 800px;}
 */
  div.rightbottom
  {
    height: 30px;
    width: 200px;
    background-color: #ffffff;
    background-image: url('../images/righttextbottom.jpg');
    background-repeat: no-repeat;
  }
  div.righttext span
  {
    font-family: arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
  }
  div.righttext h3
  {
    position: relative;
    top: 18px;
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 7px;
    margin-right: 10px;
  }
  div.righttext h4
  {
    margin: 0px;
    margin-left: 10px;
  }
  div.righttext h5
  {
    font-weight: normal;
    margin: 0px;
    margin-left: 20px;
    margin-bottom: 5px;
  }
  div.righttext p
  {
    position: relative;
    top: 5px;
    margin-top: 10px;
    margin-bottom: 0px;
    text-align: justify;
    font-size: 14px;
    margin-left: 10px;
    margin-right: 15px;
  }
  div.righttext ul
  {
    margin-top: 5px;
  }
  div.righttext li
  {
    position: relative;
    top: 5px;
    font-size: 10pt;
    margin-left: 15px;
  }

/* page formating */
  div#page ul
  {
    margin-bottom: 10px;
  }
  div#page li
  {
    font-size: 10pt;
    margin-left: 10px;
  }
  div .leftsplitblock, .rightsplitblock
  {
    position: relative;
    width: 200px;
/*     height: 150px; */
    background: url('../images/trim-half-orange-middle.jpg');
  }
  div.rightsplitblock
  { float: right; }
  
  div.splitcontent
  {
    position: relative;
    top: 10px;
    margin: 0;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: -10px;
    z-index: 99;
  }

  div.title
  {
    position: relative;
    margin-right: 10px;
    left: 0px;
    top: 7px;
    margin-left: 15px;
    font-size: 18px;
    font-weight: bold;
    font-family: arial, sans-serif;
    z-index: 95;
  }
  div.content
  {
	margin-bottom: 12px;
	background: url('../images/trim-full-orange-middle.jpg');
	background-repeat: repeat-y;
  }
  div.content p
  {
    position: relative;
    top: 10px;
    margin: 0;
    margin-left: 10px;
    margin-right: 10px;
    font-style: times new roman, serif;
    z-index: 99;
  }
  div.content ul
  {
    position: relative;
    top: 15px;
    z-index: 99;
    margin-bottom: 0px;
    margin-right: 10px;
    margin-left: 10px;
    font-style: arial, sans-serif;
  }
  div.content li
  {
    margin-bottom: 3px;
  }
  div.content ul p
  {
    position: relative;
    top: 0px;
    margin-left: 20px;
    margin-bottom: 5px;
    font-style: italic;
  }


  div.texttrim
  {
    top: -10px;
  }
/*
  div.trimmedcontent
  {
    position: absolute;
    padding: 10px;
    z-index: 99;
  }*/
  img.trimtop
  {
    position: absolute;
  }
  img.trimbottom
  {
    position: relative;
    top: 6px;
  }




/* pagetitles */
    div.pagetitle
    {
      position: relative;
      float: right;
      width: 470px;
      height: 67px;
    }

    div#pagemaintitle
    { background-image: url('../images/main.jpg'); }

    div#pagegolftitle
    { background-image: url('../images/golftitle.jpg'); }

    div#pagemaptitle
    { background-image: url('../images/map.jpg'); }
    div#pageweathertitle
    { background-image: url('../images/weather.jpg'); }
    div#pageeventtitle
    { background-image: url('../images/events.jpg'); }
    div#pagenewstitle
    { background-image: url('../images/news.jpg'); }
    
    div#pagecontacttitle
    { background-image: url('../images/contact.jpg'); }
    div#pagepeopletitle
    { background-image: url('../images/people.jpg'); }
    div#pagechurchtitle
    { background-image: url('../images/churches.jpg'); }
  
    div#pagedonatetitle
    { background-image: url('../images/donate.jpg'); }  
    div#pagetimetitle
    { background-image: url('../images/time.jpg'); }
    div#pagestufftitle
    { background-image: url('../images/stuff.jpg'); }
    div#pagepraytitle
    { background-image: url('../images/pray.jpg'); }
    
    div#pageavailabilitytitle
    { background-image: url('../images/availability.jpg'); }
    div#pagetourtitle
    { background-image: url('../images/tour.jpg'); }
    div#pagedescriptiontitle
    { background-image: url('../images/description.jpg'); }
    div#pagebandtitle
    { background-image: url('../images/bands.jpg'); }
    div#pagebringtitle
    { background-image: url('../images/bring.jpg'); }






  /* churches */
      div.areablock
      {
	margin-bottom: 30px;
	background: url('../images/trim-full-orange-middle.jpg');
      }
      div.areatitle
      {
	position: relative;
	top: -10px;
	margin-left: 20px;
	font-weight: bold;
	font-size: 18pt;
	font-family: arial, sans-serif;
      }
      div.areasub
      {
	position: relative;
	right: 5px;
	font-size: 12pt;
	font-weight: bold;
      }
      div.churchblock
      {
	margin-left: 35px;
	margin-right: 35px;
	font-size: 10pt;
      }
      div.churchinfo
      {
	position: relative;
	float: right;
      }
      div.churchtitle
      {
	
      }

  /* people */
      div.staffimage
      {
	display: inline;
	position: relative;
	float: right;
	top: 5px;
	margin-left: 10px;
	margin-top:  10px;
	margin-right: 10px;
	margin-bottom: -5px;
	z-index: 98;
      }
      div.staffimage img
      {
 	margin-bottom: 0px;
      }
      div.staffimage div
      {
	font-size: 16px;
	font-weight: bold;
	font-family: arial, sans-serif;
      }



  /* prayer */




  /* events */
      div.eventblock
      {
	background-image: url('../images/eventbg.jpg');
	background-repeat: no-repeat;
	min-height: 160px;
	margin-left:  0px;
	margin-bottom: 20px;
      }
      img.eventicon
      {
	position: relative;
	float: left;
      }
      div.eventblurb
      {
	font-size: 12pt;
	font-family: serif;
	padding: 5px;
      }
      div.eventsummary
      {
	font-size: 12pt;
	font-family: serif;
	padding: 5px;
	display: none;
      }
      div.eventdetails
      {
	font-size: 10pt;
	font-weight: bold;
	font-family: Helvetica, sans-serif;
	margin-left: 70px;
	margin-right: 50px;
	margin-top:   0px;
	margin-bottom: 18px;
      }
      div.eventitem div
      {
	position: relative;
	width: 180px;
	text-align: right;
	float: right;
      }
      div.eventname
      {
	padding: 10px;
	font-size: 12pt;
	margin-right: 10px;
	left: 0px;
	position: relative;
	font-weight: bold;
	font-family: sans-serif;
      }
      a.eventlink
      {
	text-decoration: none;
	cursor: pointer;
      }

      a.eventlink:hover
      {
	text-decoration: underline;
      }
      img.righticon
      {
	position: relative;
	float: left;
	top: -5px;
	margin-bottom: 10px;
	margin-right: 5px;
      }
      p#noupcoming
      {
	left: 10px;
	top: 13px;
      }
      div.hiddenevents
      {
	display: none;
      }
      a.moreevents
      {
	position: relative;
	float: right;
	top: -5px;
	font-size: 14px;
	font-family: arial, sans-serif;
	font-weight: bold;
	color: #88b;
	cursor: pointer;
      }
      a.moreevents:hover
      {
	border-bottom: 2px solid #008;
	color: #008;
      }

  /* What's New */
      
      #gallery { position:relative; width:400px; background:#AAA; margin-bottom: 3px; top: 10px; left: 5px; z-index: 50;}
      #image {position:relative; width:396px; height:297px; padding:1px; border:1px solid #666; background:#FFF url(../images/loading.gif) center center no-repeat; left: 1px; top: 1px}
      #image img {position:absolute; top:1px; left:1px}
      .imgnav {position:absolute; height:297px; width:20%; z-index:100; width:20%; z-index:100; outline:none; cursor:pointer;opacity:0.5; filter:alpha(opacity=50)}
      #previmg {left:0; background:url(../images/left.gif) left bottom no-repeat; border-left:2px solid #FFF}
      #previmg:hover {opacity:1; filter:alpha(opacity=100)}
      #nextimg {right:0; background:url(../images/right.gif) right bottom no-repeat; border-right:2px solid #FFF}
      #nextimg:hover {opacity:1; filter:alpha(opacity=100)}


  /* map */
      div#themap
      {
	height: 300px;
	width: 410px;
      }


  /* weather */
      div#weathernetwork
      {
	text-align: center;
	margin-left: 10px;
	margin-right: 15px;
      }
      div#weatherdays
      {
	font-family: sans-serif;
	padding: 20px;
      }
      div.weathertitle
      {
	font-weight: bold;
      }
      div.weatherdesc
      {
	text-indent: 1em;
	font-size: 0.9em;
	font-style: italic;
      }



  /* tour */
      p.tourblurb
      {
	display: none;
      }
      p.tourblurb img
      {
	margin-top: 10px;
	margin-bottom: 15px;
      }
      p#mainblurb
      {
	display: block;
      }
      a.tourhighlight
      {
	position: absolute;
	background-color: white;
	/* for IE */
	filter:alpha(opacity=40);
	/* CSS3 standard */
	opacity:0.4;
	cursor: pointer;
      }
      a.tourhighlight:hover
      {
	/* for IE */
	filter:alpha(opacity=0);
	/* CSS3 standard */
	opacity:0;
      }
      div#clicktext
      {
	margin-right: 20px;
	float: right;
	font-size: 12px;
      }
      div#popup
      {
	position: absolute;
	left: 10px;
	top: 10px;
	display: none;
	max-width: 600px;
	max-height: 400px;
      }
      div#popuptext
      {
	position: relative;
	float: left;
	top: -24px;
	z-index: 99;
	padding-left: 2px;
	padding-right: 2px;
	background-color: white;
	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
	opacity:0.6;
	cursor: pointer;
	font-size: 10px;
      }


  /* bookings */
      div.ayear
      {
	position: relative;
	top: 10px;
	float: left;
	padding-left: 20px;
	display: block;
	width: 160px;
	text-align: center;
	color: #008;
	font-weight: bold;
	font-family: arial, sans serif;
      }
      div.months
      {
	position: relative;
	top: -3px;
	margin-left: 5px;
	display: block;
      }
      div.button, div.currentbutton
      {
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
	width: 75px;
	float: left;
      }
      div.button a
      {
	color: #008;
	text-decoration: none;
	font-weight: normal;
      }
      div.button a:hover
      {
	font-weight: bold;
	z-index: 99;
      }
      div.button a:visited
      {
      }
      div.calendardata
      {
	width: 399px;
	position: relative;
	top: 10px;
	left: 5px;
	z-index: 99;
      }
      div#monthtitle
      {
	position: relative;
	top: 5px;
	padding-left: 10px;
	font-size: 28px;
	font-weight: bold;
	font-family: arial, sans-serif;
      }
      
      p#callegend
      {
	top: 6px;
	font-size: 14px;
	font-family: times new roman, serif;
	float: right;
	display: inline;
      }
      p#callegend img
      {
	position: relative;
	top: 4px;
	margin-left: 5px;
      }
      div#lastupdated
      {
	top: 5px;
	position: relative;
	margin-left: 15px;
	font-size: 12px;
	z-index: 99;
	font-family: times new roman, serif;
      }
      
      
  /* description */
      ul#wehave li
      {
	text-align: center;
	width: 180px;
	float: left;
	margin-bottom: 10px;
	z-index: 122;
      }
/* Fix IE. Hide from IE Mac \*/
* html ul#wehave li {float:none; width: 100%; margin-bottom: 3px;}
/* end */
      table#capacity
      {
	position: relative;
	top: 10px;
	width: 280px;
	z-index: 50;
	margin-left: auto;
	margin-right: auto;
      }
      table#capacity td.r
      {
	text-align: right;
      }
      td#tabletitle
      {
	font-size: 18px;
	font-weight: bold;
	font-family: arial, sans-serif;
	text-align: center;
	padding-bottom: 5px;
      }


/* footer */

div#bottomimage
{
  width: 770px;
  height: 123px;
  background-image: url('../images/bottom.jpg');
}

div#footer
{
  background-color: #f09b31;
  height: 17px;
  color: #fff;
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 4px;
  border-style: solid;
  border-color: #0b209d;
}
div#footer ul
{
  width: 770px;
  display: block;
}
div#footer li
{
  float: left;
  display: block;
  position: relative;
  left: 12%;
  width: 26%;
  font-size: 10pt;
  font-weight: bold;
  font-family: arial, sans-serif;
  text-align: center;
}
div#footer a
{
  color: #fff;
  text-decoration: none;
}
div#footer a:hover
{
  text-decoration: underline;
}

div#footertoptrim
{
  display: none;
  height: 2px;
  background-color: #a5a8db;
}
div#footertrim
{
  display: none;
  height: 4px;
  background-color: #0b209d;
}