/* BEGIN WHISTLEBLOWER CSS ---------------------------------------> */

/*-------------------------- SECTIONS ------------------------------*/
/* #1 General Layout */
/* #2 Header */
/* #3 Main Navigation (home and inside) */
/* #4 Sub Navigation (backlink) */
/* #5 Home Page */
/* #6 Content */
/* #7 Footer */
/*------------------------------------------------------------------*/

/*------------------------- FONT COLOR -----------------------------*/
/* Content text: #666666; */
/* Content link: #515f82; */
/* Footer text: #ffffff; */
/* Footer link: #9ba4bb; */
/*------------------------------------------------------------------*/



/* General Layout ------------------------------------------------> */
/* Edits to this section must be updated in sp_wysiwyg.css!!! */

body {
	position: relative;
	margin: 0px;
	padding: 0px;
	background: #fff url('../i/inside_bg.gif') 0px 90px repeat-x;
	font: normal 13px Verdana, Helvetica, sans-serif;
	color: #666666;
	line-height: 16px;
}

#body {
	position: relative;
	width: 740px;
	margin: 0px auto;
}

p {
	margin: 0px;
	padding: 5px 0 15px 0;
	line-height: 16px;
}

a {
	color: #515f82;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0px;
	padding: 0px;
	line-height: normal;
}

h1 {
	padding: 5px 0 15px 0;
	font-size: 115%;
	color: #cc9933;
	text-transform: uppercase;
}

h2 {
	padding: 5px 0 15px 0;
	font-size: 145%;
	
}

h3 {
	padding: 5px 0 15px 0;
	color: #000;
	font-size: 135%;
	font-weight: normal;
}

h5 {
	padding: 5px 0 5px 0;
	font-size: 125%;
}

/* Reserved for Print Pilot */
h6 {
	
}

ul, ol {
	padding: 0;
	margin: 0 0 15px 0;
	line-height: 16px;
}

ul li, ol li {
	padding: 0;
	margin: 0;
	line-height: 16px;
}

img {
	border: 0;
}




/* Header --------------------------------------------------------> */

#header {
	height: 126px;
}

img#logo {
	margin: 25px 0 0 0;
}

#banner {
	position: relative;
	width: 737px;
	height: 78px;
	border: 1px solid #9ba4bb;
	border-bottom: 0px solid #9ba4bb;
}

#bannerStripe {
	position: absolute;
	z-index: 2;
	top: 43px;
	width: 737px;
	height: 35px;
	
	/* removed at client request
	background: #9ba4bb;
	opacity: 0.8;
	filter: alpha(opacity=80)
	*/
}

#bannerStripeTitle {
	position: absolute;
	z-index: 3;
	top: 48px;
	left: 10px;
	color: #fff;
	font-size: 160%;
	line-height: normal;
}

#banner img {
	display: block;
	position: relative;
	z-index: 1;
}




/* Main Navigation -----------------------------------------------> */

#menuWrapper {
	position: absolute;
	z-index: 20000;
	top: 90px;
	left: 0px;
	width: 100%;
	height: 36px;
	background: #28395d;
	border-left: 1px solid #9ba4bb;
	line-height: normal;
}

.navButton { 
	position:relative !important;
	height: 36px;	
	overflow: hidden;
}

#nav_0Button span, #nav_1Button span, #nav_2Button span, #nav_3Button span, #nav_4Button span, #nav_5Button span { 
	height: 36px;
	background: url('../i/nav_back.png') top left no-repeat;
}

.navButton span {
	display:block;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:36px;
	background-position:0 0;
}

#nav_0Button, #nav_0Button span {width:78px; background-position: 0px 0px;}
#nav_0Button:hover span, #nav_0Button.udmY span, #nav_0Button.udmR span {background-position: 0px bottom}

#nav_1Button, #nav_1Button span {width:166px; background-position: -78px 0px;}
#nav_1Button:hover span, #nav_1Button.udmY span, #nav_1Button.udmR span {background-position: -78px bottom}

#nav_2Button, #nav_2Button span {width:164px; background-position: -244px 0px;}
#nav_2Button:hover span, #nav_2Button.udmY span, #nav_2Button.udmR span {background-position: -244px bottom}

#nav_3Button, #nav_3Button span {width:147px; background-position: -408px 0px;}
#nav_3Button:hover span, #nav_3Button.udmY span, #nav_3Button.udmR span {background-position: -408px bottom}

#nav_4Button, #nav_4Button span {width:122px; background-position: -555px 0px;}
#nav_4Button:hover span, #nav_4Button.udmY span, #nav_4Button.udmR span {background-position: -555px bottom}

#nav_5Button, #nav_5Button span {width:60px; background-position: -677px 0px; border-right: 1px solid #9ba4bb;}
#nav_5Button:hover span, #nav_5Button.udmY span, #nav_5Button.udmR span {background-position: -677px bottom}

	
	


/* Sub Navigation ------------------------------------------------> */

.contentNavbar {
	width: 170px;
	margin: 5px 0 0 0;
}

.contentNavbar ul {
	margin: 0; 
	padding: 0;
}

.contentNavbar ul li {
	padding: 0 0 8px 0;
}

.contentNavbar ul li a {
	display: block;
	height: 100%;
	font-size: 11px;
	font-weight: bold;
}

.contentNavbar ul li a:hover,
.contentNavbar ul li a.onNav {
	color: #999999;
	text-decoration: none;
}







/* Home Page ------------------------------------------------------> */

body#index {
	background: #fff url('../i/home_bg.gif') 0px 90px repeat-x;
}

#index #banner {
	height: 179px;
}

#index #bannerStripe {
	top: 144px;
}

#index .contentSide {
	width: 300px;
	margin: 22px 0 0 0;
	padding: 0 0 0 0;
}

#index .contentSide .home {
	width: 240px;
}

#index .contentMainCol {
	width: 430px;
	margin: 22px 0 0 300px;
	padding: 0 0 0 0;
}

#index img.homeHeader {
	margin: 0 0 15px 0;
}

#index #bottomTagLeft {
	width: 300px;
}

#index #bottomTagRight {
	width: 439px;
}





/* Content -------------------------------------------------------> */

#content {
	min-height: 350px;
  	height: auto !important;
  	height: 350px;
}

#contentWrapper {
	/* make div stretch to height of content */
	overflow: hidden;
	!height: 100%;
	!overflow: visible;
}

.contentMainCol {
	width: 530px;
	margin: 27px 0 0 200px;
	padding: 0 0 20px 0;
}

.contentSide {
	float: left;
	width: 200px;
	margin: 27px 0 0 0;
	padding: 0 0 20px 0;
}

.contentMainCol ul li,
.contentSide ul li {
	list-style: none url(../i/bullet_default.png);
	!list-style: none url(../i/bullet_default_ie.png);
	margin: 0 0 8px 13px;
	line-height: 16px;
}

.contentMainCol ol li,
.contentSide ol li {
	margin: 0 0 8px 35px;
	line-height: 16px;
}

ul.subMenu li {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
}

/* News */

.newsItem {
	margin-top: 1em;
	padding: 5px 10px 15px 0px;  
	border-top: 1px solid #ededed;
	font-size: 13px;
	line-height: 18px;
}

.newsItemDate {
	float: left;
	width: 130px;
	height: 20px;
}

.newsTitle {
	text-transform: uppercase;
}

.newsItemDetails {
	margin: 0 0 0 150px;
}

.newsItemAuthors {
	color: #333333;
	font-style: italic;
}





/* Footer --------------------------------------------------------> */

#dualBg {
	position: relative;
	width: 100%;
}

#topTag {
	position: absolute;
	z-index: 0;
	left: 0px;
	width: 100%;
	height: 65px;
}

#bottomTag {
	position: relative;
	z-index: 1;
	width: 740px;
	height: 65px;
	margin: 0px auto;
}

#bottomTagLeft {
	float: left;
	width: 200px;
	height: 65px;
	background: #9ba4bb;
}

#bottomTagRight {
	float: right;
	width: 539px;
	height: 65px;
	background: #51836d;
	border-left: 1px solid #fff;
	color: #9fd5bd;
	font-size: 9px;
}

#bottomTagRight span {
	display: block;
	margin: 23px 0 0 10px;
}

#bottomTagRight a {
	color: #9fd5bd;
}

#dualLeft {
	float: left;
	width: 49%;
	height: 65px;
	background: #9ba4bb;
}

#dualRight {
	float: right;
	width: 49%;
	height: 65px;
	background: #51836d;
}

#footer {
	width: 100%;
	background: #515f82;
	border-top: 1px solid #fff;
}

.footer {
	clear: both;
	width: 740px;
	margin: 0px auto;
	font-size: 10px;
	text-align: center;
	
	
	/* make div stretch to height of content */
	overflow: hidden;
	!height: 100%;
	!overflow: visible;
}

.footer ul,
.footer ul li {
	display: block;
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;	
}

.footer ul li.firstFooter {
	float: left;
	padding: 2px 14px 2px 12px;
}

.footer ul li {
	float: left;
	padding: 2px 14px 2px 0;
}

.footer ul li a {
	color: #9ba4bb;
}

.footer ul li a:hover {
	color: #fff;
	text-decoration: none;
}




/* END WHISTLEBLOWER CSS -----------------------------------------> */