#pageContainer
{
	margin-left: auto; 
	margin-right: auto;
	text-align:left;
	min-width: 715px;
	max-width: 1024px;
}
#header
{
	background-color:#333333;
	padding:5px 0px 0px 0px;
	margin:0px;
	/*background-image:url(/images/kcls-alert-message.jpg);
    background-repeat: no-repeat;
    background-position: -23px 165px;*/
}
#header .header-alert{
	color: orange;
	text-align:center;
	text-decoration: uppercase;
}
#logo
{
	position:relative;
	left:-20px;
	width:74px;
	height:150px;
	border:0px;
	float:left;
	text-align:left;
	padding: 0 1px 20px 0;
}
#headerContent
{
	position:relative;
	margin:0px;
	padding:0px;
	color:#fff;
	padding-top:19px;
	width:365px;
	float:left;
	position:relative;
	height:100%;
	overflow:hidden;
}
#headerContent .highlight
{
	color: #bda964;
}
#headerContent A
{
	position:relative;
	color:#FFFFFF;
	text-decoration:none;
	display:inline;
	float:left;
	width:170px;
	margin:0px;
	padding:0px;
	text-indent:8px;
}

#headerContent A:hover
{
	color: #E0D053;
	background: url(/images/home_highlight.gif) no-repeat left;
}

#headerContent H1
{
	display:inline;
	font-weight:normal;
}
#headerContent H4
{
	font-weight:normal;
}

.hero-2nd-container {
	margin: 25px 0 0 0;
	padding:0;
}
.hero-container {
	margin-top: 20px;
}
H4
{
	font-weight: normal;
	padding:0 0 0 8px;
}
.header .highlight
{
	color: #E0D053;
}
#content
{
	position:relative;
	clear:both;
/*	background-image: url(/images/background_main_left.gif); //commented out because this wrecks the footer NW corner on home page only.
	background-repeat: repeat-y;*/
}
#loginAndFind
{
	color:white;
	padding:10px 0 5px 0;
	margin:0 -20px 0 0px;
	overflow:hidden;
	height:100%;
}
#loginHeaderShadow
{
	position:relative;
	overflow:visible;
	height:100%;
	background:#484848;
	margin:0 10px 0 11px;
}
#loginHeaderShadow div.sw
{
	position:relative;
	overflow:visible;
	height:100%;
	background:url(/images/corner_darkgray_3.gif) no-repeat left bottom;
}
#loginHeaderShadow div.nw
{
	position:relative;
	overflow:visible;
	height:100%;
	background:url(/images/corner_darkgray_1.gif) no-repeat left top;
}
#loginHeader
{
	float:right;
	width:295px;
	position:relative;
	margin:0 -10px 0 0;
	padding:0;
	height:100%;
	overflow:visible;
}

#loginHeader H4   {padding:5px 0}
#loginHeader TABLE {width:100%;}
#loginHeader .borderNW {width:8px; background:url(/images/corner_green_1.gif) no-repeat top left;}
#loginHeader .borderNE {width:7px; background: url(/images/corner_green_2.gif) no-repeat top right; }
#loginHeader .borderSE {background: url(/images/corner_green_4.gif) no-repeat bottom right; }
#loginHeader .borderSW {height:8px; background:transparent url(/images/corner_green_3.gif) no-repeat bottom left; }
#loginHeader .borderS{background:#63957f; }
#loginHeader .borderDivisor{width:10px; background:#63957f url(/images/dotted_vertical.gif) repeat-y left;}
#loginHeaderContentInner {background:#63957f; }

/* links for the LOGIN box inside the header*/
#loginHeader a{
	font-weight:bold; 
	padding-left:5px; 
	color:white;
	text-decoration:none;
}
/* use this if you want different anchor style
#loginHeader a:link, #loginHeader a:visited{
	text-decoration:none;
}
#loginHeader a:hover, #loginHeader a:hover{
	text-decoration: underline;
}*/



#findHeaderShadow /* this is the dark grey almost black background the runs behind all the header stuff on all pages*/
{
	position:relative;
	overflow:visible;
	height:100%;
	margin:15px 10px 15px 11px;
	background:#484848;
}
#findHeaderShadow div.sw
{
	position:relative;
	overflow:visible;
	height:100%;
	background:url(/images/corner_darkgray_3.gif) no-repeat left bottom;
}
#findHeaderShadow div.nw
{
	position:relative;
	overflow:visible;
	height:100%;
	background:url(/images/corner_darkgray_1.gif) no-repeat left top;
}

#findHeader 
{
	float:right; 
	width:295px; 
	clear:right; 
	height:100%; 
	overflow:visible; 
	position:relative; 
	margin:0 -10px 0 0; 
	padding:0;
	color:#4C8AB0;
}
#findHeader H4   {padding:5px 0;}
#findHeader TABLE {background:none; margin-top:0; width:295px;}
#findHeader .borderNW {width:8px; background:transparent url(/images/corner_tan_1.gif) no-repeat top left; }
#findHeader .borderNE {width:16px; background:url(/images/corner_tan_2.gif) no-repeat top right;}
#findHeader TD {background:#4C8AB0;}
#findHeader .findHeaderBorder{background:#A29B6A url(/images/dotted_vertical.gif) repeat-y left;width:1px;}

#findHeaderLinks
{
	margin:0;
	width:296px;
	
}
#findHeaderLinks .borderSW {background:url(/images/corner_tan_3.gif) no-repeat bottom left;}
#findHeaderLinks .borderSE {background:url(/images/corner_tan_4.gif) no-repeat bottom right; padding:5px 0 5px 15px}


/* links for the FIND box inside the header*/
#findHeaderLinks a{
	color:white;
	font-weight:bold;
}
#findHeaderLinks a:link, #findHeaderLinks a:visited{
	text-decoration:none;
}
#findHeaderLinks a:hover, #findHeaderLinks a:hover{
	text-decoration: underline;
}

#findHeaderLinksContent
{
	padding: 5px;
	margin:7px -7px -7px 0;
	background:#857D4D url(/images/corner_tan_4.gif) no-repeat bottom right;
}
#findHeaderTitle
{
	color:White;
	width:53px;
	margin-left:12px;
	padding:0px;
	position:absolute;
}

#findHeaderSelect
{	
	padding:0px;
	margin:0px;
}
#findHeaderSelect select
{	
	float:right;
	padding:0;
	margin:7px 0 0 0;
}
#findHeaderButtons
{
	margin:5px 0 1px 10px;
	clear:both;
	float:left;
}
#findHeader input
{
	vertical-align: middle;
}
#findHeaderButtonsSearch
{
	width:210px;
	margin-bottom:5px;
}
#findHeaderButtonsSearchGo
{
	width:33px;
	height:20px;
}

#footer
{
	position:relative;
	background:url(/images/corner_footer_1.gif) no-repeat left top;
	padding:0 20px 0 20px;
}
#footerWrapper
{	
    background:#333 url(/images/corner_maingray_2.gif) no-repeat right top;
	margin:4px 0 0 0;
	padding:0; 
}
#footer .nw
{	
	height:30px;
	padding:26px 20px 14px 0;
	color:#BDA964;
	font-weight:bold;
	margin:0;
	text-align:right;
}
#footer A {color:#BDA964; }
#footer HR {display:none;}




#browseFor
{
	padding:30px 0px 0px 15px;
	background:#484848;
	color:#63957F;
}
#browseFor H3
{
	margin-bottom:5px;
	width:100%;
	border-bottom:2px solid #63957F;
	padding-bottom:3px;
}