@charset "utf-8";
/* CSS Document */

body
{	width: 100%;
	background-color: #fff;
	background-image:url(IMAGES/bg.gif); background-repeat:repeat-x; background-position:top; 
	font-size: 80%;
	color:#0099ff; margin-top: 5px; margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	font-family: arial,verdana,"trebuchet MS",helvetica,sans-serif;
}
#wrapper {zbackground-color: #fff; height: 100%; width: 860px; margin-top: 0px;margin-left: auto; margin-right: auto;margin-bottom: 0px;}

.topbanner
{	float: left;	width: 860px;	height: 57px;	background-color:#FFFFFF; background-image:url(IMAGES/logo.gif); background-position:top left; background-repeat:no-repeat; }

.topbanner h1 {display: none; float: right; font-style:italic; padding: 5px; padding-top: 20px;padding-right: 5px; color: #ccc; font-size: 1.8em; font-weight:normal; color: #aaa;}

#imagebanner {width: 100%; height: 190px;  background-color: #fff; float: left; margin-top: 0px; border-bottom: 1px solid #fff;  background-image:url(IMAGES/logo.jpg); background-repeat:no-repeat; background-position: left top;}

.topbanner img {float: left; padding-left: 0px; padding-top: 0px;}
#imagebanner p {float: left; color: #006ecb; width: 360px; margin-top: 60px; font-size: 1.05em; font-weight: bold; padding-left: 20px;

}

.clearer{	clear:both;}
#logos {width: 920px; height: 105px;margin-left: auto; margin-right: auto; position: relative;}
#logos img {margin-left: auto; margin-right: auto;}
.mainNav {
	margin: 0px 0 0 0px;
	clear:both;height: 49px;
	width:860px; text-decoration: none;
	float:right; font-size: 0.7em;
	font-family: Tahoma, Helvetica, Arial, Sans-Serif;
	border-bottom: 0px solid #fff; border-top: 5px solid #fff;
background-color: #fff; background-image:url(http://www.hays.com/jobs/styleapps/shlogo.gif); background-position:right top; background-repeat:no-repeat;
}

.mainNav ul {
	margin:0; 
	padding:0; float: left;
	display:inline; text-decoration: none;
}

.mainNav ul li {
	list-style:none; display:inline; 
	float:left; text-decoration: none;
	padding:0;
	margin:0;
}
.mainNav ul li a:link {
	float:left; 
	display:block;
	color:#999; font-weight: bold;
	padding: .5em 1em .55em 1em;
	margin-top:0px;
	text-decoration:none; margin-left: 5px;	 	
	border-right: 0px solid #ccc;
	
}

.mainNav ul li a:visited {
	float:left; 
	display:block;
	color:#999; font-weight: bold;
	padding: .5em 1em .55em 1em;
	margin-top:0px;
	text-decoration:none; margin-left: 5px;	 	
	border-right: 0px solid #ccc;
	
}

.mainNav ul li a:hover, 
.mainNav ul li.on a 
{	text-decoration:none;
	color: #fff; font-weight: bold;
	margin-left: 5px;
	border-right: 0px solid #FFFFFF;
	background-image:url(http://www.hays.com/jobs/styleapps/navbgover1.jpg);
	background-repeat:repeat-x;
}

.mainNav ul li.on a 
{	text-decoration:none;
	color: #fff;font-weight: bold;
	margin-left: 5px;
	border-right: 0px solid #FFFFFF;
}



.contentContainer
{	position:relative; float: left; padding-bottom: 20px;
	width: 860px; background-color: #fff; margin-top: 0px; background-image:url(http://www.hays.com/jobs/styleapps/bodybg1.jpg); background-repeat:no-repeat; background-position: bottom; border-bottom: 1px solid #ccc;

	
}

.textContainer
{	position: relative; background-color: #fff; color: #333;
	float:left;  border: 1px solid #fff;
	
	width: 450px; font-size: 1.2em;
	padding-top: 5px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px;
	margin-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px; }
	
.textContainer p { padding-left: 10px;  }
.textContainer h1
{	font-size: 1.3em; font-weight: bold;padding-left: 10px; padding-top: 5px; padding-bottom: 5px; height: 25px;
 background-color: #006ecb;  color: #fff; margin-top: 3px; 
}
.textContainer h2
{	font-size: 1.3em; font-weight: bold;padding-left: 10px; padding-top: 5px; padding-bottom: 5px;
 background-color: #006ecb;  color: #fff; margin-top: 10px; 
}

.textContainer h3
{	font-size: 1.1em; font-weight: bold;padding-left: 5px; padding-top: 3px; padding-bottom: 3px;
  color: #006ecb;xborder-bottom: 5px solid #fc0; margin-top: 10px;
}
.textContainer h4
{	font-size: 0.9em; font-weight: normal;padding-left: 10px; padding-top: 3px; padding-bottom: 3px;
 color: #999;xborder-bottom: 5px solid #fc0; margin-top: 10px;
}
.quotebox {background-color: #fff; color: #666; border: 2px solid #ccc; font-style:italic; padding: 12px;  margin-bottom: 5px; font-weight: normal; font-size: 0.9em; font-family:Georgia, "Times New Roman", Times, serif; background-image:url(http://www.hays.com/jobs/styleapps/quotes99.jpg); background-repeat:no-repeat; background-position: bottom right;}
.quotebox p {width: 340px; margin-left: auto; margin-right: auto; text-align: left;}

.textContainer table {border: 1px solid #f6f6f6;}
.textContainer td {background-color: #f5f5f5; border: 1px solid #FFF;}

.textContainer a, .textContainer a:link, .textContainer a:visited
{	color: #fba200; font-weight: normal;
	text-decoration: underline;
}

.textContainer a:hover, .textContainer a:active
{	color: #333;font-weight: normal;
	text-decoration: none;
}
.textContainer ul {list-style-type:square;}



.leftContainer
{	position:relative; color: #333;
	float:left;background-color: #fff;
	width: 323px; height: auto;
	margin-left: 18px; margin-top: 10px; padding-bottom: 10px;
	padding-top: 5px; padding-left: 10px; 
}
.leftContainer p {padding: 0px; background-color: #fff; display: inline; margin-bottom: 0px; }
.leftContainer img
{	margin-bottom: 10px; padding-left: 5px;}

.leftContainer h1
{	font-size: 1.5em; font-weight: bold;padding-left: 10px; padding-top: 5px; padding-bottom: 5px; height: 25px;
 background-color: #006ecb;  color: #fff; margin-top: 3px;margin-right: 10px;
}
.leftContainer h2
{	font-size: 1.65em; font-weight: bold;padding-left: 10px; padding-top: 5px; padding-bottom: 5px;
 background-color: #006ecb;  color: #fff;xborder-bottom: 5px solid #fc0; margin-top: 10px; 
}


.leftContainer table { }
.leftContainer tr { }
.leftContainer td {background-color: #fff;margin-right: 2px; margin-bottom: 2px;border-bottom: 5px solid #ccc; border-right: 5px solid #ccc; padding: 5px;border-top: 5px solid #ccc; border-left: 5px solid #ccc; }
.leftContainer form { padding-left: 10px;width: 293px;background-color:#ccc; padding-right: 10px; border-top: 5px solid #fff; background-image:url(http://www.hays.com/jobs/styleapps/greybg.gif); background-repeat:repeat; background-position: top left;}

.leftContainer a, .leftContainer a:link, .leftContainer a:visited
{	color: #fba200; font-weight: normal;
	text-decoration: underline;
}

.leftContainer a:hover, .leftContainer a:active
{	color: #333;font-weight: normal;
	text-decoration: none;}

#rightBox {
position:relative; color: #333;
	float:left;background-color: #fff;
	width: 323px; height: auto;
	margin-left: 18px; margin-top: 10px;	}

#rightBox img {border: 10px solid #fff;}
#rightBox p {padding-left: 10px; font-size: 1.0em;}
#rightBox a:link, a:visited {color: #006ecb; text-decoration: underline;}
#rightBox a:hover, a:active {color: #666; text-decoration: underline;}

.footerRow {
width:100%;background-color:#006ecb; border-top: 0px solid #fff; 	}
.footer
{	width:850px; height: 35px;margin-left: auto; margin-right: auto;
	padding-top: 10px; margin-bottom: 0px;
	padding-bottom: 10px; margin-top: 0px;
	color:#ffffff; font-weight: bold;
	font-size: 80%;font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px; border-top: 0px solid #fff;
	background-image:url(http://www.hays.com/jobs/styleapps/navbgover1.jpg);
	background-repeat:repeat-x; background-position: top;
}


.footer a, .footer a:link, .footer a:visited
{	color: #FFFFFF;font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;font-weight: bold;padding: 5px; 
}

.footer a:hover, .footer a:active
{	color: #FFFFFF;font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;font-weight: bold; background-color: #999; padding: 5px;
	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
}

.footer a img 
{ 	border: none;
	float: left;padding-left: 10px;
	margin: -2px 7px 0 0;
	position: relative;
}

.footer a.hayslogo 
{	border: none;}

input {background-color: #fff; color: #c00; border: 5px solid #ccc; text-decoration: underline; 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: 313px;}
#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%;}
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 #fff;}
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: #ccc; color:#fba200;font-size: 0.6em;}
.joblinks{ font-family: Arial, Helvetica, sans-serif;	font-size:1.1em; font-weight:normal; color: #fba200; text-decoration: underline; padding: 3px;}

a:link.joblinks {	font-family: Arial, Helvetica, sans-serif;font-size: 1.1em; font-weight: normal; color: #fba200; text-decoration: underline;padding: 3px;}

a:visited.joblinks{	font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: normal; color: #fba200; text-decoration: underline;padding: 3px;}

a:hover.joblinks{font-family: Arial, Helvetica, sans-serif;font-size: 1.1em; font-weight: normal; color: #666;  text-decoration: none;padding: 3px;}

a:active.joblinks{font-family: Arial, Helvetica, sans-serif;	font-size: 1.1em; font-weight: normal; color: #999; text-decoration: underline;padding: 3px; }
