@charset "utf-8";
/*Emprise Integrated Systems: CSS elements common to all styles*/

html, body, div, span, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
	text-align: center; /* for IE */
	background-color: #E1E1E1;
	font-family:verdana, arial, helvetica, sans-serif;
	color: #261F57;
	font-size: 12px;
	line-height: 150%;
}

h1 {
	color: #2F5682;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 1px;
	text-transform: uppercase;
}

h2 {
font-family: arial, helvetica, sans-serif;
	color: #2F5682;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 1px;
}

h3 {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

h3.inBoxBlue {
	color: #E6E6E6;
	background-color:#366495;
	border-left: 1px solid #366495;
	border-right: 1px solid #366495;
	padding-left:5px;
}

h3.inBoxGray {
	color: #366495;
	border-left: 1px solid #366495;
	border-right: 1px solid #366495;
	background-color:#E1E1E1;
	padding-left:5px;
}

p {
	font-family: arial, helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	line-height: 1.5;
	padding-top:0;
	margin-top:0;
}

p.inBox {
	padding: 0px 5px 0px 5px;
	border-bottom: 1px solid #366495;
	border-left: 1px solid #366495;
	border-right: 1px solid #366495;
}

p.inCap {
	text-transform: uppercase;
}
hr {
height:1px; 
border-bottom:0;
}

a {
	text-decoration:none;
	color: #2F5682;
}

a.arrow {
/*	display: inline-block;
	background-image:url(commonRes/arrowRight.png);
	padding-left:10px;
	background-repeat:no-repeat;*/
	/*background-position:center left;*/
	border:0px;
	text-decoration:none;
	color:#2F5682;
	/*font-weight:bold;*/
}


img{
	margin:0;
	border:0;
	padding:0;
}

li {
	font-family: arial, helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	line-height: 1.5;
	padding-top:0;
	margin-top:0;
}

span.inBold {
	font-weight:bold;
}
ul {
	border:0;
	margin-top:0.3em;
	padding-left:1em;
}
table {
	font-family: arial, helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	line-height: 1.5;
	padding-top:0;
	margin-top:0;
}
th, td {
	border-bottom: 1px solid black;
	padding-right: 1em;
}
/*-----------------------------------------------------------------------------------------------------------------------Page Skeleton---*/
#pageWrapper {
	margin: 0 auto;   /* align for good browsers */
	margin-top: 50px;
	text-align: left;
	width: 1001px;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 0 5px 20px 4px; /*top-right-bottom-left*/
	background-color:#FFFFFF;
}

#pageWrapper #minPageHeight {
	float:left;
	width:1px;
	height:600px;
}

div.ClearFloat {
	clear: both;/*Necessary to prevent wrap_page collapse*/
}

/*------------------------------------------------------------------------------------------------------------------------Header Region---*/
#pageWrapper #header {
	float:left;
	position: relative; /*Allows for defining absolute positioned divs relative to the parent*/
	width: 1000px;
	height: 60px;
}
#pageWrapper #header #logo {
	position: absolute;
	bottom: 7px;
	left: 5px;
}
#pageWrapper #header #toolBar {
	position: absolute;
	bottom: 7px;
	right: 0px;
	color:#261F57;
}
#pageWrapper #header #bannerBlend{
	position: absolute;
	bottom: 0px;
	right: 0px;
}
/*------------------------------------------------------------------------------------------------------------------------Menubar---*/
#pageWrapper #menubar {
	float: left;
	position:relative; /*Required for the z-index to take effect*/
	width:1000px;
	background-color:#366495;
	z-index:50;
}
#pageWrapper #menubar ul{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
#pageWrapper #menubar ul li{
	position:relative; /*Required to display the ul-li-ul elements with absolute positioning*/
	float : left;
	margin: 0;
	padding: 0;
}
#pageWrapper #menubar ul li a{
	/*text-align: center;	*/
	color : #FFFFFF;
	display:block;
	padding-left: 5px;
	padding-right: 45px;
	border: 2px solid #366495;/*Necessary to prevent a bug in IE7 rendering while in high zoom in level. The drop down closes due to a small gap.*/	
}
#pageWrapper #menubar ul li ul {
	position:absolute;
	width:230px;
	display: none;
	background-color:#437AB8;
	border-right:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
}
#pageWrapper #menubar ul li ul li{
	width:230px;
}
#pageWrapper #menubar ul li ul li a{
	color: #E6E6E6;
	font-size: 10px;
	text-align: left;
	padding: 5px;
	border:0; 	/*used to cancel the border definition at level ul-li-a*/
	border-left: 5px solid #E1E1E1;
}
/*-----HOVER EFFECTS-----*/
#pageWrapper #menubar ul li a:hover {
	background-color : #E1E1E1;
	border-color: #E1E1E1;
	color: #2C2566;
}
#pageWrapper #menubar ul li:hover ul{
	display:block;
}
#pageWrapper #menubar ul li ul li a:hover {
	border-left-color: #366495;
	background-color: #E1E1E1;
	color:#2C2566;
}
/*------------------------------------------------------------------------------------------------------------------------Banner Region---*/
#pageWrapper #banner {
	float: left;
	position: relative; /*Allows for defining absolute positioned divs relative to the parent*/
	width: 1000px;
	height: 130px;
	background-color: #366495;/*366495*/
	overflow: hidden;
	border-top: 1px solid #FFFFFF;
}

#pageWrapper #banner #bannerImg {
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	width: 400px;
	height: 130px;
	border-right:0px solid #D60000;
}

#pageWrapper #banner #bannerEnd {
	position: absolute;
	top: 0px;
	left: 351px;
	overflow: hidden;
	width: 193px;
	height: 130px;
	z-index:10;
}
#pageWrapper #banner #motto {
	position: absolute;
	top: 60px;
	left: 590px;
	color:#FFFFFF;
	font-size: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing:2px;
	text-transform:uppercase;
}
	#ss1FrameA {
	position: absolute;	
	overflow: hidden;
	width: 400px;
	height: 140px;
	top:0px;
	left:0px;
	}
	#ss1FrameB {
	position: absolute;	
	overflow: hidden;
	width: 400px;
	height: 140px;
	top:0px;
	left:0px;
	}


/*------------------------------------------------------------------------------------------------------------------------navPath---*/


#pageWrapper #navPath {
	float: left;
	width: 995px; /*1000px - (padding left)px*/
	padding-left: 5px;
	background-color:#D5EC8C;
}

#pageWrapper #navPath ul{
	float : left;
	margin : 0;
	padding:0;
}

#pageWrapper #navPath ul li{
	float : left;
	display : inline;
 	color: #666666;
}

#pageWrapper #navPath ul li a{/*Anchors have their own styling rules (color, etc) and do not inherit. Need to define styles again*/	
	float : left;
 	color: #666666;
	padding-right: 2em;
}

#pageWrapper #navPath ul li a:hover {
	color: #C0C0C0;
}



/*-----------------------------------------------------------------------------------------------------------------------subMenuRegion---*/
#pageWrapper #subMenuRegion {
	float: left;
	width: 180px;
	overflow:hidden; /*Address an IE6 bug:Expanding Box Problem*/
}

#pageWrapper #subMenuRegion #subMenubar {
	float: left;
	width: 180px;
	background-color: #366495;
	padding-bottom: 30px;
}

#pageWrapper #subMenuRegion #subMenubar ul{
	padding : 0;
	margin : 0;
}

#pageWrapper #subMenuRegion #subMenubar ul li{
	list-style: none; /*Removes the bullets and indentation from a vertical list*/		
}

#pageWrapper #subMenuRegion #subMenubar ul li a{
	margin: 0;
	width:160px; /*Addresses an IE6 bug:Extra Whitespace in List Links bug*/
	padding-top: 5px;
	padding-bottom:5px;
	padding-left: 5px;
	padding-right: 15px;
	display: block; /*Activates the entire background of anchors in a block sense*/
	color: #E6E6E6;
	font-size: 10px;
	border-bottom: 1px solid #F8F8FA;
}

#pageWrapper #subMenuRegion #subMenubar ul li a:hover {
	border-top-color: #FFFFFF;
	border-bottom-color: #2C2566;
	background-color: #E1E1E1;
	color:#2C2566;
}

#pageWrapper #subMenuRegion #subMenubar #activeSubItem a {
	background-color: #E1E1E1;
	color:#2C2566;
}

#pageWrapper #subMenuRegion #sideTxtRight{
	float: left;
	width: 180px;
	height: 80px;
	background-color: #366495;
}



/*-----------------------------------------------------------------------------------------------------------------------mainRegion---*/
#pageWrapper #mainRegion {
	float: left;
	width: 630px;
	padding: 10px 10px 0px 10px;
}
#pageWrapper #mainRegion #mainTxtLeft {
	float: left;
	width: 290px;
	padding-left: 15px;
	padding-right: 0px;
}
#pageWrapper #mainRegion #mainTxtRight {
	float: left;
	width: 290px;
	padding-left: 15px;
}
#pageWrapper #mainRegion #mainTxtBottom {
	float: left;
	width: 595px;
	padding-left: 15px;
}
#pageWrapper #sideTxtLeft {
	float: right;
	width: 160px;
	margin-top: 10px;	
	padding: 5px 0px 0px 5px;
	text-align: left;
}
/*-----------------------------------------------------------------------------------------------------------------------?---*/


#pageWrapper #docTopAnchor {
	clear:both;
	width: 1001px;
	padding: 15px 0px 5px 0px;
	text-align:right;
}

#pageWrapper #footer {
	float : left;
	width: 1000px;
	background-color: #366495;
	border-left: 1px solid #366495;
}

#pageWrapper #footer #footerBar ul{
	float : left;
	margin: 0; /*Prevents defaults*/
	padding-left: 15px;
	padding-right: 0px;
}

#pageWrapper #footer #footerBar ul li{
	float : left;
	display : inline;	
	padding-right: 1em;
	letter-spacing: 1px;
	font-size: 10px;
	color : #FFFFFF;
	
}

#pageWrapper #footer #footerBar ul li a{
	float : left;/* This is very important! If not present a bug in IE7 will cause misalignment of the anchor's background while zooming in.*/
	letter-spacing: 1px;
	font-size: 10px;
	color : #FFFFFF;	
}

#pageWrapper #footer #copyright {
	float : right;
	padding-right:15px;
	letter-spacing: 1px;
	font-size: 10px;
	color : #FFFFFF;
}



/*-----ACTIVE ITEMS section=Profile-----*/
#pageWrapper #menubar ul li a#activeMenuItem {
	background-color : #E1E1E1;
	border-color: #E1E1E1;
	color: #2C2566;
}

#pageWrapper #subMenubar ul li a#activeSubMItem {
	background-color : #E1E1E1;
	color: #2C2566;
}