body {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #e6e7e1;
	background-position: top center;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #4e4e4e;
	margin: 0px; 	
	padding: 0px;
}

body, div, img, container, table, td, h1, h2 {
	margin: 0px;
	padding:0px;
	border: 0px;
}
.hide {	display: none; }
.floatL { float: left; width: 250px; }
.floatR { float: right; }
.clearB { clear: both; }
.inline { display:inline; }

h1, .topheadline p { color: #4b7178; font: 18px Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; padding-bottom: 5px; }
h2 { color: #4b7178; font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding: 10px 0 3px 0; }
h3 { color:#84adb2; font-size:16px; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin:0 0 4px 0; }
h4 { color:#4b7178; font-size:16px; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin:8px 0 5px 0; }
h1.connect, .topheadline p { color: #0033CC; font: 22px Arial MS, Verdana, Helvetica, sans-serif; padding-bottom: 5px; text-align:center; }
h1.learn, .topheadline p { color: #0099FF; font: 22px Arial MS, Verdana, Helvetica, sans-serif; padding-bottom: 5px; text-align:center; }
h1.children, .topheadline p { color: #FF0000; font: 22px Arial MS, Verdana, Helvetica, sans-serif; padding-bottom: 5px; text-align:center; }
h1.serve, .topheadline p { color: #009900; font: 22px Arial MS, Verdana, Helvetica, sans-serif; padding-bottom: 5px; text-align:center; }
h1.worship, .topheadline p { color: #800080; font: 22px Arial MS, Verdana, Helvetica, sans-serif; padding-bottom: 5px; text-align:center; }

/* **********************  End Generic Styles/Classes  ******************** */

#container { width: 990px; padding-top: 0px; margin: 0 auto; }
#utlities{ width: 183px; margin-right: 25px; float: right; } 
#hp-header { 
	width: 990px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	margin: 0 auto;
	padding: 0; 
}


#mainnav { 
	width: 990px; 
	height: 18px;
	display: block; 
	color: #cfac53;
	font: 17px Century Gothic, Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px; 
	padding: 11px 0 13px 0;
}
#mainnav a { 
	padding: 8px 28px 8px 28px;
	height: 49px;
	color: #cfac53;
	text-decoration: none;
	margin-top: 10px; 
	border:1px solid #cfac53; 
} 
#mainnav a:hover { 
	padding: 8px 28px 8px 28px;
	color: #fff;
	text-decoration: none;
	background-image: url(../images/bg-mainnav.jpg);
	background-repeat: repeat-x;
	background-color: #e1c684;
	background-position: top center;
	}
.activenav { 
	display: inline;	
	background-color: #e1c684;
}

.hp-leadin { 
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	background: #edede3 url(../images/hp-sidebar-repeat.jpg) repeat-x top; 
	color: #4e4e4e; 
	margin-left: 20px; 
	padding: 0 10px 0 10px;
	}
.hp-leadin a { font: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color:#4b7178; text-decoration: none;}
.hp-leadin a:hover { font: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;  text-decoration: underline; }

.hp-leadin-box { 
	color: #4e4e4e; 
	padding: 5px 0 5px 0;
	border-bottom:1px dashed #81a5ab;  
	}
.hp-leadin-box a
{
    text-decoration: underline;
}
.hp-leadin-box h1 a
{
    text-decoration: none;
}
#hp-alertbox 
{
    padding: 10px;
    border: 1px solid #c4c4c4;
    background: #edede3 url(../images/hp-sidebar-repeat.jpg) repeat-x top; 
}
.hp-rcol { 
	color: #4e4e4e; 
	padding: 20px;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	line-height: 18px;
	background: url(../images/vert-dotted.gif) repeat-y;
	background-position: top left; 
	}
.hp-rcol a { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#a87603; text-decoration: none;}
.hp-rcol a:hover { font: 11px Verdana, Arial, Helvetica, sans-serif;  text-decoration: underline;}

.hp-lcol { 
	color: #4e4e4e; 
	padding: 20px;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	line-height: 18px;
	}
.hp-lcol a { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#a87603; text-decoration: none;}
.hp-lcol a:hover { font: 11px Verdana, Arial, Helvetica, sans-serif;  text-decoration: underline;}
#hp-image { 
	width: 502px; 
	margin-left: 20px;
	background:url(../images/hp-image-bg.jpg) no-repeat;
	background-position: right;
	min-height: 159px;
	border: 1px;
}

#hp-mission { 
	width: 472px; 
	padding-left: 50px;
	background:url(../images/ferns.gif) no-repeat;
	background-position: top right;
	font: 14px Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	line-height: 20px;
	color: #8d4317;
}
#hp-mission a { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#a87603; text-decoration: none;}
#hp-mission a:hover { font: 11px Verdana, Arial, Helvetica, sans-serif;  text-decoration: underline;}

#hp-content { 
	width: 482px; 
	display: block;
	padding: 20px 10px 0 30px;
	background: url(../images/col-bg.jpg) no-repeat top;
	font: 12px Arial, Verdana, Helvetica, sans-serif; 
	line-height: 18px;
}

.highlight-pic {
	float: left;
	padding: 5px; 
}
 
.highlight { 
	width: 460px; 
	display: block; 
	color: #4e4e4e;
	margin: 0px 0px 0 20px; 
	padding: 0px 0 8px 0;
	text-align: left;
}
.highlight a { 
	padding: 0px 30px 8px 0;
	color: #4b7178;
	text-decoration: none;
	margin-top: 10px; 
	border: 1px solid #c4c4c4;
	background: url(../images/more.gif) no-repeat;
	background-position: top right;
	display: block; 
} 
.highlight a:hover { 
	padding: 0px 30px 8px 0;
	color: #4b7178;
	text-decoration: none;
	background: #ded9b4 url(../images/more.gif) no-repeat;
	background-position: top right;
	}

#search { 
	padding:0px 12px 0 0;
	color:#646464;
}

#search table { 
		border-collapse:collapse;
	}


#search-field { 
	width:100px; 
	height:14px;
	color: #96968c;
	border:1px solid #96968c; 
	margin-right: 2px;
	padding-left: 5px;
	font:10px verdana,arial,sans-serif;
}

/*******************/
/*  subnav styles  */
/*******************/

#content { 
	padding: 0px 30px 0 30px;
	font: 12px Arial, Verdana, Helvetica, sans-serif; 
}
#content a { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#a87603; text-decoration: none;}
#content a:hover { font: 11px Verdana, Arial, Helvetica, sans-serif;  text-decoration: underline;}

.subTtl 
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size:100%; 
    font-weight: bold; 
    color:#63848a; 
    line-height: 15px; 
    padding: 12px 0 10px 12px;
    background: #fff url(../images/arrow.gif) no-repeat center left;
    margin-left: 40px;

}
.subTtl a { color:#63848a; text-decoration: none; }
.subTtl a:hover { color:#63848a;  text-decoration: underline; }
.subNav { width: 190px; display:block; padding: 0 0 10px 0;	  }
.subNav ul li 
{
    list-style: none;
}
.subNav .NavHolder 
{
    margin-left: -40px;
}

.subNav ul li a {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: #edede3;
	color:#829da2;
	text-decoration: none;
	display: block;
	width: 198px;
	padding: 7px 0 7px 12px;
	border-top:1px dashed #81a5ab;  
}
.subNav a:hover {
	background: #edede3 url(../images/subnav-o.jpg) repeat-y;
	color:#63848a;
	text-decoration: none;
	padding-left: 12px;
	border-top:1px dashed #81a5ab;  
}

.sub-leadin { 
	margin-left: 10px; 
	padding: 0 10px 0 10px;
	background: url(../images/vert-dotted.gif) repeat-y;
	background-position: top right;  
	text-decoration: none;
	min-height: 400px;
	}


/*******************/
/*  footer styles  */
/*******************/
#footer { background-image: url(../images/bg-footer.jpg);}
#utility {
	color: #e6bf24;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	padding: 8px 0 10px 30px;
}
#utility a { color: #e6bf24; text-decoration: none; }
#utility a:hover { color: #e6bf24; text-decoration: underline; }

#credits {
	color: #2a1304;
	font: 12px Arial, Verdana, Helvetica, sans-serif;	
	float:right;
	padding: 8px 30px 10px 0;
} 

/*******************/
/* Ministry Guide  */
/*******************/

#HSLCSiteMap 
{
    display: none;
    position: absolute;
    top: 0px;
    right: 35%;
    width: 550px;
    border: solid 1px #cfac53;
    padding: 10px;
    background: #fff;
    height: 500px;
    overflow: auto;
}
#HSLCSiteMap a { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#a87603; text-decoration: none;}
#HSLCSiteMap a:hover { font: 11px Verdana, Arial, Helvetica, sans-serif;  text-decoration: underline;}

#HSLCSiteMap a.subTtl 
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size:100%; 
    font-weight: bold; 
    color:#63848a; 
    line-height: 15px; 
    padding: 12px 0 10px 12px;
    background: #fff url(../images/arrow.gif) no-repeat center left;
    margin-left: 15px;
}

#HSLCSiteMap a:hover.subTtl  { color:#63848a;  text-decoration: underline; font-size:100%; font-weight: bold;}
.subNav ul li.selectedNav a {
	background: #edede3 url(../images/subnav-o.jpg) repeat-y;
	color:#63848a;
	text-decoration: none;
	padding-left: 12px;
	border-top:1px dashed #81a5ab;  
}
.subNav .NavHolder a.subTtl {
    text-decoration: none;
}
.subNav .NavHolder a:hover.subTtl {
    background: #fff url(../images/arrow.gif) no-repeat center left;
    text-decoration: underline;
    border-top: 1px solid #ffffff;
} 

/*****************/
/* Misc Styles   */
/*****************/

.hslcGridView td {
    padding: 5px;
}

.floatL-img { float: left; padding: 10px 20px 10px 0; }
.floatR-img { float: right; padding: 10px 0 10px 20px; }

#styled-table td { 
color: #4e4e4e;
border:1px solid #ddd;
border-collapse: collapse;
padding: 10px;
} 

.table-header {
font:13px Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
background: #ded9b4;
font-weight: bold;
margin: 10px 0 10px 0;
}