@charset "utf-8";
/* CSS Document */

html {margin-left: auto; margin-right: auto; height: 100%; }

body {width: 88%; background-color:#232323;font-family: Arial, Helvetica1, sans-serif;font-size: 0.9em;
text-align: left;margin-left: auto; margin-top: 10px;margin-right: auto;background-image:url(images/bodybg.jpg); background-position:right top; background-repeat:no-repeat;}

#wrapper {margin-left: auto; margin-right: auto; height: 100%; }

#topbg {height: 30px;margin-left: auto;margin-right: auto;}

#top {height: 99px;width: 100%;margin-left: auto;margin-right: auto; margin-top: 0px;  background-image:url(NEWIMAGES/masthead1.jpg); background-repeat:no-repeat; background-position: top; }
#top img {margin-left: 10px;}

#top p {text-align: right; color: #333; font-size: 1.8em; margin-right: 15px; padding-top: 25px; margin-top: 0px;}

#banner {width: 100%; height: 70px;margin-left: auto;margin-right: auto;border-top: 0px solid #FFF;filter:alpha(opacity=63);-moz-opacity:.63;opacity:.63; }

.banner {width: 90%; height: 50px;margin-left: auto;margin-right: auto; float: left; margin-top: 20px; margin-bottom: 20px;}

h1{font-family:   Arial, Helvetica, sans-serif;  color: #FFF; font-weight: bold; font-size: 1.8em; margin-top: 0px; margin-left: 10px;}
h2 {font-family: Arial, Helvetica, sans-serif;  color: #fff; font-size: 1.4em; padding-top: 0px; margin-top: 0px; margin-left: 10px; }
h3 {color: #999; font-size: 1.2em;margin-left: 10px; }

#container {width: 100%; margin-left: auto;margin-right: auto;margin-top: 0px;height: 100%; }

#contentLeft {width: 169px; height:auto; margin-top: 0px; display: block;float: left;margin-left: 10px;margin-right: auto; background-color: #006699; }

#flash {margin-left: auto; padding-left: 0px; margin-right: auto; padding-right: 0px;width: 179px; height: 179px; margin-top: 10px; border-bottom: 20px solid #232323;}

.flash {margin-left: auto; padding-left: 0px; margin-right: auto; padding-right: 0px;width: 179px; height: 179px; margin-top: 10px; border-bottom: 20px solid #232323;}

#content {float: left; width: 100%;  margin-left: 0px; margin-right: auto;  margin-top: 0px; padding-top: 5px;
   padding-left: 10px; padding-right: 0px;
	}
	
#content p { color: #333; margin-right: auto; margin-left: auto;}
#content ul {padding-right: 20px;padding-left: 20px;color: #fff;}
#content li {margin-left: 20px;color: #fff;}


#content form {  width: 96%; margin-left: auto; margin-right: auto;}

#contentText {width: 77%; height: auto; float: left; margin-top: 0px; margin-left: 10px; margin-bottom: 10px; padding-bottom: 15px; color: #fff; }
#contentText p {color: #fff; padding-left: 10px; margin-right: 0px;}
#contentText ul {margin-right: 160px; }
#contentText form {width: 300px; margin-left: 5px; margin-right: auto; padding-left: 5px;}
#contentText td {padding: 3px;border-bottom: 0px dotted #ccc;border-right: 0px dotted #ccc;  }
#contentText table {border-left: 0px dotted #ccc; border-top: 0px dotted #ccc;}
#contentText input {border: 1px solid #ccc; color: #cadb2a; background-color: #232323 !important; margin-top: 2px;}
#contentText input.submit {border: 1px solid #ccc; color: #cadb2a; background-color: #232323; margin-top: 10px; font-size: 1.1em;}
#contentText select {border: 1px solid #ccc; color: #333;background-color: #232323;}
#contentText textarea {border: 1px solid #ccc; color: #cadb2a; background-color: #232323; font-family:Arial, Helvetica, sans-serif; font-size: 0.9em;}
#contentText input .MicroButton{border: 1px dotted #ccc; color: #333;}

#contentText a {color: #cadb2a; text-decoration: none;}
#contentText a:link {color: #cadb2a; text-decoration: underline;}
#contentText a:visited {color: #cadb2a; text-decoration: underline;}
#contentText a:hover {color: #ccc; text-decoration: underline;}
#contentText a:active {color: #ccc; text-decoration: underline;}



#LowerLeftSide{	clear:both;	float: left;	width: 179px;	height:auto;	margin-top: 0px;
	margin-right: 0px;	margin-bottom: 0px;	margin-left: 0px;	padding-top: 0px;
	padding-right: 0px;	padding-left: 0px;	border-bottom: 0px solid #74A6C7;	
	display: block; font-weight: bold;}
	
#LowercontentText {width: 77%; height: auto; float: left; margin-top: 10px; margin-bottom: 10px; padding-bottom: 15px; color: #fff;  position: relative; }
#LowercontentText p {color: #fff; padding-left: 25px; margin-right: 10px;}
#LowercontentText ul {margin-right: 160px; }
#LowercontentText form {width: 94%; margin-left: auto; margin-right: auto;}
#LowercontentText td {padding: 3px;border-bottom: 0px dotted #ccc;border-right: 0px dotted #ccc;  }
#LowercontentText table {border-left: 0px dotted #ccc; border-top: 0px dotted #ccc;}
#LowercontentText input {border: 1px dotted #F26619; color: #333; background-color: #F5F5F5;}
#LowercontentText select {border: 1px dotted #ccc; color: #333;}
#LowercontentText input .MicroButton{border: 1px dotted #ccc; color: #333;}

#LowercontentText a {color: #cadb2a; text-decoration: none;}
#LowercontentText a:link {color: #cadb2a; text-decoration: underline;}
#LowercontentText a:visited {color: #cadb2a; text-decoration: underline;}
#LowercontentText a:hover {color: #ccc; text-decoration: underline;}
#LowercontentText a:active {color: #ccc; text-decoration: underline;}

.joblinks{ font-family: Arial, Helvetica, sans-serif;	font-size: 1.0em; font-weight:normal; color: #F26619; text-decoration: none; padding: 3px;}

a:link.joblinks {	font-family: Arial, Helvetica, sans-serif;font-size: 1.0em; font-weight: normal; color: #F26619; text-decoration: none;padding: 3px;}

a:visited.joblinks{	font-family:  Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: normal; color: #f68620; text-decoration: none;padding: 3px;}

a:hover.joblinks{font-family: Arial, Helvetica, sans-serif;font-size: 1.0em; font-weight: normal; color: #f68620;  text-decoration: underline;padding: 3px;}

a:active.joblinks{font-family: Arial, Helvetica, sans-serif;	font-size: 1.0em; font-weight: normal; color: #f68620; text-decoration: underline;padding: 3px; }

p.Micro {display: none;}
table.Micro {font-family: Arial, Helvetica, sans-serif; font-size:1.0em; color:#333; border-collapse:collapse;}
tr.MicroHeader {display: none;}
tr.MicroItem { padding:2px; margin-left: 5px;border-bottom: 0px dotted #CCC;}
tr.MicroAltItem { padding:2px; border-bottom: 0px dotted #CCC;}
#MSearch2.joblinks {width: 400px;}
#MSearch1.joblinks {width: 400px;}
title {font-size:1.3em; font-weight:bold; color:#F60; padding:5px; text-align: left; }

bold, strong {color: #fff; font-weight: bold;}

hr {display: none;}


.footerContent { font-family: Arial, Helvetica, sans-serif; width: 98%; margin-left: 0px; margin-right: auto; padding: 10px;  }

#footer {zbackground-color: #333; font-family: Arial, Helvetica, sans-serif; margin-top: 0px;margin-left: auto; margin-right: auto; width: 100%; min-width: 760px; height: auto;float: left;  color: #666; padding: 5px 0px 5px 0px; font-size: 0.74em; border-top: 0px solid #fff; }

#footer a { font-family: Arial, Helvetica, sans-serif; margin: 0 0.5em; font-weight: bold;  }
#footer a:link, #footer a:visited { font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; }
#footer a:hover, #footer a:focus { font-family: Arial, Helvetica, sans-serif; color: #F26619; text-decoration: none; }
#footer a img { border: none; float: left; margin: -5px 9px 0 15px;  }
#footer a.hayslogo { border: none; }




/*********** #navBar link styles ***********/

#navBar{	clear:both;	float: left;	width: 179px;	height:auto;	margin-top: 0px;
	margin-right: 0px;	margin-bottom: 0px;	margin-left: 0px;	padding-top: 0px;
	padding-right: 0px;	padding-left: 0px;	border-bottom: 0px solid #74A6C7;	
	display: block; font-weight: bold;}


#navBar ul {list-style: none; margin: 0px; padding: 0px;border-bottom: 20px solid #232323; }

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 0px solid #FFF;  }
#navBar ul li{list-style: none; margin: 0px; padding: 0px; }
#navBar ul li a{	list-style: none; 	margin: 0px; 
	padding-top: 4px;	padding-right: 3px;	padding-bottom: 4px; 	padding-left: 6px; border-bottom: 0px solid #FFF; }

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none; margin: 0px; }




/*********** .sideLinks styles ***********/

.sideNavLinks{	color: #E3E3C4;	font-family: Arial,sans-serif;	font-size: 1.1em;
	padding-top: 1px;	padding-right: 1px;	padding-bottom: 1px;	padding-left: 0px;
	clear: both;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 0px;}

.sideNavLinks ul {	display: block; 	color: #FFF;
	text-decoration: none;	margin: 0px; margin-bottom: 40px;}

.sideNavLinks ul li {	display: block; color: #FFF;
	text-decoration: none;	margin: 0px;}


.sideNavLinks a:link {	display: block; 	color: #FFF;
		text-decoration: none;	border: 0px solid #8FA0CD;
	padding-top: 3px;	padding-right: 3px;	padding-bottom: 3px;	padding-left: 6px;}
	
.sideNavLinks a:visited {	display: block; color: #FFF;	
	text-decoration: none;	border: 0px solid #8FA0CD;	padding-top: 3px;
	padding-right: 3px;	padding-bottom: 3px;	padding-left: 6px;}

.sideNavLinks a:hover{	display: block; 	color: #999;	
	text-decoration: none;	border: 0px solid #005399;	padding-top: 3px;
	padding-right: 3px;	padding-bottom: 3px;	padding-left: 6px;}

.sideNavLinks a:active{	display: block; 
	color: #FFF;	text-decoration: none;	border: 0px solid #005399;
	padding-top: 3px;	padding-right: 3px;	padding-bottom: 3px;	padding-left: 6px;}

.sideNavLinksSel{	font-family: Arial,sans-serif;	
	color: #00ff00;	margin-top: 0px;	margin-right: 0px;
	margin-bottom: 1px;	margin-left: 0px;	font-size: 1.1em;
	text-decoration: none;	padding-top: 1px;	padding-right: 1px;
	padding-bottom: 1px;	padding-left: 0px;	clear: both;}

.sideNavLinksSel a:link{	color: #232323;	background-color: #cadb2a;
	border: 0px solid #005399;	padding-top: 3px;	padding-right: 3px;
	padding-bottom: 3px;	padding-left: 6px;	text-decoration: none;	clear: both;	display: block; }

.sideNavLinksSel a:visited{	color: #232323;	background-color: #cadb2a;	border: 0px solid #005399;
	padding-top: 3px;	padding-right: 3px;	padding-bottom: 3px;	padding-left: 6px;
	text-decoration: none;	clear: both;	display: block; }

.sideNavLinksSel a:hover{	color: #232323;		border: 0px solid #005399;
	padding-top: 3px;	padding-right: 3px;	padding-bottom: 3px;	padding-left: 6px;
	text-decoration: none;	clear: both;	display: block; }

.sideNavLinksSel a:active{	color: #232323;	
	border: 0px solid #005399;	padding-top: 3px;	padding-right: 3px;
	padding-bottom: 3px;	padding-left: 6px;	text-decoration: none;	clear: both;	display: block; }
	
.sideNavLinksSel ul {	display: block; 	
	color: #00ff00;	text-decoration: none;	margin: 0px;}

.sideNavLinksSel ul li {	display: block; 	color: #cadb2a;	text-decoration: none;
	margin: 0px;}


/************* #Sub Nav styles ***************/

.subNavLinks{
	color: #fff;	font-family: Arial,sans-serif;	font-size: 1.0em;
	padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;
	clear: both;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 0px;}

.subNavLinks ul {	display: block; 		color: #FFF;	text-decoration: none;	margin: 0px;}

.subNavLinks ul li {	display: block; 		color: #FFF;
	text-decoration: none;	margin: 0px;}

.subNavLinks a:link {	display: block; 	color: #FFF;	
	text-decoration: none;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
	
.subNavLinks a:visited {	display: block; 	color: #FFF;	
	text-decoration: none;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}

.subNavLinks a:hover{	display: block; 	color: #FFF;		text-decoration: none;	padding-top: 0px;
	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}

.subNavLinks a:active{	display: block; 		color: #FFF;	text-decoration: none;	padding-top: 0px;
	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}



	
	
.subNavLinksSel{	font-family: Arial,sans-serif;	
	color: #FFF;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 1px;	margin-left: 0px;
	font-size: 1.0em;	text-decoration: none;	padding-top: 1px;	padding-right: 1px;	padding-bottom: 1px;
	padding-left: 0px;	clear: both;}

.subNavLinksSel a:link{	color: #FFF;	
		padding-top: 3px;	padding-right: 3px;	padding-bottom: 3px;	padding-left: 6px;
	text-decoration: none;	clear: both;	display: block; }

.subNavLinksSel a:visited{	color: #FFF;
	background-color: #8c8c8c;	padding-top: 3px;	padding-right: 3px;
	padding-bottom: 3px;	padding-left: 6px;	text-decoration: none;
	clear: both;	display: block; }

.subNavLinksSel a:hover{	color: #FFF;		padding-top: 3px;	padding-right: 3px;
	padding-bottom: 3px;	padding-left: 6px;	text-decoration: none;	clear: both;	display: block; }

.subNavLinksSel a:active{	color: #FFF;	padding-top: 3px;	padding-right: 3px;
	padding-bottom: 3px;	padding-left: 6px;	text-decoration: none;	clear: both;	display: block; }
	
.subNavLinksSel ul {	display: block; 	color: #FFF;	text-decoration: none;	margin: 0px;}

.subNavLinksSel ul li {	display: block; 	color: #FFF;	text-decoration: none;	margin: 0px;}