html {
scrollbar-face-color: #6600ff;
scrollbar-highlight-color: #99CCFF;
scrollbar-3dlight-color: #CC66FF;
scrollbar-darkshadow-color: #000099;
scrollbar-shadow-color: #660066;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #ecebe6;
}

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: White;
	color: Black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .95em;
	text-align: center;
	}

/* container to balance columns using js */
.container {
	letter-spacing: normal;
}

/* main styles */

a {
	color: #0000ff;
}

a:hover {
	color: #ff0000;
}

a:visited {
	color: #cc00cc;
}

p, h1, h2, h3, h4, h5, h6 {
	padding: 5px;
}

h1 {
	color: Navy;
	font-size: 1.3em;
	margin: 20px 0 10px 10px; 
	text-align: center;
}

h2 {
	color: #0000CD;
	font-size: 1.25em;
	text-align: center;
}

h3 {
	color: #4B0082;
	font-size: 1.2em;
}

h4 {
	color: Purple;
	font-size: 1.2em;
}

hr {
	color: #0000CD;
	background-color: #0000CD;
}

.tborder {
	border-color: #000099;
	border: medium;
}

td {
	vertical-align: top;
}

.harmony {
	width: 100%;
	font-size: .8em;
	border: medium;
	border-color: #666666;
	padding: 4px;
	
}

.harmony3 {
	width: 100%;
	font-size: .8em;
	padding: 4px;
}

.harmony2 {
	width: 60%;
	text-align: center;
	font-size: .8em;
	border: medium;
	border-color: #666666;
	padding: 4px;
	
}

.emphasisnavy {
	font-weight: bold;
	color: Navy;
}

.navy {
	
	color: navy;
}

.maroon {
	color: maroon;
}

.emphasismaroon {
	font-weight: bold;
	color: Maroon;
}

.emphasisred {
	font-weight: bold;
	color: red;
}

.smallfont {
	font-size: .8em;
}

.largefont {
	font-weight: bold;
	font-size: 1.2em;
}

.middle {
	text-align: center;
}

.ital {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.underline {
	text-decoration: underline;
}

.verse {
	color: #B22222;
}

.verse2 {
	color: #3c75ab;
}

.itemlist {
	background-color: #0099FF;
	color: #990000;
}

.altitemlist {
	background-color: #FFFF00;
	color: #000099;

}

ul {
	list-style-type: square;
	color: #9900CC; 
	padding-left: 30px;
}

.lists  ul li { 
	float: left;
	display: block; 
	margin: 0 0 0 0.4em;
	color: #9900CC;
}

ol {
	color: #9900CC;
}

li {
	list-style-type: square;
	list-style-position: inside;
	color: #9900CC;
	padding-left: 30px;
}

.strike {
 	font-size: 120%;
	color: #336600;
	text-align: center;
	
}

.quote  {
	margin-left: 75px; 
	margin-right: 75px;
 }
 
 .indent {
 	margin-left: 50px; 
	margin-right: 25px; 
	font-size: .9em;
 }
 
 .smallcaps {
 text-transform: uppercase;
	}


.picleft {
 padding-right: 10px;
 padding-bottom: 10px;
	float: left;
	}
	
.picleftsized {
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
	width: 100px;
}

.picleftsized190 {
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
	width: 190px;
}

.picleftsized205 {
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin-left: 10px;
	float: left;
	width: 205px;
}

.picleftsized225 {
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
	width: 225px;
}

.picleftsized300 {
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
	width: 300px;
}

.bigdiv {
	width: 790px;
	border: medium;
	border: #666666;
	margin-left: 250px;
	margin-bottom: 10px;
}
	
	.picright {
		float: right;
		padding-right: 10px;
		padding-bottom: 10px;
	}
	
	.boxleft {
	font-size: .85em;
	float: left;
	width:140px;
	border: 1px;
	border-color: navy;
	border-style: ridge;
	padding: 4px;
	overflow: visible;
	}
	
	.right {
		text-align: right;
	}
	
	.left {
	text-align: left;
	}
	
.mainverse {
	margin-left: 100px;
	margin-right: 100px;
	text-align: center;
}	
	
#masthead{
	margin: 0;
	padding: 10px 0px;
	border-bottom: 2px solid #999999;
	width: 100%;
	clear: both;
}

#pagealignmentbox {
	margin: auto;
	text-align: left;
}

#siteName{
	background-color: #d6d6d6;
	background-image: url(../genimages/titleSquare.gif);
	margin: 0px;
	padding: 0px;
	text-align: center;
}

/************* #globalNav styles **************/

#globalNav{
color: #999999;
padding: 0px 0px 0px 10px;
text-align: center;
white-space: nowrap;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav a {
	font-size: .85em;
	padding: 0px 4px 0px 0px; 
}

#navBar {
	background-color: #eeeeee;
	background-image: url(../genimages/titleSquare.gif);
	font-size: .9em;
	position: absolute;
	width: 158px;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	padding-top: 15px;
	left: 10px;
	}


#headlines {
	background-color: #eeeeee;
	background-image: url(../genimages/titleSquare.gif);
	font-size: 0.9em;
	position: absolute;
	width: 15%;
	border-left: 2px solid #999999;
	border-bottom: 2px solid #999999;
	right: 18px;     /*** IE5/mac will show a horizontal scrollbar 
		if this is less than 16px, or other units are used
		http://www.l-c-n.com/IE5tests/right_pos/ ***/           
	padding-top: 15px;
	}

#content {
	margin: -50px 17% 0 175px; 
	background: url(../genimages/backgroundcross.gif) no-repeat center;
	border:2px solid;
	border-color: #000099;
	padding: 10px;
	}
	
#content2 {
	margin: 0 18px 0 175px; 
	background: url(../genimages/backgroundcross.gif) no-repeat center;
	border:2px solid;
	border-color: #000099;
	padding: 10px;
	}
	
.clearingdiv {
	clear: both;
}


#printinfo {
	display: none;
	}
	
.windowinfo {
	display: none;
	}

/************* #siteInfo styles -- footer ***************/

#siteInfo{
	clear: both;
	border: 1px solid #999999;
	font-size: 75%;
	color: #999999;
	padding: 10px 10px 10px 10px;
	text-align: center;
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
	}
	
.feature img{
	float: left;
	padding: 10px 10px 0px 0px;
}
	
	/************** #boxout ***********/
	
.boxout {
	font-size: .85em;
	position: relative;
	width:115px;
	height:110px;
	border: 1px;
	border-color: blue;
	border-style: ridge;
	margin-top: 10px;
	margin-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	overflow: visible;
	}

	.boxoutright {
	font-size: .85em;
	position: relative;
	width: 115px;
	height: 110px;
	border: 1px;
	border-color: blue;
	border-style: ridge;
	margin-top: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	overflow: visible;
	}

/*****forms****/

label,input {
	display: block;
	float: left;
	margin-bottom: 10px;
}

label {
	text-align: right;
	padding-right: 20px;
}

label.hidden {
	visibility: hidden;
}

input, select, textarea {
  color: #000000;
}

form.br {
	clear: left;
}

/* skip nav for accessible sites */

#skipnav {
	position: absolute;
	margin-left: -1200px;
	/*width: 900px;*/
	}
#skipnav a:focus, #skipnav a:active {
	margin-left: 1000px;
	overflow: visible;
	display: block;
	width: 10em;
	}
#blah:active {
  /*this needed to assure skipnav works -- per site where this found no obvious reaons why it works*/
	}
	
	.mainborder {
	border: 1px solid #9999FF;
	margin: 5px;
}