html {
	height: 100%;
	min-height: 100%;
}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

body {
	background-image: url(../images/bg_purplegradation.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	height:100%;
	margin-top:15px;
}

.site_container {
	margin: 0 auto;
	width: 950px;
	background-color:#063E60;
	min-height:300px;
}


h1
{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #eec553;
	padding-top:15px;
	text-decoration: none;
	margin-bottom: 0px;
	margin: 0 auto;
}


h2
{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #eec553;
	text-decoration: none;
	margin-bottom: 0px;
	margin: 0 auto;
}

h3
{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #F3D581;
	text-decoration: none;
	margin-bottom: 0px;
	margin: 0 auto;
}


.top_address_bg {
	margin: 0 auto;
	background-color: #041F32;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align:center;
	color: #ffffff;
	vertical-align:middle;
	width: 950px;
	height: 47px;
}


.topbanner_bg {
	margin: 0 auto;
	width: 950px;
	height: 258px;
	background-color:#43405F;
}


.left_topbanner {
	float: left;
	margin: 0 auto;
	background-color: #1A4D6C;
	width:185px;
	height:258px;
	vertical-align:top;
}

.right_tophomebanner {
	float: right;
	margin: 0 auto;
	background-image: url(../images/banner/home_banner.jpg);
	background-repeat: no-repeat;
	width:765px;
	height:258px;
	vertical-align:top;
}

.right_toppreschoolbanner {
	float: right;
	margin: 0 auto;
	background-image: url(../images/banner/banner-hillsidepreschool.jpg);
	background-repeat: no-repeat;
	width:765px;
	height:258px;
	vertical-align:top;
}


/* flexdrop middle nav area starts */
.middle_nav_area {
	margin: 0 auto;
	width: 950px;
	height: 36px;
	background-color: #275f7e;
	text-decoration: none;
	color: white; /*link font color*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}
/* flexdrop middle nav area ends */


/* flexdrop middle nav links start */
.middlenav_links	{
	padding-top: 2px;
	text-decoration: none;
	color: white; /*link font color*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}

.middlenav_links a:link, .middlenav_links a:visited, .middlenav_links a:active {
	color: white; /*link font color*/
	text-decoration: none;
}

.middlenav_links a:hover {
	color: #eec553; /*hover font color*/
}
/* flexdrop middle nav links end */



.middle_nav {
	margin: 0 auto;
	vertical-align:top;
	background-color:#275f7e;
	width: 950px;
	height: 36px;
	color:white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	border-bottom: 3px solid #2A293B;
}


.middle_nav_rule {
	margin: 0 auto;
	vertical-align:top;
	background-color:#43405F;
	width: 950px;
	height: 36px;
	color:white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}

/* middlenav links start */
.middlenav_links	{
	width:950px;
	height:36px;
	padding-top:7px;
	text-decoration:none;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
}

.middlenav_links a:link, .middlenav_links a:visited, .middlenav_links a:active {
	color: white; 
	text-decoration: none;
}

.middlenav_links a:hover {
	color: #EEC553; border-bottom: 1px dotted yellow;
}
/* middlenav links end */


.homepagebody_container {
	margin: 0 auto;
	width: 950px;
 height:1380px;
	background-color:#063E60;
}

.left_body_home {
	float: left;
	margin: 0 auto;
	width:245px;
	vertical-align:top;
	height:100%;
}

.worship_container {
	margin: 0 auto;
	vertical-align:top;
	width:224px;
	padding: 0px 0px 0px 16px;
}

.events_header
{
	margin: 0 auto;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #eec553;
	text-decoration: none;
}


.newsandevents_sub_header
{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #F3D581;
	text-decoration: none;
}

.newsandevents_text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align:left;
	color: #F7E4B0;
	vertical-align:top;
}

.right_body {
	float: right;
	vertical-align:top;
	width:685px;
	min-height:300px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #bbb;
}

.right_body_home {
	float: right;
	vertical-align:top;
	width:685px;
	min-height:300px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #bbb;
}

.body_text
{
	vertical-align:top;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #bbb;
	padding: 0px 20px 0px 16px;
}


.body_text_14_centered
{
	vertical-align:top;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #bbb;
}


.left_staff_body {
	margin: 0 auto;
	width: 400px;
	height: 50%;
	vertical-align:top;
	text-align:left;
	background-color:#504c6f;
}

.right_staff_body {
	margin: 0 auto;
	width: 550px;
	height: 50%;
	vertical-align:top;
	text-align:left;
	background-color:#504c6f;
}


.mainbodyarea {
	margin: 0 auto;
	width: 950px;
	background-color:#063E60;
	padding-bottom:20px;
	min-height:300px;
}

.churchoutreacharea {
	margin: 0 auto;
	width: 950px;
	background-color:#063E60;
	height:100%;
	min-height:1250px;
	padding-bottom:20px;
}

.ministriesoverviewarea {
	margin: 0 auto;
	width: 950px;
	background-color:#063E60;
	height:100%;
	min-height:800px;
	padding-bottom:20px;
}

.preschoolarea {
	margin: 0 auto;
	width: 950px;
	background-color:#063E60;
	height:100%;
	min-height:200px;
	padding-bottom:20px;
}



.contactusbodyarea {
	margin: 0 auto;
	width: 950px;
	height: 750px;
	background-color:#063E60;
}

.calendarbodyarea {
	margin: 0 auto;
	width: 950px;
	height: 85%;
	background-color:#504c6f;
}

.prayerbodyarea {
	margin: 0 auto;
	width: 950px;
	height: 625px;
	background-color:#063E60;
}

.mapsbodyarea {
	margin: 0 auto;
	width: 950px;
	height: 700px;
	background-color:#063E60;
}

.specialservicesbodyarea {
	margin: 0 auto;
	width: 950px;
	height: 825px;
	background-color:#063E60;
}


.pastorsdeskbodyarea {
	margin: 0 auto;
	width: 950px;
	height: 450px;
	background-color:#063E60;
}

.jointheteambodyarea {
	margin: 0 auto;
	width: 950px;
	height: 640px;
	background-color:#063E60;
}

.emmausbodyarea {
	margin: 0 auto;
	width: 950px;
	height: 450px;
	background-color:#063E60;
}

.worshipbodyarea {
	margin: 0 auto;
	width: 950px;
	height: 600px;
	background-color:#063E60;
}

.staffbodyarea {
	margin: 0 auto;
	width: 950px;
	height: 400px;
	background-color:#063E60;
}



.left_body {
	float: left;
	margin: 0 auto;
	background-color:#063E60;
	vertical-align:top;
}

.youthbodyarea {
	margin: 0 auto;
	width: 950px;
	min-height: 500px;
	background-color:#063E60;
}

.left_body_youth {
	float: left;
	margin: 0 auto;
	background-color:#063E60;
	height:100%;
}


.right_body_youth {
	float: right;
	margin: 0 auto;
	background-color:#063E60;
	width:680px;
	vertical-align:top;
	height:100%;
}











.speciallinks_header
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	color: #999;
	vertical-align:top;
	padding-top:10px;
	padding-bottom:5px;
	margin: 0 auto;
}

.speciallinks_text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align:left;
	color: #ccc;
	vertical-align:top;
	padding-top: 10px;
	margin: 0 auto;
}




















/* top horz nav links start */
/* Main menu settings */
#centeredmenu {
	clear:both;
	float:left;
	margin:0;
	padding:0;
	
	width:100%;
	font-family:Arial, Helvetica, sans-serif; /* Menu font */
	font-size:14px; /* Menu text size */
	z-index:1000; /* This makes the dropdown menus appear above the page content below */
	position:relative;
}

/* Top menu items */
#centeredmenu ul {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	position:relative;
	right:50%;
}
#centeredmenu ul li {
	margin:0 0 0 1px;
	padding:0;
	float:left;
	position:relative;
	left:50%;
	top:5px;
}
#centeredmenu ul li a {
	display:block;
	margin:0;
	padding:.6em .9em .4em;
	font-size:1em;
	line-height:1em;
	background:#43405F;
	text-decoration:none;
	color:#ffffff;
	font-weight:normal;
}
#centeredmenu ul li.active a {
	color:#fff;
	background:#43405F;
}
#centeredmenu ul li a:hover {
	background:#36f; /* Top menu items background colour */
	color:#fff;
	border-bottom:1px solid #03f;
}
#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a { /* This line is required for IE 6 and below */
	background:#504E6B; /* Top menu items background colour */
	color:#EEC553; /* Top menu items hover font colour */
	border-bottom:1px solid #43405F;
}

/* Submenu items */
#centeredmenu ul ul {
	display:none; /* Sub menus are hidden by default */
	position:absolute;
	top:2em;
	left:0;
	float:left;
	right:auto; /*resets the right:50% on the parent ul */
	width:10em; /* width of the drop-down menus */
}
#centeredmenu ul ul li {
	left:auto;  /*resets the left:50% on the parent li */
	margin:0; /* Reset the 1px margin from the top menu */
	clear:left;
	float:left;
	width:100%;
}
#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
	font-size:14px;
	font-weight:normal; /* resets the bold set for the top level menu items */
	background:#58557D; /* bg color for drop down menu */
	color:white; /* drop down menu font color */
	line-height:1.4em; /* overwrite line-height value from top menu */
	border-bottom:1px solid #ddd; /* sub menu item horizontal lines */
	float:left;
	width:100%;
}
#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
	background:#43405F; /* Sub menu items background colour */
	color:#EEC553;
	float:left;
}

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
	left:auto; /* reset left:0; value */
	right:0; /* Set right value instead */
}
#centeredmenu ul ul.last li {
	float:right;
	position:relative;
	right:.8em;
}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
	display:block; /* Show the sub menus */
}





function addhover() {
   var navli,i;
   // loop through all elements in the nav
   navli = document.getElementById('centeredmenu').getElementsByTagName('li')
   for(i=0;i<navli.length;i++) {
      // add the hover functions to the li onmouseover and onmouseout
      navli[i].onmouseover=function(){hover(this,'hover');};
      navli[i].onmouseout=function(){hover(this,'');};
   }
}
function hover(o,sClass) {
   if (o) {
      o.className = sClass;
   }
}
addhover();
/* top horz nav links end */

	
	
	
	

/* top left nav starts*/
hr {
	border:none;
	border-top:1px solid #CCCCCC;
	color: #E7BD52;
	height:1px;
	margin-bottom:25px;
	}

ul {
	list-style: none;
	color: #E7BD52;
	margin: 0;
	padding: 0;
	}
	
#menu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #E7BD52;
	width: 185px;
	margin-top: 10px;
	}
	
#menu li a {
	text-decoration: none;
	color: #E7BD52;
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	}
	
#menu li a:link, #menu li a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#EFC652;
	display: block;
	background: url(../images/leftmenufenton.gif);
	padding: 8px 0 0 30px;
	}
	
#menu li a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #EFC652;
	background: url(../images/leftmenufenton.gif) 0 -32px;
	padding: 8px 0 0 40px;
	}
	
#menu li a:active {
	color: #672F41;
	background: url(../images/leftmenufenton.gif) 0 -64px;
	padding: 8px 0 0 40px;
	}
/* top left nav ends*/



/* homepage body links start */
.homepagebody_links	{
	color: #6FC3F6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.homepagebody_links a:link, .homepagebody_links a:visited, .homepagebody_links a:active {
	color: #6FC3F6;
	text-decoration: underline;
}

.homepagebody_links a:hover {
	color: #eec553;
	text-decoration: underline;
}
/* homepage body links end */


/* subtitle links start */
.subtitle_links	{
	color: #6FC3F6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.subtitle_links a:link, .subtitle_links a:visited, .subtitle_links a:active {
	color: #6FC3F6;
	text-decoration: underline;
}

.subtitle_links a:hover {
	color: #eec553;
	text-decoration: underline;
}
/* subtitle links end */





/* Body Links Start */
.body_links	{
	color: #6FC3F6; /* was #CFEBFC */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.body_links a:link, .body_links a:visited, .body_links a:active {
	color: #6FC3F6;
	text-decoration: underline;
}

.body_links a:hover {
	color: #eec553;
	text-decoration: underline;
}
/* Body Links End */





.footer {
	margin: 0 auto;
	vertical-align:top;
	background-color:#0D1F30;
	width: 950px;
	height: 165px;
}


.footerbottom {
	margin: 0 auto;
	background-color: #2A293B;
	vertical-align:top;
	width: 950px;
	height: 100px;
	border-top: 1px solid #B4974B;
}

.footer_text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align:center;
	color: white;
	vertical-align:middle;
	padding-top: 10px;
	margin: 0 auto;
}


/* footer fun links start */
.footer_funlinks	{
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	vertical-align:middle;
	padding-top: 10px;
	margin: 0 auto;
}
.footer_funlinks a:link, .footer_funlinks a:visited, .footer_funlinks a:active {
	color: white;
	text-decoration: none;
}
.footer_funlinks a:hover {
	color: #eec553;
	text-decoration: underline;
}
/* footer fun links end */


/* footer christian links start */
.footer_christianlinks	{
	color: #eec553;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	vertical-align:middle;
	padding-top: 10px;
	margin: 0 auto;
}
.footer_christianlinks a:link, .footer_christianlinks a:visited, .footer_christianlinks a:active {
	color: #eec553;
	text-decoration: none;
}
.footer_christianlinks a:hover {
	color: white;
	text-decoration: underline;
}
/* footer christian links end */


/* footer christian links start */
.footer_speciallinks	{
	color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	vertical-align:top;
	margin: 0 auto;
	line-height:14px;
}
.footer_speciallinks a:link, .footer_speciallinks a:visited, .footer_speciallinks a:active {
	color: #ccc;
	text-decoration: none;
}
.footer_speciallinks a:hover {
	color: white;
	border-bottom: 1px dotted #DDB851;
}
/* footer christian links end */






/* FGW area starts */
.fgw_area	{
	width: 950px;
	height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	margin: 0 auto;
	vertical-align:top;
	background-color:white;
}
/* FGW area ends */



/* FGW Links Start */
.fgw_links	{
	text-decoration: underline;
	color: #2A293B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	margin: 0 auto;
	vertical-align:top;
	text-align:center;
}

.fgw_links a:link, .fgw_links a:visited, .fgw_links a:active {
	color: #2A293B;
	text-decoration: none;
}

.fgw_links a:hover {
	color: red;
	text-decoration: underline;
}
/* FGW Links End */


/* print this link starts */
.print_this_link	{
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #9BBEDF;
}

.print_this_link a:link, .print_this_link a:visited, .print_this_link a:active {
	color: #9BBEDF; 
	text-decoration: underline;
}

.print_this_link a:hover {
	color: yellow;
}
/* print this link ends */


/* print this link starts */
.print_this_link_large	{
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #9BBEDF;
}

.print_this_link_large a:link, .print_this_link_large a:visited, .print_this_link_large a:active {
	color: #9BBEDF; 
	text-decoration: underline;
}

.print_this_link_large a:hover {
	color: yellow;
}
/* print this link ends */