
body {
	background: url("../images/harborview/bodyBG.jpg") 50% top  no-repeat #902F6A;     /* redish purple */
}

#pgBG {
}
h1 {
	color: #902f6a;
}
h2 {
	color: #285fae;
}
h3 {
	color:#346c5f;
}
h4 {
	color:#1982aa;
}
h5 {
	color:#962e20;
}
h6 {
	color:#612f90;
}

a:link,
a:visited {
	color: white;
}
a:hover,
a:active {
	color: black;
}


/* ------- +++ ------- */

#pgContents {
}


#pgHdr {
	position: relative;
}

#searchBox {
	position: absolute;
	right: 0;
	top: 20px;
	}



#content {    /* hacked for IE */
	position: relative;
	margin: -27px 0 0 30px;
	color: white;
	background: #62AFFF;    /* light blue */
	background: url("../images/harborview/contentBG.jpg") right bottom  no-repeat #62AFFF;    /* light blue */
	border-top: 13px solid #285FAE;    /* blue */
}
	#ie7plus #content {
		margin-top: -28px;
	}
	#ie6 #content {
		height: 1%;
		margin-top: -30px;
	}

#contentLeft {
	position: relative;
	float: left;
	width: 230px;
	color: black;
}



#content {
}
	#ie7plus #content,
	#ie6 #content {
		height: 1%;
	}



#contentMain {
	color: black;
	position: relative;
	float: right;
	width: 515px;
	padding-top: 20px;
}

#controlPanel {
	position: absolute;    /*  essential for offset control panel in IE */
}



div#navPrimary {
	margin: 10px 0 15px 0;
}
	ol#navPrimary {
		padding: 0;
		font-size: 15px;
	}
	ol#navPrimary li {
		list-style: none;
	}
		ol#navPrimary a:link,
		ol#navPrimary a:visited {    /* hacked for ie 6 */
			display: block;
			color: white;
		}
			#ie6 ol#navPrimary a:link,
			#ie6 ol#navPrimary a:visited {
				height: 1%;
			}
		ol#navPrimary a:hover,
		ol#navPrimary a:active {
			color: pink;
		}
	
	ol#navPrimary .subNav {    /* hacked for ie 6 */
		font-size: 12px;
	}
		#ie6 ol#navPrimary .subNav {
			top: 0;
			left: 0;
		}

		ol#navPrimary .subNav ol {
			padding: 0 0 8px 0;
			border: 0px dashed orange;
		}
		ol#navPrimary .subNav li {
			display: block;
/*			padding: 0 0 0 15px;    /*  indents subnav items  */
		}



#mainText {
}

#components {
	clear: left;
}


#footer {
	background: #285FAE;    /* blue */
	background: #902F6A;     /* redish purple */
}


/* ------- +++ ------- */

#SideText {
	margin-left: 10px;
}
#SideText .calloutWrapper form input,
#SideText .calloutWrapper form textarea {
	width: 180px;
}
.box li {
	margin-left: 15px;
}
#contentLeft .box {
	padding: 5px 0 10px 10px;
	margin: 0;
}

.colHalf .box {
	margin: 0;
	padding: 0 10px 0 0;
}
.box ol li span.hidden {
	color: black; 
}



/* ------- +++ ------- */


.calloutWrapper {          /* size and location of "callout"  */
	position: relative;
	float: none;
	width: auto;
	margin: 0;
	font-size: 1.0em;
	padding: 8px;
	color: white;
	background: #285FAE;    /* blue */
}
	.calloutWrapper a:link,
	.calloutWrapper a:visited {
		color: #00AEEF;    /*  bright blue  */
	}
	.calloutWrapper a:hover,
	.calloutWrapper a:active {
		color: #C7EAFB;    /*  bright blue  */
	}




