/* @group Global Elements */

/*div { border: 1px solid #666; }*/

* { margin: 0; padding: 0; }

body {
   	text-align:center;
   	color: #333;
	font-family: arial, verdana, helvetica, sans-serif;
	line-height: 150%;	
	font-size: 12px;
	background: #FFF;
	} 

a img {border: none; }
a {text-decoration: none;}
a:link { color: #80001E; font-weight: bold; text-decoration: underline; }
a:visited { color: #80001E; font-weight: bold; text-decoration: underline; }
a:active { color: #80001E; font-weight: bold; text-decoration: underline; }
a:hover { color: #000000; font-weight: bold; text-decoration: underline; }

h1 {font: normal 200% Georgia, serif; color: #80001E; margin-bottom:10px;}
h2 {font: normal 150% Georgia, serif; color: #657D37; margin-bottom: 6px;}
h3 {font: normal 100% Georgia, serif; color: #80001E; text-transform: uppercase; letter-spacing: 1px;}
h4 {font: bold 100% Arial, sans-serif; color: #000000; margin-bottom: 2px;}

/*h1 span, h2 span { display:none; }*/

/* @end */


/* @group Structure */

#wrap {
	width: 768px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
   	text-align:left;
	}

#content {
	float: left; 
	clear: left;
	width: 510px;
	margin-bottom: 10px;
	}
	
#sidebar {
	float: right; 
	width: 250px;
	font-size: 11px;
	line-height: 14px;
	background: #EEE;
	margin-bottom: 10px;
	}

#homecontent {
	float: left; 
	width: 440px;
	}
	
#homesidebar {
	float: right; 
	width: 320px;
	font-size: 11px;
	line-height: 14px;
	}

#contentmain {
	float: left; 
	width: 215px;
	}
	
.contmainbg {
	background: #EEE;
	}

#contentside {
	float: right; 
	width: 215px;
	}
	
.contsidebg {
	background: #CCC;
	}

#sidebarmain {
	float: left; 
	width: 155px;
	background: #EEE;
	border-top: 3px solid #000;
	}

#sidebarside {
	float: right; 
	width: 155px;
	color: #5A3200;
	background: #FFF;
	border-top: 1px dotted #E67F00;
	}

#footer {
	clear: both;
	margin-top: 10px;
	padding: 10px 20px;
	/*height: 16px;*/
	font-size: 10px;
	color: #999;
	background: #333 url("/images/site/homefooterbg.gif") repeat-x;
	}

#footer a, 
#footer a:link, 
#footer a:active,
#footer a:visited {
	color: #999; 
	font-weight: normal;
	text-decoration: none; 
	}

#footer a:hover {
	color: #eee; 
	text-decoration: underline; 
	} 

#content p { margin-bottom: 5px; }
	
#logo {
	padding: 5px 0px 0px 0px;
	background: #FFFFFF url("/images/site/bgmastheadtop.gif") repeat-x top left;
	}

#slideshow {
	position: absolute;
	top: 5px;
	right: 0px;
	}
	
#services {
	position: absolute;
	top: 40px;
	right: 50px;
	font-size: 12px;
	line-height: 17px;
	color: #333;
	}

#content .event h4 {
	margin-top: 1.5em;
	padding: 0 0 .4em 20px;
	text-align: right;
	font: normal 1.0em/1.5em Arial,sans-serif;
	color: #657D37;
	background: url("/images/site/icon-calendar_view_month.gif") top left no-repeat;
	border-bottom: 1px solid #ccc;
	}
#content .event h4 span {
	float: left;
	font-size: 1.5em;
	color: #80001E;
	}
#content .eventdetails {
	font: normal 1.1em/1.4em Arial,sans-serif;
	}

#content ul, #homecontent ul {
	margin: 0 0 2px 10px;
	}
	
#content li, #homecontent li {
	list-style: none;
	display: block;
	background: url("/images/site/arrowsquare.gif") no-repeat 0px 10px; 
	padding: 7px 7px 0px 15px;
	}
		
#thumbs {width: 960px; overflow: hidden; text-align:center;}

#thumbs img {
	margin: 30px 12px 0px 12px;
	padding: 5px;
	}

#sidebar p {
	margin-bottom: 7px;
	}
	
#sidebar ul, #sidebarmain ul {
	margin-bottom: 10px;
	}
	
#sidebar li {
	list-style: none;
	display: block;
	border-bottom: 1px dotted #AF9F8C;
	}
	
#sidebarmain li {
	list-style: none;
	display: block;
	border-bottom: 1px dotted #AF9F8C;
	text-decoration: none; 
	}
	
#sidebar li a, #sidebarmain li a,
#sidebar li a:link, #sidebarmain li a:link,
#sidebar li a:active, #sidebarmain li a:active,
#sidebar li a:visited, #sidebarmain li a:visited {
	display: block;
	color: #063; 
	text-decoration: none; 
	background: url("/images/site/bulletred.gif") no-repeat 0px 10px; 
	padding: 7px 7px 7px 10px;
	}

#sidebar li a:hover, #sidebarmain li a:hover {
	color: #333; 
	text-decoration: none; 
	background: #FFF url("/images/site/bulletgray.gif") no-repeat 0px 10px; 
	padding: 7px 7px 7px 10px;
	} 

#sidebarside ul {
	margin-bottom: 10px;
	}
	
#sidebarside li {
	list-style: none;
	display: block;
	border-bottom: 1px dotted #AF9F8C;
	}
	
#sidebarside li a, 
#sidebarside li a:link, 
#sidebarside li a:active,
#sidebarside li a:visited {
	display: block;
	color: #5A3200; 
	text-decoration: none; 
	padding: 7px 0;
	}

#sidebarside li a:hover {
	color: #000; 
	text-decoration: none; 
	background: #EEE; 
	} 

/* @end */

/* @group Tables */

.maintable table {
	width: 99%;
	background: #fff;
	}
	
.maintable table th, .maintable table td {
	margin: 0;
	padding: 8px 20px;
	text-align: left;
	border-bottom: 1px solid #b5b5b5;
	}

.maintable table td a {
	display: block;
	font-weight: bold;
	}

.maintable table .date {
	width: 75px;
	}
	
table#search {
	width:97%;
	border-collapse:collapse;
	}
th {
	text-align:left;
	padding:4px 0 5px 0;
	}
td {
	padding:4px 15px 4px 0;
	}
td.resultRowOne {
	border-top: 1px solid #CCC;
	}
td.resultRowTwo {
	border-top: 1px solid #FFF;
	}

/* @end */

/* @group Navigation */

#navbar {
	font: normal 14px/22px Georgia, serif;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding: 10px;
	height: 20px;
	border-top: 1px double #000000;
	background: #EEE url("/images/site/bgnavbar.gif") repeat-x bottom left;
	}

#navbar a, 
#navbar a:link, 
#navbar a:active,
#navbar a:visited {
	margin-right: 15px;
	color: #80001E; 
	font-weight: normal;
	text-decoration: none; 
	}
	
#navbar a:hover {
	color: #000000;
	padding-bottom: 1px;
	/*border-bottom: 2px solid #80001E*/;
	} 

body#home a#homenav, 
body#about a#aboutnav, 
body#sermons a#audionav, 
body#events a#eventsnav, 
body#ministries a#ministrynav, 
body#pastorspen a#pastorspennav, 
body#members a#membersnav, 
body#oversight a#oversightnav, 
body#contact a#contactnav 
{
	color: #000000;
	padding-bottom: 1px;
	border-bottom: 2px solid #80001E;
}

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 700px; /*For KHTML*/
  list-style: none;
  height: 24px;
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 200px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  width: 200px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #EEE;
  color: #666;
  font: bold 14px/22px Georgia, serif;
  text-transform: uppercase;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  color: #000;
}

/* 2nd Menu */
ul#navmenu li ul a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #EEE;
  color: #666;
  font: bold 12px/22px Arial, Verdana, Helvetica, sans-serif;
  letter-spacing: 1px;
  text-transform: none;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #EEE;
  color: #666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #CCC;
  color: #000;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #000;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #000;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

/* @end */
	
/* @group Specials */

.gutter { padding: 10px; }
.frame { padding:3px; border: 1px solid #80001E; }
.line { border-top: 1px solid #CCC; }
.underline { border-bottom: 1px solid #CCC; }
.aboveline { border-top: 1px solid #5A3200; }
.grnunderline { border-bottom: 1px solid #657D37; }
.sidetitle { padding:10px;border-bottom: 1px dotted #657D37; }
.tiny { font-size: 9px; margin-left:10px; text-align: center; }	
.pastordate { font-size: 70%; font-style: italic; color: #999; }	
.clear { height: 10px; clear: both; }
.fl {float: left; margin-right: 10px; }
.fr {float: right; margin-left: 10px; }
.sidebarbg { background: #9BB961; }
.sermontable { background: #80001E; color: #fff; }
.eventdate {float: right; font-size: 10px; margin-left:10px; font-family: Arial, sans-serif; }
.staffpic {float:left; margin-right:25px; padding:5px; border: 1px solid #9FBFDF;}
.staffdescription {float:right; }
.staff { float:left; margin-bottom:10px; }
.grnbg { background: #A06218 url("/images/site/bggrnsidebar.gif") repeat-y; }
.title { font: normal 200% Georgia, serif; color: #80001E; margin:0; }
.posted { margin-bottom:10px; }
.comment { margin-bottom:10px; font-size: 9px; border-top: 1px solid #CCC; text-align: right; }

/* @end */