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

html, body
{	width: 100%;
	background-color: #fff;
	background-image:url(IMAGES/bg1.gif); background-repeat:repeat; background-position:bottom; 
	font-size: 1.0em; 
	color:#000000; margin-top: 0px; margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	font-family: arial,verdana,"trebuchet MS",helvetica,sans-serif;
}
#wrapper {height:auto; width: 920px; margin-top: 0px;margin-left: auto; margin-right: auto;margin-bottom: 0px; float:inherit; }


#top {width: 100%; height: 100%;float: left; position: relative; background-color: #fff; margin-left: auto; margin-right: auto;xbackground-image:url(IMAGES/bg.jpg); background-repeat:repeat-x; background-position:top; }
#topWrapper {width: 920px;  margin-left: auto; margin-right: auto;}

.masthead
{	position:relative;	width: 920px;	height: 110px; background-color: #fff; float: left; background-image:url(IMAGES/logo.jpg); background-position:left top; background-repeat:no-repeat;	}

.masthead h1 {display: none; float: right; padding: 5px; padding-top: 20px;padding-right: 5px; color: #ccc; font-size: 1.8em; font-weight:normal;}
.masthead img {float: left; padding-left: 0px; padding-top: 0px;}


#imagebanner {background-color: #fff; width: 100%; height: 160px; margin-top: 0px; border-top: 0px solid #055da5;float: left; position: relative;}
#banner img {width: 920px; margin-left: auto; margin-right: auto;}
#banner {width:920px; height: 160px; margin-top: 0px; margin-left: auto; margin-right: auto; }

.clearer{	clear:both;}
#logos {display: none;}

.mainNav {
	margin-top: 45px; margin-bottom: 0px; margin-left: auto; margin-right: 10px;
	clear:both;height: 33px; 
	width:584px; font-weight: bold;
	float:right; position: relative; font-size: 0.9em;
	font-family: Helvetica, Arial, Sans-Serif;
	
	
}

.mainNav ul {
	margin:0; float:right; 
	padding:0; 
	display:inline;
}

.mainNav ul li {
	list-style:none; display:inline; 
	float:left; 
	padding:0; 
	margin:0;
}
.mainNav ul li a {
	float:left; 
	display:block;
	color:#999; 
	padding: 0.6em 1em .6em 1em;
	margin-top:0px;
	text-decoration:none;	 	
	border-left: 1px solid #fff;
	background-color:#fff;
}

.mainNav ul li a:hover, 
.mainNav ul li.on a 
{	text-decoration:none;
	color: #333;
	border-left: 1px solid #FFFFFF;
}

.mainNav ul li.on a 
{	text-decoration:none;
	color: #055da5;
	background-color: #fff;
	border-left: 1px solid #FFFFFF;
}

.contentContainer
{	position:relative; float: left;padding: 0px;
	width: 920px;  margin-top: 0px; margin-left: auto; margin-right: auto;
		border-top: 0px solid #fff; background-color: #fff; height: 100%;}



.leftContainer
{	float: left;
	width: 225px; height: 400px;
	padding-top: 0px; padding-left: 0px;
}

.leftContainer img
{	margin-bottom: 10px; padding-left: 0px;}

.leftContainer object
{	margin-bottom: 7px; float: left; position: relative;}


.textContainer
{	position: relative; color: #333;
	float:left; border:0px solid #666; border-left: 1px solid #fde090;
	xfilter:alpha(opacity=75);x-moz-opacity:.75;xopacity:.75;
	width: 499px; font-size: 0.97em;
	padding-top: 5px; margin-top: 5px; margin-right: 0px; margin-bottom: 10px;
	padding-right: 15px; padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 15px; background-color: #fff; background-image:url(IMAGES/bg3.jpg); background-repeat:repeat-y; background-position: top left;

}
.textContainer p {padding-left: 5px; padding-right: 3px;}
.textContainer h1
{	font-size: 1.7em; font-weight: normal;padding-left: 10px; padding-top: 3px; padding-bottom: 3px;
 color: #f3b428;margin-top: 10px; background-image:url(IMAGES/gradient.jpg); background-position: top; background-repeat:repeat-x;font-family: "trebuchet MS", arial,verdana,helvetica,sans-serif;}


.textContainer h2{	font-size: 1.5em; font-weight: normal;padding-left: 10px; padding-top: 5px; padding-bottom: 3px;
 color: #f3b428;margin-top: 10px;}

.textContainer h3 { color:#badb33;font-size: 1.2em; padding-left: 10px; font-weight: normal;}

.textContainer table {border: 1px solid #ccc;}
.textContainer td {background-color: #fff; border: 1px solid #ccc;}

.textContainer a, .textContainer a:link, .textContainer a:visited  {	cxolor: #ffa025; font-weight: normal;
	text-decoration: underline; }

.textContainer a:hover, .textContainer a:active  {	coxlor: #055da5;font-weight: normal; text-decoration: none;}




/* sideContainer - displays jobs with aspx page */


.sideContainer
{	position:relative; color: #fff;
	float:left;background-color: #9b243d;
	width: 373px; height: auto; border: 1px solid #fde090;
	margin-left: 5px; margin-top: 5px; padding-bottom: 10px;
	padding-top: 5px; padding-left: 10px; 
}
.sideContainer p {padding: 0px; background-color: #9b243d; display: inline; margin-bottom: 0px; }
.sideContainer img
{	margin-bottom: 10px; padding-left: 5px;}

.sideContainer h1
{	font-size: 1.35em; font-weight: normal;padding-left: 10px; padding-top: 3px; padding-bottom: 3px; 
  color: #fff; margin-top: 20px;margin-right: 10px;background-image:url(IMAGES/gradient.jpg); background-position: top; background-repeat:repeat-x;font-family: "trebuchet MS", arial,verdana,helvetica,sans-serif;
}
.sideContainer h2
{	font-size: 1.65em; font-weight: normal;padding-left: 10px; padding-top: 5px; padding-bottom: 5px;
 background-color: #6d6d70;  color: #fff;xborder-bottom: 5px solid #fc0; margin-top: 10px; 
}


.sideContainer table {color: #333; }
.sideContainer tr {background-color: #fff; }
.sideContainer td {background-color: #fff;margin-right: 2px; margin-bottom: 2px;border: 5px solid #f5f5f5; }
.sideContainer form { padding-left: 10px;width: 320px;background-color:#fff; padding-bottom: 10px;padding-right: 10px; border-top: 5px solid #9b243d; xbackground-image:url(http://www.hays.com/jobs/STYLEAPPS/greybg.gif); xbackground-repeat:repeat; xbackground-position: top left;}
.sideContainer a, .sideContainer a:link, .sideContainer a:visited
{	color: #9b243d; font-weight: normal;
	text-decoration: underline;
}

.sideContainer a:hover, .sideContainer a:active
{	color: #9b243d;font-weight: normal;
	text-decoration: none;}
#rightBox {
position:relative;	float:left;
	width: 382px; height: 378px;
	margin-left: 5px; margin-top: 5px; background-image:url(IMAGES/bg5.jpg); background-repeat:no-repeat; background-position: top;
	border: 1px solid #fde090;
	}
	
	
#rightBox p {padding-left: 10px; font-size: 0.9em;}
#rightBox a:link, a:visited {color: #ffa025; text-decoration: underline;}
#rightBox a:hover, a:active {color: #fff; text-decoration: underline;}

.footerRow {
width:100%; margin-top: 0px; border-top: 1px solid #fff;
}
.footer
{	width:920px; height: 25px;margin-left: auto; margin-right: auto;
	padding-top: 10px; margin-bottom: 10px;
	padding-bottom: 10px;
	text-align:left;
	color:#ffffff;
	font-size: 0.8em;
	background-color:#333; font-family:Arial narrow, Helvetica, sans-serif;
	
}


.footer a, .footer a:link, .footer a:visited
{	color: #FFFFFF;
	text-decoration:none;
}

.footer a, .footer a:hover, .footer a:active
{	color: #FFFFFF;
	text-decoration:underline;
}

.footer a img 
{ 	border: none;
	float: left;padding-left: 10px;
	margin: -2px 7px 0 0;
	position: relative;
}

.footer a.hayslogo 
{	border: none; 
}

hr {line-height: 1px; font-size: 1px; color: #666; }
input {background-color: #ececec; color: #000; border: 1px solid #ccc; text-decoration: none; margin-top: 5px; margin-bottom: 5px; margin-left: 5px;font-family: Arial, Helvetica, sans-serif; font-size: 1.1em;}
textarea { background-color: #ececec; color: #000; margin-left: 5px; margin-bottom: 5px; font-family: Arial, Helvetica, sans-serif;}
.MicroButton a:link, a:visited{text-decoration: underline;}
.MicroButton a:hover, a:active{text-decoration: underline;}
input value {"back";}
#MSearch {width: 350px; color: #333; padding: 5px;}
#MSearch tr.MicroItem {margin: 5px;}
p.Micro {display: none;}
p.Micro th {padding-left: 0px;font-weight: normal;}
table.Micro {font-family: Arial, Helvetica, sans-serif;border-collapse:collapse; width: 100%; color: #666;}
tr.MicroHeader {display: none;text-align: left;font-size: 1.1em; font-weight: normal;padding-left: 10px; padding-top: 3px; padding-bottom: 3px; margin-top: 10px;color: #666;font-family: Arial, Helvetica, sans-serif; border: 5px solid #333;}
tr.MicroHeader col {padding-left: 10px;}
tr.MicroItem { padding:2px;  }
tr.MicroAltItem { padding:2px;}
td.MicroItem {padding:2px; margin: 5px;  }
.MSRSS {display: block; background-color: #333; color:#CC0000;font-size: 0.6em;}
.recordInfo {padding-left: 5px;}

.leftContainer ul
	{
	margin:0 0 0 0px;
	list-style:none;
	padding:0; float: left;
}

#sideNav {float: left;font-size: 1.0em; margin-left: 0px; border: 1px solid #353535;
text-align: left;width: 183px; margin-top: 0px; position: relative; margin-left: 20px;}

#sideNav ul {margin-left: 0px; margin-top: 5px; padding-bottom: 5px;}

.sideNav{ font-size: 0.8em; margin-left: 0px;	color:#2c66b0; font-weight: bold; float: left;
	padding-left:10px; padding-right: 10px; 	margin-top: 0px;  text-align: left;}
	
ul.sideNav{	font-size:0.8em; float: left;	list-style:none;	padding:0px;
	text-align:left; 	margin-left:0px;	}

li.sideNav{	margin-top:0px;border-bottom: 0px solid #FFF;
	margin-bottom:5px; color: #FFF;width: 130px; margin-left: 0px;
	padding-left:10px;padding-top:5px; padding-bottom: 5px;}
	
.sideNav a{	color:#055da5;	padding-left:0px;}

.sideNav a:link{	color:#055da5; text-decoration: none; padding: 5px;
	padding-left:5px; }

.sideNav a:visited{	color:#055da5; text-decoration: none;padding: 5px;
	padding-left:5px;  }

.sideNav a:hover{	color:#fff; text-decoration: none;padding: 5px;
	padding-left:5px; }

.sideNav a:active{	color:#fff; text-decoration: none;padding: 5px;
	padding-left:5px; }

.sideNavSelected{font-size: 0.9em;	color:#ffa025; font-weight: bold;
	padding-left:10px; padding-right: 10px; 	margin-top: 15px;  text-align: left;}

ul.sideNavSelected{	font-size:0.9em;list-style:none;	padding:0px;
	text-align:left; 	margin-left:0px;		}
	
.sideNavSelected a{	color:#ffa025;	padding-left:0px;}

.sideNavSelected a:link{	color:#ffa025; text-decoration: none; padding: 5px;
	padding-left:5px; background-color: #333;}

.sideNavSelected a:visited{	color:#ffa025; text-decoration: none;padding: 5px;
	padding-left:5px; background-color: #333; }

.sideNavSelected a:hover{color:#fff; text-decoration: none;padding: 5px;
	padding-left:5px; background-color: #333; }

.sideNavSelected a:active{	color:#fff; text-decoration: none;padding: 5px;
	padding-left:5px; background-color: #333;}

li.sideNavSelected{
	margin-top:0px;border-bottom: 0px solid #FFF;
	margin-bottom:5px; color: #FFF;width: 130px;
	padding-left:10px;padding-top:5px; padding-bottom: 5px;}
	
.sliders{  text-align: center; font: 1.0em Arial, sans-serif; padding: 0 0 10px 0; float:left;  }
.sliders h1, h2, h3, h4, h5, h6 { font: 1em/1.4em ; }
.sliders h1{ font-size: 1.4em; padding-right: 10px;}
.sliders h2{ font-size: 1.2em; font-family: "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif";color: #9b243d; padding: 8px 8px 8px 8px;  }
.sliders h3{ font-size: 1.0em;  }
.sliders h4{ font-size: 1.4em; }
/*.sliders p{ margin: 0; padding: 0; } */

.sliders a, .sliders a:visited { color: #ffa025; outline: invert; text-decoration: underline; padding: 4px 4px 4px 4px; }
.sliders a img, img a {border: none; text-decoration: none; }
.sliders a:hover { text-decoration: underline; color: #fff; }
/*
ul.simple, ul.simple li{ list-style:  none outside; padding: 0; margin-left: 0px; }
ul.simple li p, ul.simple li h4{ /*padding: 5px 20px; }*/ 

/* EXPANDING TEXT BOXES */
/*#container { width: 100%; margin: auto; text-align: left;  color:#fff; padding: 0; }
	#header {margin: 0px 0 0 0; padding: 5px; border-bottom: 1px solid #2A2F34; width: 300px;}
	
	#container h3 { width: 100%; background: url(images/heading.gif) top center no-repeat; padding:0px 0 0 0; margin: 0px; position: relative; cursor: pointer; margin-top:10px; line-height:24px;}
	#container h3 a{ text-decoration: none; }	
	#container h3 span {   font-weight: bold; padding: 5px 0 0 0px; font-size: 1.0em; background:#fff; padding: 3px 3px 3px 3px; color:#FFFFFF; margin-left: 0px; display:none; }
	
	/*#container h2{padding: 5px;  }*/
/*#heading { margin: 0px 0 0 0; padding: 0px 0 0 300px; font-size: .9em; color:#ffffff; text-decoration:none; margin-bottom:30px;    }
#heading a {text-decoration:none; color:#ffffff;background:#008ec2; padding: 3px 6px 3px 6px;}

div.collapse{ float: left; width: 100%; padding-top:0px;}	
div.collapse-container{ width:100%; padding: 0px  ; color: #fff; } */
ul.simple, ul.simple li{ list-style:  none outside; padding: 0; margin-left: 0px; }
ul.simple li p, ul.simple li h4{ /*padding: 5px 20px; */ }

/* =layout
-------------------------------------------*/
#container { width: 100%; margin: 0 auto; text-align: left; /*background: #4C4C4C;*/ background-color: #fff; color: #333; }
	#container p { padding: 0px 8px 0px 8px;  }
	#container h3 { width: 200px; background-color: #333; color: #fff; height: 40px; line-height: 40px; padding: 0 5px; margin: 5px 0; position: relative; cursor: pointer;list-style:none; font-weight: normal; font-size: 0.9em;}
	#container h3 a{ text-decoration: underline;}	
	#container h3 a:hover{ text-decoration: underline;}	
	#container h3 span { position: absolute; top: 0; right: 5px;  font-size: 1.4em; font-weight: bold;}

	/*#container h2{padding: 5px;  }*/


div.collapse{ width: 100%;  margin: 5px 0;  background: url(images/section-medium-top.gif) top center no-repeat #333;}	
div.collapse-container{ width: 100%; height: 100%; padding: 15px 0px; background: url(images/section-medium-bottom.gif)  bottom no-repeat;}