/* global styles */
body {background-color: #B6C8D3; color: #003366; font: 76% Arial, Helvetica,sans-serif; margin: 0px; padding: 0px;}
table {font: 100% Arial, Helvetica,sans-serif;}

h1{color:#003366; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.4em; letter-spacing:.05em; margin: .2em 0px 1em 0px;}
p {margin: 1em 0px 1em 0px;}
h2{color:#003366; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.2em; margin: 0em; letter-spacing:.05em;}
h3{font-family: Arial, Helvetica, sans-serif; margin: 0em; font-weight: bold; font-size: .9em; letter-spacing:.05em;}
h4{font-family: Arial, Helvetica, sans-serif; margin:0em; font-weight:bold; font-size: .8em;}
div.container {position: relative; left: 0px; top: 0px; width: 765px; text-align: left; border:1px solid #145799; background-color: #FFFFFF;}	
a:link, a:visited {color: #0084FF;}
span {margin: 0px 0px 0px 0px;}
a:hover, a:active {color: #999;}
/* end global styles */

/* start of main nav CSS */
#navHolder { width:160px; position:absolute; left:0px; top:2px; overflow:visible;}
#navHolderInsidePages { width:160px; position:relative; left:0px; top:0px;}
#navBgHolder{ background-image:url(../images/nav_grBg.gif); background-repeat:repeat-x;background-color:#145799;
				width:154px;}

#navBgHolder a{ background-image:url(../images/nav_bgLine.gif); background-repeat:no-repeat; background-position:right;
				width:154px; display:block; border-top:1px solid #145799; border-bottom:1px solid #000000; 
				color:#FFFFFF; text-decoration:none; font-size:11px; font-weight:bold; padding:5px 10px 5px 5px;}
#navBgHolder a:hover{ 
				background-image:url(../images/nav_aBgArrow.gif); background-repeat:no-repeat; background-position:right;
				width:154px; display:block; border-top:1px solid #145799; border-bottom:1px solid #000000; 
				color:#FFFFFF; text-decoration:none; font-size:11px; font-weight:bold; padding:5px 10px 5px 5px;}
.navActive {background-image:url(../images/nav_active.gif); background-repeat:no-repeat; background-position:top; background-color:#145799; width:157px; display:block; color:#FFFFFF; text-decoration:none; font-size:11px; font-weight:bold; padding:5px 10px 5px 5px;}
/* end of main nav CSS */

/* header */
	div.headerLeft { background-color: #FFFFFF; position: absolute; width:165px; height: 165px; left:0px; top:0px;}
	div.headerRight { background-color: #FFFFFF; margin-left: 165px; width:600px;}
	div.headerRightInsidePages { background-color: #FFFFFF; margin-left: 0px; width:600px;}
	div.headerRightTop {height:19px; background-color: #06345F;}
	div.headerRightTopInsidePages {height:19px; background-color: #06345F;}
	div.headerRightMiddle{background-image:url(../images/head_2_bg.png); background-repeat:repeat; height:29px;}
	div.headerRightBottom {margin-bottom:5px;}
	/* header-text-hrefs */
	.mouseText {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFF; letter-spacing:.07em; margin: 0px 0px 0px 0px;}
	.mouseTextDark {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666; letter-spacing:.07em; margin: 0px 0px 0px 0px;}
	.mouseTextDate {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ACCDEE; letter-spacing:.07em; margin: 0px 0px 0px 0px;}
	.headHps {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #EBEBEB; letter-spacing:.07em; margin: 0px 0px 0px 0px;}	
	.headPartner {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FFCC00; letter-spacing:.07em; margin: 0px 0px 0px 0px;}	
	a.white:visited, a.white:link {text-decoration: none; background: transparent; color: #FFF;}
	a.white:hover, a.white:active {color: #CCCCCC;}

/* content */
	div.content { background-color: #FFFFFF; color: #111111; position: relative; left:0px;}
	/* content main text-justified */
	.contentText {font-family: arial, helvetica, verdana, sans-serif; font-size: 12px; font-weight: normal; line-height: 13px; text-align: justify; letter-spacing: .1em; color: #666666; }
	/* content main text- NOT justified */
	.contentTextNoJustify {font-family: arial, helvetica, verdana, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: .1em; color: #000; margin-top: 4px;}
	/* content containers */
	.cutlineText {font-family: arial, helvetica, verdana, sans-serif; font-size: 12px; font-weight: bold; line-height: 14px; letter-spacing: .1em; color: #003366; margin-top: 4px;}
	.cutlineTitle {font-family: arial, helvetica, verdana, sans-serif; font-size: 10px; font-weight: bold; line-height: 12px; letter-spacing: .2em; color: #9D141E; margin: 5px;}
	.contentBox {margin-left: 5px; margin-right: 9px; margin-bottom: 5px;}
	.contentBoxSmallRight {margin-left: 5px; margin-right: 9px; margin-bottom: 5px; position:relative; top: 40px; background-color: #DDE5ED;}
	.leftRightborderBox {border-left: 1px solid #254D76; border-right: 1px solid #254D76;}
	.BigBlueBox {background-color: #EBEBEB; margin: 0px 0px 0px 0px; width: 594px; background-image:url(../images/picture_box_bg.png); background-repeat:repeat-x;}
	/* alerts stuff*/
	.alertWarningBox {border:6px solid #EBEBEB; background-image:url(../images/alert_bg.png); background-repeat:repeat-x; background-color: #E89E3E; margin-left: 5px; margin-right: 5px; padding: 8px;}
	.chiefMessage {border:4px solid #EBEBEB; background-image:url(../images/chief_bg.png); background-color: #2D5982; margin-left: 5px; margin-right: 5px; padding: 8px;}	
	.alertText {font-family: arial, helvetica, verdana, sans-serif; font-size: 12px; font-weight: bold; line-height: 16px; text-align: justify; letter-spacing: .1em; color: #FFFFFF; margin-top: 0px;}
	.chiefText {font-family: arial, helvetica, verdana, sans-serif; font-size: 12px; font-weight: normal; line-height: 14px; letter-spacing: .1em; color: #FFFFFF; margin-top: 0px;}
	/* for the How do I */
	div.right1 {background-image: url(../images/right_box1.gif); background-position: top; background-repeat: no-repeat; width: 153px; display:block; margin:0px; padding:0px;}
	div.right2 {background-image: url(../images/right_box2.gif); background-position: top; background-repeat: no-repeat; width: 153px; display:block; margin:0px; padding:0px;}
	div.right3 {background-image: url(../images/right_box3.gif); background-position: bottom; background-repeat: no-repeat; width: 153px; display:block; background-color: #3D638A; color: #FFFFFF;}

	/* for the info for */
	.contentInfoFor {background-image: url(../images/info_for_bg.png); background-repeat: no-repeat; background-color: #DDE5ED;}
	div.bottomBox {background-color: #F4F4F4; background-image: url(../images/bottom_box1.gif); background-position: top; background-repeat: no-repeat; width: 240px; display:block;}
	div.bottomBox2 {background-image: url(../images/bottom_box2.gif); background-position: top; background-repeat: no-repeat; width: 240px; display:block; background-color: #F4F4F4;}
	div.demoBox {background-color: #F4F4F4; background-image: url(../images/demo_box1.png); background-position: top; background-repeat: no-repeat; width: 720px; display:block;}
	div.demoBox2 {background-image: url(../images/demo_box2.png); background-position: top; background-repeat: no-repeat; width: 720px; display:block; background-color: #F4F4F4;}
	div.paddingBox {padding: 5px;}
	div.CareerBoxBig {background-image: url(../images/CareerBoxBig.png); background-position: top; background-repeat: no-repeat; width: 390px; display:block; background-color: #DDE5ED;}	
	div.CareerBoxBigBottom {background-image: url(../images/CareerBoxBigBottom.png); background-position: top; background-repeat: no-repeat; width: 390px; display:block;}
	div.CareerBoxSmall {background-image: url(../images/CareerBoxSmall.png); background-position: top; background-repeat: no-repeat; width: 193px; display:block; background-color: #DDE5ED;}	
	div.CareerBoxSmallBottom {background-image: url(../images/CareerBoxSmallBottom.png); background-position: top; background-repeat: no-repeat; width: 193px; display:block;}
	div.division1 {background-image: url(../images/divsion1.png); background-position: top; background-repeat: no-repeat; width: 153px; display:block; margin:0px; padding:0px;}
	div.division2 {background-image: url(../images/divsion2.png); background-position: top; background-repeat: no-repeat; width: 153px; display:block; margin:0px; padding:0px;}	
	div.demoBg{background-image:url(../images/demo_bg.png); background-repeat:repeat-x; height: 36px}
	.demo {font-family: arial, helvetica, verdana, sans-serif; font-size: 12px; font-weight: bold; line-height: 13px; letter-spacing: .1em; color: #666666; }
	a.demo:visited, a.demo:link {text-decoration: none; background: transparent; color: #06345F;}
	a.demo:hover, a.demo:active {color: #0084FF;}
			
	div.landingBoxOrange {background-color: #FFF; background-image: url(../images/landing_boxOrange1.gif); background-position: top; background-repeat: no-repeat; width: 195px; display:block;}        
    div.landingBoxOrange2 {background-image: url(../images/landing_boxOrange2.gif); background-position: top; background-repeat: no-repeat; width: 195px; display:block; background-color: #FFF;}
    div.landingBoxBlue {background-color: #FFF; background-image: url(../images/landing_boxBlue1.gif); background-position: top; background-repeat: no-repeat; width: 195px; display:block;}        
    div.landingBoxBlue2 {background-image: url(../images/landing_boxBlue2.gif); background-position: top; background-repeat: no-repeat; width: 195px; display:block; background-color: #FFF;}
    div.landingBoxGreen {background-color: #FFF; background-image: url(../images/landing_boxGreen1.gif); background-position: top; background-repeat: no-repeat; width: 195px; display:block;}            
    div.landingBoxGreen2 {background-image: url(../images/landing_boxGreen2.gif); background-position: top; background-repeat: no-repeat; width: 195px; display:block; background-color: #FFF;}

/* end content */

/* footer */
	div.footer { background-color: #FFFFFF; color: #111111; border-top: 1px solid #145799; padding: 4px;}
	div.footer a:link, div.footer a:visited{color:#993333; font-weight:normal; text-decoration: underline;}
	div.footer a:active, div.footer a:hover{color:#000; font-weight:normal; text-decoration: underline;}
	.foot {font-family: arial, helvetica, verdana, sans-serif; font-size: 1em; font-weight: normal; color: #05557C; letter-spacing:.05em;}

/* MISC */

/* right align for spans */
.right {text-align: right; margin-top:5px;}
.smallDisplay {font-family: arial, helvetica, verdana, sans-serif; font-size: 1.1em; font-weight: bold; letter-spacing: .1em; color: #333333; margin-bottom:0px;}
.textBold {font-family: arial, helvetica, verdana, sans-serif; font-size: 12px; font-weight: bold; letter-spacing: .1em; color: #333333; margin-bottom:0px; text-align: justify;}
ol.whitelist, ul.whitelist {font-family: arial, helvetica, verdana, sans-serif; font-size: 11px; font-weight: bold; line-height: 16px; color: #FFFFFF; background: transparent; list-style-type:square; padding:0px 0px 5px 20px; margin:5px 0px 5px 5px;}
ol.greylist, ul.greylist {font-family: arial, helvetica, verdana, sans-serif; font-size: 11px; font-weight: bold; line-height: 16px; color: #000; background: transparent; list-style-type:square; padding:0px 0px 5px 20px; margin:5px 0px 5px 5px;}
ol.contentlist, ul.contentlist {font-family: arial, helvetica, verdana, sans-serif; font-size: 11px; font-weight: bold; line-height: 16px; color: #145799; background: transparent; list-style-type:square; padding:0px 20px 5px 20px; margin:5px 0px 5px 5px;}


/* org chart lists */
#OrgChart {margin-left: 0px; margin-right: 9px;}
#OrgChart ul{list-style-type: none; margin-left: 41px;}
#OrgChart li{list-style-type: none; margin:5px 0px 5px 0px; }
.level1 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;	list-style-type: none; background-color:#eaeaea; border: 1px solid #003366; padding: 5px; display:block;}
.level2 {background-position: left;	background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; background-color:#c6c6c6; border: 1px solid #003366; padding: 5px; display:block; list-style-image: url(../images/level2_bg.gif); list-style-position: outside;}
.level3 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;	list-style-image: url(../images/level2_bg.gif);	list-style-position: outside; background-color: #D8D5D5; border: 1px solid #003366; padding: 5px; display:block;}
.level4 {font-family: Arial, Helvetica, sans-serif;	font-size: 12px; font-weight: bold; list-style-image: url(../images/level2_bg.gif); list-style-position: outside; background-color: #E8EDF0; border: 1px solid #003366; padding: 5px; display:block;}
.level5 {font-family: Arial, Helvetica, sans-serif;	font-size: 12px; font-weight: bold;	list-style-image: url(../images/level2_bg.gif);	list-style-position: outside; background-color: #C7DBE6; border: 1px solid #003366; padding: 5px;display:block;}
a.OrgChart:visited, a.OrgChart:link {text-decoration: none; background: transparent; color: #06345F;}
a.OrgChart:hover, a.OrgChart:active {color: #FFCC00;}
/* end org chart lists */