*{
	margin: 0 auto;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
	color: #555555;
	outline: none;
	border: none;
	border-style: none;
	outline-style: none;}

body{
	width: 100%;
	text-align: center;
	/*background: #6EB5FC url(../images/bg-1x461.gif) repeat-x 0 0;*/
	background-color: #5B7181;
	outline: none;
	z-index: 0;}

/*black bar*/
#ciee-blackBar{
	position: fixed;			/*fixed is independent of any containing element - doesn't matter where you put this div*/
	top: 0;
	left: 0;
	width: 137px;
	height: 32px;
	z-index: 100;	
	border: 0;}
	
#ciee-blackBar img{
	outline: none;		
	border: 0;}

#blackBar{
	width: 100%;
	height: 39px;
	top: 0;
	left: 0;
	position: fixed;	/*indedpendent of any containing element*/
	z-index: 99;
	background: url(../images/repeatX.png) repeat-x 0 -82px;
	text-align: center;
	margin: 0;
	padding: 0;
	outline: none;
	overflow: hidden;
	white-space:nowrap}
	
@-moz-document url-prefix()
{
	#blackBar{
	overflow: auto;/*eliminates flickering in Firefox on scroll - should be fixed in ver4.0*/}
}

#blackBar ul{
	/*border: solid 1px white;*/
	height: 32px;
	line-height: 31px;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	padding: 0;
	display: inline;}

#blackBar li{		
	display: inline;
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
	padding-left: 25px;}

#blackBar li span.doubleChevron{
	font-size: 12px;
	color:  #FFFFFF;}

#blackBar li a{
	color: #FFF;
	text-decoration: none;
	font-family: Arial;
	padding-left: 4px;
	outline: none;
	font-size:10px;}

#blackBar li a:link{
	color: #FFF;
	text-decoration: none;}

#blackBar li a:visited{
	color: #FFF;
	text-decoration: none;}

#blackBar li a:hover, #blackBar li a.selected:hover{
	color: #9ECEEB;
	text-decoration: none;}

#blackBar li a.selected{
	color: #FF9929;}

/*end of black bar*/

/*wrapper*/

#wrapper{
	position: relative;
	width: 999px;
	min-height: 500px;
	height: 100%;
	text-align: left;
	overflow: hidden;
	/*border: solid 1px black;*/}
	
#logo{
	position: absolute;
	top: 49px;
	left: 42px;
	/*border: solid 2px white;*/}

#logo img, #logo a{border: none;}

#spacer{/*simply an empty div to push #mainBarker down to begin right below the navBar
			this enables us to avoid absolutely positioning content from here down*/
	height: 128px;}/*navBarUL height + top - 4px dropshadow*/


/*footer*/
#footerDiv{
	float: left;
	position: relative;	/*kicks in z-index*/
	width: 713px;
	height: 43px;
	top: -14px;
	padding-bottom: 10px;
	z-index: 1;	/*so it sits under the bodyBarker*/}

#footerLeft{
	float: left;
	width: 16px;
	height: 43px;
	background: url(../images/footerLeftAndRight.png) no-repeat 0 0;}

#footerRight{
	float: left;
	width: 16px;
	height: 43px;
	background: url(../images/footerLeftAndRight.png) no-repeat -16px 0;}

#footerContent{
	float: left;	
	width: 681px;	/*713 - (16 + 16)*/
	height: 43px;
	position: relative;
	background: url(../images/repeatX.png) repeat-x 0 -121px;}
	
#footerContent ul{
	position: absolute;
	top: 18px;
	list-style: none;}
	
#footerContent li{
	display: inline;
	border-left: solid 1px #FFFFFF;
	padding: 0 10px 0 13px;}
	
#footerContent li.first{
	border-left: none;
	padding-left: 7px;}
	
#footerContent li a, #footerContent li a:link, #footerContent li a:visited{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;}
	
#footerContent li a:hover, #footerContent li a.selected:hover
{
	color: #9ECEEB;}

#footerContent li a.selected
{
	color: #FF9929;}

#footerContent #shareButton{
	position: absolute;
	top: 18px;
	right: 10px;
	width: 125px;
	height: 16px;}
	
#footerContent #copyright{
	position: absolute;
	top: 48px;
	right: 2px;	
	height: 15px;
	font-size: 10px;
	color: #FFFFFF;
	/*border: solid 1px black;*/}
/*end of footer*/

/*end of wrapper*/


#shellTop{
	position: relative; /*enables z-index in relation to navBar*/
	z-index: 4;	/*sits on top of navBarUL*/
	height: 11px;
	background: url(../images/nonHomeShells.png) no-repeat 0 0;}

#shellBody{
	overflow: auto;
	position: relative;	
	background: url(../images/repeatY.png) repeat-y -1712px 0;
	z-index: 2;	/*sits on top of footer*/}

#shellBottom{
	position: relative;
	height: 11px;	
	background: url(../images/nonHomeShells.png) no-repeat 0 -11px;
	z-index: 2; /*sits on top of footer*/}
	
#shellBody #headerImage{
	clear: both;
	padding:3px 0 10px 15px;}
	
#shellNavigationContainer{
	position: relative;
	float: left;
	width: 251px;
	margin-left: 12px;
	margin-right: 8px;}
	
#leftShadow{
	float: left;
	width: 10px;
	height: 400px;	/*make it long enough to pass navBottom*/
	background: url(../images/nonHomeShellShadows.png) no-repeat -10px 0;}

#navTop{
	float: left;
	width: 241px;
	height: 24px;
	background: url(../images/nonHomeShells.png) no-repeat 0 -65px;}

#navContent{
	float: left;
	width: 241px;
	min-height: 236px;	/*leftShadow height*/
	background: url(../images/repeatY.png) repeat-y -2621px 0;}
	
#navContent ul{
	list-style: none;
	/*border: solid 1px black;*/}

#navContent li{	
	line-height: 29px;
	background: url(../images/libackground.jpg) no-repeat 0 0;}
	
#navContent li.first{background: none;}	
	
#navContent li a.subNav{
	color: #0C5E5A;
	padding-left: 10px;}
	
#navContent li.selected{
	background: url(../images/shellNavLiSelected.png) no-repeat 0 0;}

#navContent li a, #navContent li a:link, #navContent li a:visited, #navContent li a:hover{
	color: #707070;
	font-size: 12px;
	text-decoration: none;
	margin-left: 36px;
	display:block;}	
	
#navContent li a:hover{
	color: #a3620a;}
	
#navContent li.selected a{
	color: #FFFFFF;}

#navBottom{float: left;
	width: 241px;
	height: 21px;
	background: url(../images/nonHomeShells.png) no-repeat 0 -89px;}

#shellContentContainer, #shellContentContainer-noNav{
	float: left;
	position: relative;
	width: 623px;}
	
#shellContentContainer-noNav{
	margin-left: 12px;
	width: 882px;}

#shellContentLeftShadow{
	float: left;
	width: 10px;
	height: 450px;	/*drives the min-height for the entire page*/
	background: url(../images/nonHomeShellShadows.png) no-repeat 0 0;}
	
#shellContentTop{
	float: right;
	width: 613px;
	height: 22px;
	background: url(../images/nonHomeShells.png) no-repeat 0 -22px;}
	
#shellContentContainer-noNav #shellContentTop{
	float: right;
	width: 872px;
	height: 22px;
	background: url(../images/nonHomeShells.png) no-repeat 0 -110px;}
	
#shellContent{
	float: right;
	width: 613px;
	min-height: 451px;	/*leftShadow height*/
	background: url(../images/repeatY.png) repeat-y -2862px 0;}
	
#shellContentContainer-noNav #shellContent{
	float: right;
	width: 872px;
	min-height: 451px;	/*leftShadow height*/
	background: url(../images/repeatY.png) repeat-y -3475px 0;}

#shellContent h1{
	color: #D02D2D;
	font-size: 22px;
	font-family: Verdana;
	font-weight: normal;
	margin-left: 20px;
	padding-bottom: 16px;}

#shellContent h2{    
	color: #535151;
	margin-left: 20px;
	margin-bottom:5px;
	font-size: 15px;
	font-weight: bold;}

#shellContent p{
	color: black;
	padding: 0 20px 10px 20px;}

#shellContent p strong{
    color:#464646;}
    
 #shellContent p em, #shellContent p em u{
    color:#000000;}

#shellContent a, #shellContent a:link, #shellContent a:visited, #shellContent a:hover, #shellContent a em{
	color: #005480;
	text-decoration: none;}
	

#shellContent a:hover{	
	color: #5E3F29;
	text-decoration: underline;}
	
#shellContent ul{
	list-style: none;	margin: 0 30px 10px 30px;}
	
#shellContent li{
	background: url(../images/bullet.gif) no-repeat 0 0;
	color:#000000;
	padding: 0 0 8px 15px;}

#shellContent li em{
    color:#000000;}
    
#shellContentBottom{
	float: right;
	width: 613px;
	height: 21px;
	background: url(../images/nonHomeShells.png) no-repeat 0 -44px;}
	
#shellContentContainer-noNav #shellContentBottom{
	float: right;
	width: 872px;
	height: 21px;
	background: url(../images/nonHomeShells.png) no-repeat 0 -132px;}
	
#shellContent div.homePageBodyBarker{
	background: Blue url(../images/homePageBarkerBG572x1.gif) repeat-y 0 0;
	width: 572px;
	height: 109px;
	position: relative;}
	
#shellContent div.homePageBodyBarker h1{
	color: #ce2424;
	font: normal 20px Arial;
	margin: 0;
	padding: 10px 0 5px 10px;}
	
#shellContent div.hpbbButton{
	position: absolute;
	right: 0;
	bottom: 8px;
	width: 105px;
	height: 32px;}
	
	
#shellContent div.homePageBodyBarkerSpacer{
	background: url(../images/bulletBG8x1.png) repeat-x 0 12px;
	width: 572px;
	height: 25px;
	position: relative;}
	
	
#shellContent table.tblPositions{
	width: 575px;
	border: 0;
	border-left: 1px solid #3a5569;
	border-top: 1px solid #3a5569;}

#shellContent table.tblPositions thead tr{
	background-color: #98ABBA;}

#shellContent table.tblPositions thead td{
	font-weight: bold;
	color: #000;}
	
#shellContent table.tblPositions tr.otherBgColor{
	background-color: #ECDDC3;}	

#shellContent table.tblPositions td{
	border-bottom: 1px solid #006A71;
	border-right: 1px solid #006A71;
	padding: 5px 5px 5px 8px;
	font: 11px/14px Arial;
	color:#000;}
	
#shellContent table.tblPositions td.pdf a{
	font: bold 11px/14px Arial;}

#shellContent #logOutDiv{
	margin-left: 20px;
	margin-top: 20px;}
	
#shellContent .frmBtn{
	border: solid 1px #3A5569;
	padding: 5px;
	margin-top: 7px;
	margin-bottom: 10px;
	color: #000;
	background-color: #98ABBA;}