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


h1, h2, .side_menu_title, .os_title {
	font-family:arial, tahoma, sans-serif;}

h1, h1 b, h2 b, h3 b {	font-weight:normal;}

h1, .os_title {	font-size:2.0em;}

h1 {	margin:10px 0 8px 3px;}

h2, #library.promotions h2 {
	font-size:1.6em;	margin:1.3em 0 3px 3px;	font-weight:normal;}

h3, #library.promotions h3 {	font-size:1.3em;	margin:1.2em 15px 8px 3px;	font-weight:normal;}

h4 {	font-size:1em;	font-weight:bold;	margin:10 15px 0 3px; color: #009966;}

h1, h2, h3, h4, p {	margin-left:3px;	padding:0;}


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

body {width: 770px; background-color:#fff;	font-family:verdana,helvetica,arial,sans-serif;font-size: 0.9em;
text-align: left;margin-left: 0px; margin-top: 0px;margin-right: auto; zbackground-image:url(NEWIMAGES/bg.jpg); background-position:left bottom; background-repeat:repeat;}

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

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

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

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

#banner {width: 770px; height: 162px;background-color: #ccc;margin-left: auto;margin-right: auto;border-top: 5px solid #FFF; background-image:url(IMAGES/newbanner.jpg); background-repeat:no-repeat; background-position: top;}


#container {width: 927px; 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: 169px; height: 671px; }

#content {float: left; width: 760px; background-color: #fff; margin-left: 0px; margin-right: auto;  margin-top: 10px; padding-top: 0px;
   padding-left: 10px; padding-right: 0px;
	background-image:url(IMAGES/reflection666.jpg); background-position:center top; background-repeat:no-repeat;}
	
#content p { color: #333; margin-right: auto; margin-left: auto;}
#content ul {padding-right: 20px;padding-left: 20px;color: #333;}
#content li {margin-left: 20px;color: #333;}


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

#contentText {width: 622px; height: auto; float: left; margin-top: 0px; margin-left: 15px; margin-bottom: 10px; padding-bottom: 15px; color: #333; background-color: #fff; background-image:url(NEWIMAGES/content_bg.gif); background-repeat:no-repeat; background-position: right top; font-size: 0.9em;}
#contentText p {color: #333; padding-left: 3px; margin-right: 10px;}
#contentText ul {margin-right: 160px; }
#contentText form {width: 94%; margin-left: auto; margin-right: auto;}
#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 dotted #ccc; color: #333; background-color: #F5F5F5;}
#contentText select {border: 1px dotted #ccc; color: #333;}
#contentText input .MicroButton{border: 1px dotted #ccc; color: #333;}

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

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

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

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

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

p.Micro {display: none;}
table.Micro {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; color:#333; border-collapse:collapse;}
tr.MicroHeader {background-color: #009966; color: #FFF;}
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: #333; font-weight: bold;}

hr {display: none;}

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

.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: 1px solid #009966; }

#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: #f00; text-decoration: none; }
#footer a img { border: none; float: left; margin: -5px 9px 0 15px;  }
#footer a.hayslogo { border: none; }



/*********** #navBar link styles ***********/
/*
#navBar{	font-family: Arial, Helvetica, sans-serif;	clear:both;	float: left; 	width: 179px;
		margin-top: 5px;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 0px;
	padding: 0px;	font-weight: bold;	display: block; background-color: #fff;}

#navBar ul {list-style: none; margin: 0px; padding: 0px;}
/* 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-bottom: 3px; padding: 0px; margin-bottom: 3px}
#navBar ul li a{	list-style: none; 	margin: 0px;  padding-top: 5px; padding-right: 3px;	padding-bottom: 3px; 	padding-left: 6px; border-bottom: 0px solid #FFF; }*/
/*#navBar ul li a:hover {background-color: #F26619;margin: 0px;}
/* fix for browsers that don't need the hack 
html>body #navBar li {border-bottom: none; margin: 0px; }
#navBar p{margin-top: 0px;margin-bottom: 0px;}
#navBar img{margin-top: 2px;margin-bottom: 2px;border: 1px solid #6699CC;} */
/***/

/*********** .sideLinks styles ***********/
/*
.sideNavLinks{	width: 179px;color: #fff;	font-family: Arial, sans-serif;	font-size: 1.0em;	padding-top: 5px;height: 26px;
	padding-right: 1px;	padding-bottom: 5px;	padding-left: 0px;	clear: both; margin: 0px;list-style: none;margin-left: 0px;}

.sideNavLinks ul {	 list-style: none;	background-color: #fff;	color: #FFF; text-decoration: none;	margin: 0px;}
.sideNavLinks ul li {	list-style: none; 	background-color: #F26619;	color: #FFF; text-decoration: none;	margin: 0px; padding-bottom: 5px;}
.sideNavLinks ul ul {margin: 0px;}
.sideNavLinks ul li a {list-style: none;}
.sideNavLinks ul li a:hover {padding-top: 5px;	padding-right: 3px;	padding-bottom: 3px;	padding-left: 0px;}

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

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

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

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

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

.sideNavLinksSel ul li {	display: block; 	background-color: #F26619;	color: #FFF;	text-decoration: none;	margin: 0px;}
	
.sideNavLinksSel ul li a {list-style: none;}	
.sideNavLinksSel ul li a:hover {padding-top: 5px;	padding-right: 3px;	padding-bottom: 0px;	padding-left: 0px;}
.sideNavLinksSel a:link{
	color: #FFF;	background-color: #F26619;	padding-top: 5px;	padding-right: 3px;	padding-bottom: 0px;	padding-left: 0px;
	text-decoration: none;	clear: both;	display: block;margin: 0px; }

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

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

.sideNavLinksSel a:active{
	color: #FFF;	background-color: #FF26619;	border: 0px solid #005399;	padding-top: 5px;	padding-right: 3px;
	padding-bottom: 0px;	padding-left: 0px;	text-decoration: none;	clear: both;	display: block; margin: 0px;}


*/





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

#navBar{	clear:both;	float: left;	width: 121px;	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; background-image:url(NEWIMAGES/nav_bg.gif); background-repeat:no-repeat; background-position: top;}


#navBar ul {list-style: none; margin: 0px; padding: 0px;margin-top: 45px;}

/* 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; border-bottom: 0px solid #fff;}
#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: #0033aa;	font-family: Arial,sans-serif;	font-size: 0.95em;
	padding-top: 1px;	padding-right: 1px;	padding-bottom: 1px;	padding-left: 0px;
	clear: both;	margin-top: 45px;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 0px;}

.sideNavLinks ul {	display: block; 	color: #0033aa;
	text-decoration: none;	margin-top: 45px;}

.sideNavLinks ul li {	display: block; 	color: #0033aa;margin-top: 45px;
	text-decoration: none;	margin: 0px;}


.sideNavLinks a:link {	display: block; 	color: #0033aa;
		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: #0033aa;	
	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: #ff0000;	
	text-decoration: underline;	border: 0px solid #005399;	padding-top: 3px;
	padding-right: 3px;	padding-bottom: 3px;	padding-left: 6px;}

.sideNavLinks a:active{	display: block; 	
	color: #0033aa;	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: #FFF;	margin-top: 0px;	margin-right: 0px;
	margin-bottom: 1px;	margin-left: 0px;	font-size: 0.95em;
	text-decoration: none;	padding-top: 1px;	padding-right: 1px;
	padding-bottom: 1px;	padding-left: 0px;	clear: both;}

.sideNavLinksSel a:link{	color: #ff0000;	
	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: #ff0000;		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: #ff0000;		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: #ff0000;	
	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: #FFF;	text-decoration: none;	margin: 0px;}

.sideNavLinksSel ul li {	display: block; 	color: #FFF;	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; 	background-color: #F26619;	color: #FFF;	text-decoration: none;	margin: 0px;}

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

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

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

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



	
	
.subNavLinksSel{	font-family: Arial,sans-serif;	background-color: #8c8c8c;
	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;	background-color: #8c8c8c;
		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;	background-color: #8c8c8c;	padding-top: 3px;	padding-right: 3px;
	padding-bottom: 3px;	padding-left: 6px;	text-decoration: none;	clear: both;	display: block; }

.subNavLinksSel a:active{	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 ul {	display: block; 	background-color: #8c8c8c;
	color: #FFF;	text-decoration: none;	margin: 0px;}

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