@charset "utf-8";

html { 
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	padding: 0; /*remove padding */
	margin: 0; /* remove margins */
	border: 0; /* remove borders */
    hide overflow: /*hidden from IE5/Mac */
	overflow: hidden; /*get rid of scroll bars in IE */
}

body {
	margin: 0;
	padding: 0;
	background:  url(../Images/background.gif) repeat left top fixed; 
}
/*---------------------------------HEADER --------------------------------------*/
#header {
	width: 786px;
	height: 191px;
	margin: 0 auto;
	color: #FFFFFF;
	background-color: #caf4eb;
	border-top: 2px solid #000000;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 1px solid #0a3d31; 
}
#banner {
	width: 786px;
	height: 150px;
	background-image: url(../Images/banner8.png);
	z-index: 1;
}
#crumbs,
#date {
	font:0.75em Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF; 
	font-style: italic;
	z-index: 2;
}
#crumbs {
	width: 350px;
	margin-left: 10px;
	margin-top: -20px;
}
#crumbs a {
	color: #FFFFFF;
}
#crumbs a:hover {
	color: #FFFF99;
}
#date {
	width: 100px;
	margin-left: 480px;
	margin-top: -13px;
}
#image_click {
	font:0.75em Verdana, Arial, Helvetica, sans-serif;
	color:#0a3d31;
	margin: 28px 0 0 340px;
}
#FABheader {
	display: none; /*hide this FAB header which is for print only */
}/*----------------------------------- PAGE ---------------------------------------*/

#container{
	font: 100% Verdana, Arial, Helvetica, sans-serif; 
	width: 786px;
	text-align: center;
	margin: 0 auto;
	background: #F9FADE url(../Images/sidebar_1.gif) repeat-y left top;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
}
#nav ul{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin-top: -40px;
	margin-bottom: 20px;
	float: right;
	padding-bottom: 2px;
}
#nav li {
	list-style-type: none;
	float: left;
}
#nav a {
	display: block;
	font-size: 11px;
	color: #caf4eb;
	text-decoration: none;
	text-align: center;
	background-color: #0a3d31;
	padding: 2px 2px 2px 3px;
	width: 8.86em;
	margin-left: 1px;
	border-right: 1px solid #caf4eb;
	border-bottom: 1px solid #0a3d31;
	border-left: 1px solid #caf4eb; 
	font-weight: bold;
}
#nav a:hover {
	background: #caf4eb;
	border-right: 1px solid #0a3d31; 
	border-bottom: 1px solid #0a3d31;
	border-left: 1px solid #0a3d31; 
	color: #0a3d31;
}
#home #nav a#homeLink,
#herbert #nav a#herbertLink,
#church #nav a#churchLink,
#news #nav a#newsLink,
#shop #nav a#shopLink,
#contact #nav a#contactLink
{
	color: #0a3d31;
	background: #caf4eb;
}

/*-------------------------------- LEFT SIDEBAR ----------------------------------*/

#sidebar1 {
	float: left; 
	width: 135px; /* width includes padding and border (except IE6 <) */
	text-align: center;
	background: #0a3d31;
	margin: -42px 0 0 0;
	padding: 5px 10px 15px 10px;
}
#sidebar1 #guide {
	margin: 20px 0 0 0;
	padding: 1px 0 0 0;
	list-style: none;
	font-size: 0.75em;
	text-align: left;
	border-top: 1px dashed #294E56;
}
#sidebar1 #guide li {
	display: inline;
}
#sidebar1 #guide .title {
	font-weight: bold;
	display: block;
	color: #310a3d;
}
#sidebar1 #guide a {
	text-decoration: none;
	display: block;
	padding: 5px;
	border-bottom: 1px dashed #294E56;
	color: #059b7b;
	line-height: 110%;
	background: #ffffff url(../Images/bg_link.png) no-repeat right top;
}
#sidebar1 #guide a:hover {
	color: #000000;
	background-image: url(../Images/bg_link_h.png);
}
/* hack for IE 6 < to make entire block clickable */
* html #sidebar1 #guide a {
	height: 1px; 
}
#getreader {
	display: block;
	color:#FFFFFF !important;
	background-color: #0a3d31;
	padding: 10px 10px 10px 10px;
	border: none;
}
#webarchive {
	padding-top: 30px;
	color:#FFFFFF !important;
}
#webarchive img {
	border: none;
}
/*-------------------------------- MAIN CONTENT ----------------------------------*/
#mainContent {
	margin: 0 30px 0 155px;
	padding: 10px 0 10px 10px;
	color: #5E2F00;
	font-size: 0.8em;
	text-align: left;
}
#mainContent h1,
#mainContent h2 {
	font: 200% Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}
#mainContent h3 {
	font: 150% Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}
#mainContent h4 {
	font: 120% Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}
#mainContent .lead_para {
	font-size: 1.1em;
}
#mainContent p,
#mainContent li {
	text-align: justify;
}
#mainContent img {
	border: #000000 solid 2px;
}
#mainContent a:link,
#mainContent a:visited {
	color: #663399;
	font-weight:bold;
	text-decoration: none;
}
#mainContent a:hover {
	color: #35378C;
	background-color:#FFFF66;
	text-decoration: none;
}/* -------HOME PAGE ONLY --------*/

#home {
	background: url(../Images/sidebar_2.gif) repeat-y right top;
}
#home #mainContent {
	background: #FFFFFF url(../Images/home_background2.gif) right top no-repeat; /* pictorial background */
	color: #0a3d31;	  /* green text */
	margin-right: 180px; /*right margin to allow for sidebar 2 */ 
	font-size: 1em; /* larger font  */
	padding: 10px 10px 0 10px;
/*	padding: 10px 10px 20px 10px; */
}	
#home #mainContent a:link,
#home #mainContent a:visited {	
	color: #0a3d31;
	text-decoration: none;
}
#home #mainContent a:hover {
	color: #FFFF99;
	background-color: #4E386B;
	text-decoration: none;
}
#home #mainContent .home_panel {
/*	border: 1px solid #000000;*/
	margin-top: 0px;
	color: #FFFF99;
/*	background-color: #4E386B; */
	background: url(../Images/home_panel.gif) left top repeat-y; /*gradient background*/
	padding: 0 5px 10px 5px;
	font-size: 0.7em;
}
#home #mainContent .home_panel p {
	text-align: center;
/*	margin-top: .5em;*/
	margin-top: 0;
	margin-bottom: 0;
}
#home #mainContent .home_panel a:link {
	font-size: 150%;
	color: #FFFF99;
	text-decoration: none;
}
#home #mainContent .home_panel a:visited {
	font-size: 150%;
	color:#FFFF99;
	text-decoration: none;
}
#home #mainContent .home_panel a:hover {
	font-size: 150%;
	color: #FFFFFF;
	background-color:#310a3d;
	text-decoration: none;
}
.rtop, .rbottom{display:block;}
/*.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background-color: #4E386B;}*/
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background: url(../Images/home_panel.gif);} /*gradient background*/
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}
/*#home .rtop, .rbottom{display:block;}
#home .rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background-color: #4E386B;}
#home .r1{margin: 0 5px}
#home .r2{margin: 0 3px}
#home .r3{margin: 0 2px}
#home .r4{margin: 0 1px; height: 2px}*/ 
/*---------------------- RIGHT SIDEBAR (HOME PAGE ONLY) --------------------------*/

#sidebar2 {
	float: right;
	width: 160px; /* width includes padding and border (except IE6 <) */
	color: #0a3d31;
	background: #caf4eb;
	text-align: center;
	padding: 10px 10px 0 10px;
}
#sidebar2 #search {
	font-size: 80%;
}	
#sidebar2 .top {
/*	background: url(../Images/top_bg.gif) no-repeat center top; */
	background: url(../Images/news_top.gif) no-repeat center top;
	height: 20px;
}
#sidebar2 .tail {
/*	background: url(../Images/bottom_bg.gif) no-repeat center top; */
	background: url(../Images/news_bottom.gif) no-repeat center top;
	height: 20px;
	margin-bottom: 10px;
}
#sidebar2 .news {
	color:#ffffff;
/*	background: #0a3d31; */
	background: url(../Images/news.gif) center top repeat-y;
	font-size: 95%;
	text-align: center;
	padding: 1px 10px;
	margin: 0;
}
#sidebar2 .news a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#sidebar2 .news a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#sidebar2 .news a:hover {
	color: #FFFF99;
	background-color: #000000; 
	text-decoration: none;
} 
#sidebar2 #update {
	font-size: 0.85em;
}
#sidebar2 #archive a:link,
#sidebar2 #archive a:visited {
	color: #0a3d31;
	font-weight:bold;
	text-decoration: none;
}
#sidebar2 #archive a:hover {
	color: #FFFF99;
	background-color: #4E386B;
	text-decoration: none;
}
/*--------------------------------- FOOTER ---------------------------------------*/

#footer { 
	width: 786px;
	height: 20px;
	margin: 0 auto;
	padding: 10px 0 5px 0;
	background:#DDDDDD;
	border-bottom: 2px solid #000000;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
} 
/*
#footer p {
	margin: 0; /*  avoids the possibility of margin collapse - a space between divs 
	padding: 10px; /* padding creates space, just as the the margin would have, without the margin collapse issue 
}
*/
#sitemap,
#webhost,
#copyright{
	font: 100% Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.6em;
	color: #006666;
	display:inline;
}
#sitemap a,
#webhost a,
#copyright a{
	color: #006666;
	text-decoration: none;
}
#webhost {
	margin-left: 20px;
}
#sitemap {
	margin-left: 180px;
}
#copyright {
	margin-left: 120px;
}
/*------------------------------ OPTIONAL RULES ----------------------------------*/

.fltrt { /* can be used to float an element right. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* can be used to float an element left */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}