/*Copyright 2008 Steve Chittenden, Creative Business Services, cbscreative.com.
	If you are looking to steal this, help yourself. It is not a sophisticated example,
	it uses rather ordinary methods of control. There has been some initial effort to make
	it compatible with NS4 except where noted, and other browser oddities are addressed
	too, so you may find it useful for that reason. NS4 is not much of an issue any more
	but this was written when it still had significance. If you use this, at least have 
	the decency to leave this here to give me credit.*/

body {background-image:url(images/bg-banner.jpg);
	background-repeat: no-repeat;
	background-color: #ffffff;
	background-position: absolute;
	top: 0px;
	left: 0px;
	}

#tlcorner {position: absolute;
	top: 0px;
	left: 0px;
	}

#headtext {position: absolute;
	top: 105px;
	left: 20px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: 500;
	font-style: italic;
	letter-spacing: 2px;
	color: white;
	}

#pagebody {position: absolute;
	top: 200px;
	left: 220px;
	width: 630px;
	}

/*The headnav below is the navigation incoporated into the header graphic, but will appear below the pagebody in the code to optimize search engine cataloging of site. The relative positioning seems to help with rendering more reliably in both NS and IE. This navigation needs to center on the yellow bar built into the background.

Interestingly, the positioning works well even in NS4 without any use of tables. I have
had problems in the past with NS4 and div id as opposed to div class. These are working
just fine. A browser detect is used only to notify NS4 users of some functionality issues.
The page display looks good, but the drop menus are missing and text descriptions that
appear on the About page don't work with NS4. The Bible verses that pop up on mouse over
are buggy because of NS4 semmingly total lack of layer support.

Also, this lack of layer support caused problems when I got the drop menus to appear in
NS4. They were so buggy that I decided to back down and keep them hidden. Fortunately,
I don't expect too many NS4 users any more, so further work to correct these problems
does not seem justified.*/

#headnav {position: relative;
	top: 123px;
	left: 10px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: 500;
	}

/*pagenav below is set to left side of screen, but will appear below the pagebody in the code to optimize search engine cataloging of site*/

#pagenav {position: absolute;
	top: 190px;
	left: 12px;
	width: 165px;
	}

#pagenav p {font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	width: 150px;
	}

#designinfo p {font-size: 10px;
	text-align: center;
	color: #999999;
	}

#topbtn {position: absolute;
	top: 150px;
	left: 657px;
	margin: 0px 0px 0px 0px;
	}

#copyright {display: none;
	}

.desc {display: none;
	}

.facility {color: black;	/*used to override gray in blockquotes*/
	}

.redtext {color: #882030;	/*used to match red in h1 and centralize control*/
	}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	}

.clearfloat { /* this class 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: 0px;
    font-size: 1px;
    line-height: 0px;
	}

/*Control alignment and margins around pics used in pagebody paragraphs*/

.leftpic {margin: 4 10 10 0;
	}

.rightpic {margin: 4 0 10 10;
	}

/*Mouseover descriptions in links, NOTE: will not work in NS4, see notes above.*/

.BorderOn  {width: 270px;
	margin-left: 0px;
	border: none;
	}

.BorderOff {width: 270px;
	margin-left: 0px;
        border: none;
	}

a:link {color: #336699;
	background-color: transparent;
	text-decoration: underline;
	}
a:visited {
	color: #6c60a4;
	background-color: transparent;
	text-decoration: underline;
	}
a:active {color: #882030;
	background-color: transparent;
	text-decoration: none;
	}
a:hover {color: #882030;
	background-color: transparent;
	text-decoration: none;
	}

h1 {color: #882030;
	font-size: 18px;
	font-family: Arial, Helvetica, Sans-Serif;
	margin: 0px 0px 16px 0px;
	}

h2 {color: #336699;
	font-size: 15px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-style: italic;
	font-weight: 900;
	margin: 0px 0px 18px 0px;
	}

h3 {color: #336699;
	font-size: 14px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: 900;
	margin: 0px 0px 18px 0px;
	}

p {color: black;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	line-height: 140%;
	margin: 0px 0px 25px 0px;
	}

li {color: black;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	line-height: 140%;
	margin: 0px 0px 15px 0px;
	}

blockquote {color: #808080;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	line-height: 140%;
	}

td {color: black;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	line-height: 140%;
	}


/*This section is for the popup text boxes with Bible verses on gospel page.
  These are buggy in NS4, see notes above.*/

.clDescriptionCont {position: absolute;
	width: 200px;
	padding: 3px;
	visibility: hidden;
	layer-background-color: #dfefff;
	z-index: 99;
	}

.clDescription {position: absolute;
	left: 0px;
	top: 18px;
	width: 200px;
	font-family: verdana,arial,helvetica,sans-serif;
	overflow: hidden;
	border: 1px solid #004080;
	padding: 3px;
	font-size: 11px;
	background-color: #dfefff;
	layer-background-color: #dfefff;
	z-index: 99;
	}

.clLinks {z-index: 20;
	}

.clCaption {position: absolute;
	left: 0px;
	top: 0px;
	width: 200px;
	height: 18px;
	padding: 3px;
	clip: rect(0px 200px 18px 0px);
	font-size: 11px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: bold;
	color: white;
	background-color: #0080ff;
	layer-background-color: #0080ff;
	z-index: 99;
	}

	/***end popup text box section***/


/***This section is for the dropmenus in header***/

/*Although I got these to show up in NS4 because the script is compatible,
  layering problems made it very buggy and I decided not to troubleshoot
  them any further. More detailed notes are above.*/

/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; top:0; left:0;}
/* CoolMenus 4 - default styles - end */

/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:10; background-color:transparent; layer-background-color:transparent; visibility:hidden;}

/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; padding:2px; font-family:verdana,arial,helvetica; font-size:13px; font-weight:500;}
.clLevel0{background-color:transparent; layer-background-color:transparent; color:black;}
.clLevel0over{font-weight:bold; background-color:transparent; layer-background-color:transparent; color:#336699; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; background-color:transparent; layer-background-color:transparent;}

/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:verdana, arial,helvetica; font-size:11px; font-weight:500;}
.clLevel1{background-color:#feda47; layer-background-color:#feda47; color:black;}
.clLevel1over{background-color:#336699; layer-background-color:#336699; color:Yellow; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; visibility:hidden; background-color:#333399; layer-background-color:#333399;}

/*Styles for level 2*/
.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:verdana,arial,helvetica; font-size:11px; font-weight:500;}
.clLevel2{background-color:#feda47; layer-background-color:#feda47; color:black;}
.clLevel2over{background-color:#333399; layer-background-color:#333399; color:Yellow; cursor:pointer; cursor:hand; }
.clLevel2border{position:absolute; visibility:hidden; background-color:#333399; layer-background-color:#333399;}



	/***end dropmenu controls***/