/***************************** XXXX STYLES *****************************/
/************************* END XXXX STYLES *****************************/

/** COMMENT **/





a img {							/** USE TO KEEP BORDERS OFF OF HYPERLINKED IMAGES **/
	border: none 		/** FOR MAP IMAGES USE CLASS=MAPIMAGE **/
}
a:link {					/** USE TO CONTROLL STANDARD HYPERLINK APPEARANCE (IF DESIRED) **/
	/** color: #CC0000		use on Aero site to get red hyperlinks  **/
	text-decoration:none;
}
a:visited {
	text-decoration: none;
	color: #800080;
	/**  color: #8B0000		use on Aero site to get dark red visited hyperlinks  **/
}
a:hover {
	text-decoration:underline;
}
a:active {
}


a.blue:link {					/** used for latest news links on home page  **/
	color: #336699;
}


a.wht:link {					/** USE WHEN NEED A WHITE HYPERLINK  **/
	color: #FFFFFF;
	text-decoration:underline;
}
a.wht:visited {	
	color: #FFFFFF;
}
a.wht:hover {	
	color: #FFFFFF;
	text-decoration:underline;
}
a.wht:active {	
	color: #FFFFFF;
}


#autoreply {					/** use for auto reply forms, to get smaller window, centered  **/
	padding: 10px;
	margin-left: 250px;
	max-width: 600px;															/** MAX WIDTH FOR NON-IE BROWSERS ***/					
	width:expression(document.body.clientWidth>600?"600px":"auto");				/** MAX WIDTH FOR IE  ***/
}





.backgroundadd8e6 {							/** Background Color = light blue (mandatory on forms)  **/
	background-color: #ADD8E6;
}

.backgroundffff99 {							/** Background Color = light yellow (not mandatory on forms)  **/
	background-color: #FFFF99;
}

body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 0.9em;
	color:#000000;
}


.boldblue {
	font-weight: bold;
	color: #336699;
}
.boldblueital {
	font-weight: bold;
	font-style:italic;
	color: #336699;
}




.clearfix:after {	/** HACK TO FORCE A FLOAT DOWN **/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


#container {
	margin: 0px;
	padding: 0;
}


/***************************** Generic DIV STYLES *****************************/

.div floatleft {
	float: left;
	width: 100%;
	clear: left;
}




/************************* END Generic DIV STYLES *****************************/





.floatleft {
	float: left;
}













/***************************** PAGE FOOTER STYLES *****************************/

#footer {
	padding: 10px;
	background-color: #ffffff;
	font-size: 0.8em;
	border-top-style: solid;
	border-top-color: #C0C0C0;
	border-top-width: 1px;
	margin-left: 170px;
	margin-top: 50px;
	clear: both;
	max-width: 1400px;							 							/** MAX WIDTH FOR NON-IE BROWSERS ***/
	width: expression(document.body.clientWidth>1600?"1600px":"auto");
}

#footernomenu {
	padding: 10px;
	background-color: #ffffff;
	font-size: 0.8em;
	border-top-style: solid;
	border-top-color: #C0C0C0;
	border-top-width: 1px;
	margin-left: 0px;
	margin-top: 50px;
	clear: both;
	max-width: 1400px;												 		/** MAX WIDTH FOR NON-IE BROWSERS ***/
	width: expression(document.body.clientWidth>1600?"1600px":"auto");
}












/************************* END PAGE FOOTER STYLES *****************************/


/***************************** FORM STYLES *****************************/


.forma {							/** FORM A   DOESN'T USE A TABLE   **/
}
.forma fieldset {
	border-style: none;
}
.forma input {						/** DEFAULT IS MANDATORY, BLUE BACKGROUND **/
	color: #000000;
	background: #ADD8E6;
	border: 1px solid #336699;
}

.forma input.notman {				/** NOT MANDATORY, LT YELLOW BACKGROUND **/
	color: #000000;
	background: #FFFF99;
	border: 1px solid #336699;
}
.forma input.opt {					/** OPTIONAL, WHITE BACKGROUND **/
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #336699;
}
.forma input.reset {
	margin-left: 30px;
}
.forma input.resetlink {			/** makes the reset look like a link **/
	color: #00f;
	background-color: transparent;
	text-decoration: underline;
	border: none;
	cursor: pointer;
	cursor: hand;
	margin-left: 50px;
}
.forma input.submit {
	margin-left: 210px;
}
.forma input.submitlink150 {				/** makes the submit look like a link **/
	margin-left: 150px;
	color: #00f;
	background-color: transparent;
	text-decoration: underline;
	border: none;
	cursor: pointer;
	cursor: hand;
}
.forma input.submitlink200 {				/** makes the submit look like a link **/
	margin-left: 200px;
	color: #00f;
	background-color: transparent;
	text-decoration: underline;
	border: none;
	cursor: pointer;
	cursor: hand;
}
.forma input.submitlink250 {				/** makes the submit look like a link **/
	margin-left: 250px;
	color: #00f;
	background-color: transparent;
	text-decoration: underline;
	border: none;
	cursor: pointer;
	cursor: hand;
}















.forma label.lft150 {
	float: left;
	width: 150px;
	text-align: left;
	margin-right: 10px;
	display: block;
	clear: both;
}
.forma label.lft200 {
	float: left;
	width: 200px;
	text-align: left;
	margin-right: 10px;
	display: block;
	clear: both;
}
.forma label.lft250 {
	float: left;
	width: 250px;
	text-align: left;
	margin-right: 10px;
	display: block;
	clear: both;
}
.forma label.rt200 {
	float: left;
	width: 200px;
	text-align: right;
	margin-right: 10px;
	display: block;
	clear: both;
}
.forma select {
	color: #000000;
	background: #ADD8E6;
	border: 1px solid #336699;
}




form jumpto {
}
form jumpto fieldset {
}
form jumpto value {
}


.formsearchbox {
	margin: 0px;
}
.formsearchbox input {
	margin-left: 3px;
}
.formsearchbox input.submit {
	margin-left: 3px;
	margin-right: 0px;
}










/************************* END FORM STYLES *****************************/


/***************************** HEADER AREA STYLES (h1  h2  etc)*****************************/

h1 {
	color: #336699;
	font-size: 2.0em;
}

h1.aero {
	color: #333333;
	font-size: 2.0em;
}

h1.red {
	color: #CC0000;
	font-size: 2.0em;
}

h2 {
	color: #336699;
	font-size: 1.5em;
}

h2.aero {
	color: #333333;
	font-size: 1.5em;
}

h2.bolditalic{
	color: #336699;
	font-size: 1.25em;
	font-style: italic;
	font-weight: bold;
}

h3 {
	color: #336699;
	font-size: 1.25em;
	margin-bottom: 5px;			/** NOTE - NOT MUCH BOTTOM MARGIN SO TEXT BELOW IS TIGHTER **/
}

h3.aero {
	color: #333333;
	font-size: 1.25em;
	margin-bottom: 5px;			/** NOTE - NOT MUCH BOTTOM MARGIN SO TEXT BELOW IS TIGHTER **/
}

h3.boldital {		/** BOLD ITALIC  **/
	color: #336699;
	font-size: 1.0em;
	font-style: italic;
	font-weight: bold;
	text-align: left;
}

h3.underlineaero {
	color: #333333;
	font-size: 1.25em;
	text-decoration: underline;
	margin-bottom: 5px;			/** NOTE - NOT MUCH BOTTOM MARGIN SO TEXT BELOW IS TIGHTER **/
}

/************************* END HEADER AREA STYLES *****************************/


/***************************** PAGE HEADER STYLES *****************************/

#header {
	margin: 0px;
	background-position: left top;
	width: auto;
	padding: 0;
	overflow: auto;
	background-image: url('../../_templates/images/headergrays.gif');
	background-repeat: repeat-x;
}


#headerlogo {
	float: left;
	border-width: 0px;
	padding: 0px;
}

#headerrt {
	float: right;
	margin-right: 10px;
	margin-top: 90px;
	color: #336699;
	padding: 0px;
}



.highlight {						/* highlight color for Zoom Search findings */
	background: #FFFF40;
}



/************************* END PAGE HEADER STYLES *****************************/


/***************************** MAIN AREA STYLES *****************************/

#main {
	width: auto;
	background-color: #e4effe;
	max-width: 1400px; 												/** MAX WIDTH FOR NON-IE BROWSERS ***/;
	width: expression(document.body.clientWidth>1600?"1600px":"auto");
}
#mainaero {													/* used on Aero's masters for light gray left menu background */
	width: auto;
	background-color: #dcdcdc;
	max-width: 1400px; 												/** MAX WIDTH FOR NON-IE BROWSERS ***/;
	width: expression(document.body.clientWidth>1600?"1600px":"auto");
}
#mainnomenu {						/** used on Search page ***/
	width: auto;
	background-color: #ffffff;
	max-width: 1400px; 													/** MAX WIDTH FOR NON-IE BROWSERS ***/;
	width: expression(document.body.clientWidth>1600?"1600px":"auto");
}



#main-body {					/** used on pages with a left menu  ***/
	padding: 10px;
	margin-left: 170px;
	background-color: #ffffff;
}
#main-bodyhomepage {
	padding: 10px;
	margin-left: 170px;
	background-color: #ffffff;
	margin-right: 125px;
}

#main-bodynomenu {							/** used on pages without a left menu  ***/
	padding: 10px;
	max-width: 1400px;**/																/** MAX WIDTH FOR NON-IE BROWSERS ***/					
	width:expression(document.body.clientWidth>1600?"1600px":"auto");				/** MAX WIDTH FOR IE  ***/
}
#main-homepage {
	width: auto;
	background-color: #ffffff;
	max-width: 1400px;															 /** MAX WIDTH FOR NON-IE BROWSERS ***/;
	width: expression(document.body.clientWidth>1600?"1600px":"auto");
}
#main-homepageleft {
	background-color: #e4effe;
	float: left;
	width: 160px;
	padding-left: 5px;
	padding-top: 15px;
	padding-right: 5px;
}
#main-homepageleftaero {															/*  used for gray instead of blue on AERO  */
	background-color: #dcdcdc;
	float: left;
	width: 160px;
	padding-left: 5px;
	padding-top: 15px;
	padding-right: 5px;
}
#main-homepageright {
	background-color: #ffffff;
	float: right;
	width: 100px;
	padding-left: 5px;
	padding-top: 15px;
	padding-right: 5px;
	overflow: hidden;
	text-align: center;
}



	
				/******************* MULTIPLE COLUMNS *******************/

.mainrow {									/* Use to keep the divs in a row */
	/*float: left;*/						/* removed to get background ok on location pages */
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
	/*background-color: #ffffff;*/
}


.mainrowhomepage {					/* Use on home page */
	float: left;	
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
	margin-top: 0px;
	background-color: #ffffff;
}







/*------Columns: Note they dont add up to 100%, this is intentional to avoid problems!----------*/ 

.mainrowfull {	/* Full width column */
	float: left;
	width: 99%;
}	
.mainrowfullcent {	/* Full width column, centered column */
	float: left;
	width: 99%;
	text-align: center;
}	
.mainrowhalf {	/* Half width centered column */
	float: left;
	text-align: center;
	width: 49%;
}
.mainrowhalftl {	/* Half width text left column */
	float: left;
	text-align: left;
	width: 49%;
}
.mainrowthrd {	/* One third width centered column */
	background-position: 0% 0%;
	float: left;
	text-align: center;
	width: 33%;
}
.mainrowthrdtl {	/* One third width text left column */
	float: left;
	text-align: left;
	width: 33%;
}
.mainrowqtr {		/* One quarter width centered column */
	float: left;
	text-align: center;
	width: 24%;
}
.mainrowqtrtl {		/* One quarter width text left column */
	float: left;
	text-align: left;
	width: 24.5%;
}
.mainrowqtri {		/* One quarter width image centered column */
	float: left;
	line-height: inherit;
	margin-top: 20px;
	text-align: center;
	width: 24.5%;
}
.mainrow2thrd {		/* Two third width centered column */
	float: left;
	text-align: center;
	width: 66.0%;
}
.mainrow2thrdtl {		/* Two third width text left column */
	float: left;
	text-align: left;
	width: 66.0%;
}
.mainrow3qtr {		/* Three quarter width centered column */
	float: left;
	text-align: center;
	width: 74.5%;
}
.mainrow3qtrtl {		/* Three quarter width text left column */
	float: left;
	text-align: left;
	width: 74.5%;
}

.mainrow6across {			/* 6 centered columns */
	float: left;
	text-align: center;
	width: 16.5%;
}
.mainrow7across {			/* 7 centered columns */
	float: left;
	text-align: center;
	width: 14.14%;
}
.mainrow8across {			/* 8 centered columns */
	float: left;
	text-align: center;
	width: 12.375%;
}
.mainrow9across {			/* 9 centered columns */
	float: left;
	text-align: center;
	width: 11%;
}
.mainrow10across {			/* 10 centered columns */
	float: left;
	text-align: center;
	width: 9.9%;
}
.mainrow40tl {	/* Half width text left column */
	float: left;
	text-align: left;
	width: 40%;
}
.mainrow42point44 {			/* used on HSC home page */
	float: left;
	text-align: center;
	width: 42.44%;
}
.list {                     /* used to align "list" items to the left */
	text-align: left;
	list-style: none; 
}





/***************************** MAP STYLES *****************************/

.mapimage {				/** THIS KEEPS A BORDER OFF OF MAP IMAGES  **/
	border:none;
}


/************************* END MAP STYLES *****************************/


/************************* END MAIN AREA STYLES *****************************/


#navleft {
	width: 140px;
	float: left;
}

#navbartop {								/*  used for HSC site  */
	text-align: right;
	color: #c0c0c0;
	background-color: #336699;
	margin-left: 255px;
	height: 22px;
	padding-top: 1px;
}
#navbartopaero {							/*  used for Aero site  */
	text-align: right;
	color: #c0c0c0;
	background-color: #cc0000;
	margin-left: 255px;
	height: 22px;
	padding-top: 1px;
}
#navbartopigs {								/*  used for IGS site  */
	text-align: right;
	color: #c0c0c0;
	background-color: #006600;
	margin-left: 255px;
	height: 22px;
	padding-top: 1px;
}

#navbartopnomenu {					/*  used on HSC Search page  */
	background-color: #336699;
	margin-left: 0px;
	height: 22px;
	padding-top: 1px;
}
#navbartopnomenuaero {					/*  used on HSC Search page  */
	background-color: #cc0000;
	margin-left: 0px;
	height: 22px;
	padding-top: 1px;
}
#navbartopnomenuigs {					/*  used on HSC Search page  */
	background-color: #006600;
	margin-left: 0px;
	height: 22px;
	padding-top: 1px;
}



/***************************** NAVIGATION STYLES *****************************/

/************************* END NAVIGATION STYLES *****************************/


p {
	margin-top: 0em;
	margin-bottom: .9em;
	text-align: left;	
}
p.boldblue {
	font-weight: bold;
	color: #336699;
}
p.boldred {
	font-weight: bold;
	color: #CC0000;
}
p.boldgreen {
	font-weight: bold;
	color: #006600;
}
p.cent {
	margin-top: 0em;
	margin-bottom: .9em;
	text-align: center;	
}

p.centbold {
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: .9em;
	text-align: center;
}

p.centboldblue {
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: .9em;
	text-align: center;
	color: #336699;
}
p.clear {
	clear: both;
}
p.clearspacer {
	clear: both;
	font-size: 2.0em;
}

p.homepageorderonline {
	margin-left: 25px;
	margin-bottom: 0px;
}

p.right {
	margin-top: 0em;
	margin-bottom: .9em;
	text-align: right;	
}
p.rt100 {					/* Use to shift paragraph to right 100 pixels */
	margin-left: 100px;
	margin-top: 0em;
	margin-bottom: .9em;
	text-align: left;	
}
p.rt150 {					/* Use to shift paragraph to right 150 pixels */
	margin-left: 150px;
	margin-top: 0em;
	margin-bottom: .9em;
	text-align: left;	
}






p.spacer {
	font-size: 2.0em;
}


p.tabstop1 {				/* Use for indented list below standard left aligned */
	padding-left: 1.0em;
}

p.ulheader {
	margin-bottom: -.5em;
}


#searchbox {
	width: 250px;
	float: left;
	padding-left: 3px;
}









/***************************** SPAN COLOR STYLES *****************************/

span.coloradd8e6 {
	background-color: #ADD8E6;
}

/************************* END SPAN COLOR STYLES *****************************/



/***************************** TABLE STYLES *****************************/

table.a {							/* Standard Table */
	text-align: center;
	width: 100%;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}
table.a td {
	border-color: #CCC;
	background-color: #FFF;
	color: #000;
	padding: 4px;
	text-align: left;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
}
table.a td.cent {					/* centered text in heading */
	border-color: #CCC;
	background-color: #FFF;
	color: #000;
	padding: 4px;
	text-align: center;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
}
table.a td.head {					/* standard size text in heading */
	background-color: #C0C0C0;
	color: #fff;
	padding: 4px;
	text-align: left;
	border-bottom: 2px #fff solid;
	font-weight: bold;
	border-bottom-color: #CCC;
	}
table.a td.headtxl {				/* larger size text in heading */
	background-color: #C0C0C0;
	color: #FFFFFF;
	padding: 4px;
	text-align: left;
	border-bottom: 2px #fff solid;
	font-weight: bold;
	border-bottom-color: #FFF;
	font-size: large;
	border-bottom-width: thick;
}
table.a tr.spacer {
	height: 60px;
}



table.forminstr {
	/* Table above a form that doesn't use a table, has instructions */
	margin-left: 10px;
	border-collapse: collapse;
}
table.forminstr td.leftcol150 {
	width: 150px;
	text-align: right;
}
table.forminstr td.leftcol200 {
	width: 200px;
	text-align: right;
}
table.forminstr td.leftcol250 {
	width: 250px;
	text-align: right;
}
table.forminstr td.leftcol300 {
	width: 300px;
	text-align: right;
}
table.forminstr td.leftcol500 {
	width: 500px;
	text-align: right;
}
table.forminstr td.gap {				/*  need a gap  */
	width: 3px;
}
table.forminstr td.rtcolman {			/*  Mandatory = light blue  */
	border: 1px solid #336699;
	background-color: #ADD8E6;
	width: 100px;
}
table.forminstr td.rtcolnotman {		/*  Not Mandatory = yellow  */
	border: 1px solid #336699;
	background-color: #FFFF99;
	width: 100px;
}
table.forminstr td.rtcolopt {			/*  Optional = white  */
	border: 1px solid #336699;
	background-color: #FFFFFF;
	width: 100px;
}





table.howapply {				/* Table on How to Apply for a Job page */
	text-align: left;
	width: 75%;
	border: 0px;
	border-collapse: collapse;
	border-color: #CCC;
	border-spacing: 0px;
}
table.howapply td.leftcol{
	background-color: #FFF;
	color: #000;
	padding: 4px;
	text-align: right;
	border: 1px #fff solid;
}
table.howapply td.midcol{
	background-color: #FFF;
	color: #000;
	padding: 4px;
	text-align: right;
	border: 1px #fff solid;
}
table.howapply td.rtcol{
	padding: 4px;
	text-align: left;
	border: 1px #fff solid;
}

/************************* END TABLE STYLES *****************************/






.textadd8e6 {
	background-color: #ADD8E6;
}

.textffff99 {
	background-color: #FFFF99;
}

.textorange {
	color: orange;
	font-weight: bold;
}

.textbluebold {
	color: #336699;
	font-weight: bold;
}

.textcc0000bold {						/** used on Aero to match Aero red **/
	color: #cc0000;
	font-weight: bold;
}












/***************************** LIST STYLES *****************************/

ul li {
}

ul.bluebul {					/** USE FOR HSC BLUE BULLETTED LIST **/
	list-style-image: url('../images/misc/bulletarrowblue.gif');
}
ul.greenbul {					/** USE FOR IGS GREEN BULLETTED LIST **/
	list-style-image: url('../images/misc/bulletarrowgreen.gif');
}
ul.redbul {					/** USE FOR AERO RED BULLETTED LIST **/
	list-style-image: url('../images/misc/bulletarrowred.gif');
}

ul.bluebulhschomepage {					/** USE FOR HSC BLUE BULLETTED LIST ON HOME PAGE**/
	list-style-image: url('../images/misc/bulletarrowblue.gif');
	margin-top: 0px;
}

ul.greenbuligshomepage {					/** USE FOR IGS GREEN BULLETTED LIST ON HOME PAGE**/
	list-style-image: url('../images/misc/bulletarrowgreen.gif');
	margin-top: 0px;
}

ul.redbulaerohomepage {					/** USE FOR AERO RED BULLETTED LIST ON HOME PAGE**/
	list-style-image: url('../images/misc/bulletarrowred.gif');
	margin-top: 0px;
}



ul li.spaced {
	margin-top: 1.0em;
}





#ulclear {	/** USE WHEN UL DOESN'T STAY UNDER UPPER FLOATING DIV **/
	clear: both;
}

ul.nobullet {
	list-style-type: none;
}



#underheader {
	clear: both;
	background-color: #efefef;
	padding-top: 6px;
	padding-bottom: 6px;
	margin: 0px;
}






/************************* END LIST STYLES *****************************/