/* Set basic page styles. Arial is primary font */
body {
	margin: 0px;
	padding: 0px;
	background-color: #F7F5DA;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	color: #898786;
}


/* largest Headline style - used on secondary type pages. Has dotted gray underline.*/
H2{
/*	color: #898786;*/
	color: #5E5E5C;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 36px;
	display: block;
	width: 95%;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
	border-bottom: 1px dotted #898786;
	letter-spacing: .2ex;
}
/* subhead style - used on secondary type pages. Has dotted gray underline.*/
H3{
/*	color: #898786;*/
	color: #5E5E5C;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	display: block;
	width: 95%;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	border-bottom: 1px dotted #898786;
	letter-spacing: .1ex;
}
/* small subhead style - used for column headings.*/
H4{
/*	color: #898786;*/
	color: #5E5E5C;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: bolder;
	letter-spacing: .1ex;
}

/* gray italic callout area. used on facility pages for service listings */
.callout{
	border-bottom:1px dotted #898786;
	font-weight:bold;
	font-style:italic;
	line-height:18px;
	display:block;
	padding-right:20px;
	padding-bottom:20px;
	width: 95%;
}
/* padding around content area on secondary pages  */
.bodyContentPadding{
	padding-bottom: 40px;
	padding-left: 35px;
	padding-right: 0px;
	padding-top: 20px;
}
/* orange callout area in the righthand sidebar on a facility page. The link to the individual facilities page is within this area. The page headline on the facility website page also uses this style. */
.sidebarCallout{
	background-color:#a35826;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	color: White;
	text-align: left;
	vertical-align: middle;
	display:block;
	padding:10px;
}
/* White links within the orange sidebar area. */
.sidebarCallout a:link, .sidebarCallout a:visited{
	color: White;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
.sidebarCallout a:hover{
	color: White;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;	
}
.sidebarCallout a:active{
	color: White;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

/* Gray background area within the right sidebar. facility directory/contact info is displayed in this box. */
.sidebarGray{
	background-color:#eaeae9;
	text-align: left;
	vertical-align: top;
	display:block;
	padding:10px;
}

/* Fixed position for the BHS logo. Floats over the top of page content. */
#logo{
	position:absolute;
	top:0px;
	left:0px;
	z-index: 10;
}
/* Fixed position for the copyright/privacy block in the upper left of the page. Also floats over the top of page content. */
#copyright{
	position:absolute;
	top:0px;
	left:690px;
	z-index: 10;
}
/* Small text for the copyright block*/
#copyright a{
	font-size: 10px;
}
/* Default page text and form field sizes. Dark gray in color. */
p, td p, td td p,td td, input, select{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	color: #898786;
	vertical-align:top;
}
/* Style for submit/cancel, etc buttons. Small black text on white background. */
input.button{
	text-align: center;
	color: Black;
	font-size: 11px;
	background-color: white;
}

/* default link style. Gray underlined text, blue when rolled over*/
a:link{
	color: #898786;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-decoration: underline;
	font-weight: normal;
}
a:visited{
	color:#898786;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;	
	text-decoration: underline;
	font-weight: normal;
}
a:hover{
	color:#00818a;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;	
	text-decoration: underline;
	font-weight: normal;
}
a:active{
	color:#898786;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;	
	text-decoration: underline;
	font-weight: normal;
}

.facilityNav{
	background-color: #9E9F9E;
	border-bottom: 1px solid white;
	text-align: left;
	vertical-align: baseline;
	display: block;
	padding-left: 20px;
	padding-bottom: 1px;
	padding-top: 1px;
	width: 146px;
}
.facilityNav a:link, .facilityNav a:visited{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: White;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}
.facilityNav a:hover{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: White;
	text-decoration: underline;
	font-weight: bold;
}
.facilityNav a:active{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: White;
	text-decoration: none;
	font-weight: bold;
}

/* page footer block. Small text, with white background. Space built into top and bottom of the block. */
#footer{
	background-color: white;
	text-align: center;
	font-size: 10px;
	display: block;
	width: 100%;
	padding-top:20px;
	padding-bottom:20px;
}
/* Small links within the page footer. The colors will be inherited from the page defaults (only difference is size) */
#footer a{
	font-size: 10px;
}

/* Pulls out any default space around a form (can be overridden in-page if desired). */	
form{
	margin: 0px;
	padding: 0px;
}