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

body {
width: 100%;
margin: 0px;
margin-top: 0px;
padding-top: 0px;
font-size: 0.8em;
background-image:url(images/bg-body.gif);;
background-repeat:repeat-x;
background-position:top left;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#main_wrapper {
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	display: block;
	background-color: #fff;
}

#top {
display: block;
width: 100%;
height: 275px;
margin-left: auto;
margin-right: auto;
}

#topbanner {
	width: 770px;
	height: 24px;
	float: left;
	background-image:url(images/top-bar.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	margin-left: auto;
	margin-right: auto;
}

#topBannerImage {  /*  BANNER IMAGE S */
	width: 760px;
	height: 213px;
	background-image:url(images/top-image-4.jpg);
	background-position:10px top;
	background-repeat:no-repeat;
	float: left;
}


#middle {
display: block;
height: auto;
width: 766px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}

.middleContentContainer {
display: block;
width: 100%;  float: left;
padding-bottom: 10px;
background-image: url(images/bg-middle.gif);
background-position: top left;
background-repeat:repeat-y;
}
.clearer {
	clear: both;
}


.middleContent {
float: left;
width: 480px;
margin-right: auto;
margin-left: auto;
padding-left: 20px;
padding-right: 0px;
padding-bottom: 10px;
padding-top: 15px;
font-size: 0.9em;
}


.middleContent p{
color: #073149;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
font-size: 1em;
}

.middleContent ul, li{
color: #000;
font-family: Verdana, Arial;
text-align:left;
font-size: 1em;}

.middleContent h1 {
font-size: 1.6em;
color:#073149; 
}

.middleContent h2 {
font-size: 1.1em;
color:#72c31c; 
}


#footerArea {
float: left;width: 100%; height: 43px;
margin-left: auto;
margin-right: auto;
background-image:url(images/bg-middle.gif);
background-position:top left;
background-repeat:repeat-y;
}

#footer {
margin-left: auto;
margin-right: auto; 
margin-top: 0px;
height: 43px;
font-family: Verdana, Arial;
text-align:left;
padding-left: 7px;
background-image:url(images/logos.gif);
background-position:right top;
background-repeat: no-repeat;
background-color:#d5e3e9;
}
.hayslogo {
	float: left;
}


.footerlinks {
	height: 20px;
	color: #073149; /* text non-linked */
	font-size: 0.80em;
	border-left: 1px #666;
	border-right:1px #666;
	float: left;
	padding-left: 10px;
	background-color: #FFFFFF;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-top: 10px;
}


.footerlinks p {color:#073149;text-decoration: none; text-align:right;padding: 5px; margin-top: 0px; text-decoration:none;}
.footerlinks a:link {font-size: 100%; color: #073149; padding: 5px;  text-decoration:none;}
.footerlinks a:visited{font-size: 100%;color: #073149;padding: 5px;  text-decoration:none;}
.footerlinks a:hover{font-size: 100%; color: #72c31c; padding: 5px; text-decoration:none;}
.footerlinks a:active{font-size: 100%; color: #073149;padding: 5px;  text-decoration:none;}


#left_column {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 250px;
	height: 381px;
	float: right;
	color: #003366;
	margin-left: 0px;
	margin-top: 35px;
	padding-right: 10px;
	margin-right: 0px;
	font-weight: bold;
}


#left_column h4 { /*  LEFT COLUMN TITLE WITH VARIANT COLOUR BACKGROUND */
color: #333;
height: 260px;
font-weight:bold;
font-size: 1.3em;
padding-left:10px;
padding-right: 40px;
padding-top: 5px;
display:block;
}

.left_column h5{
	width: auto;
	font-size: 1.0em;
	margin-left: 3px;	
	padding-top: 5px;
	padding-left: 3px;
	color: 333;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

#flash_animation {  /*  FLASH COLUMN BORDERS 1 PIXEL,  WITH VARIANT COLOUR MOSS PAGE 1 */
	width: 250px;
	height: 381px;
	float: right;
	margin-right:0px; margin-left: 0px;
}
	
#mainNavTop {              /* BACKGROUND IMAGE FOR MAIN NAV - UNINTURRUPTED */
	position: relative;
	margin-left: auto;
	margin-right: auto;
	float: left;
	height: 38px;
	width: 770px;
	clear:both;
	background-image: url(images/nav-bar.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}

#mainNav {
	font-size: 83%;
	padding-top: 18px;
	margin-left: 0px;
	text-align:left top;
	font-weight:bold;
	}


#mainNav ul {
	display:inline;
}
#mainNav ul li {
	display:inline;
}
#mainNav ul li a {
	display:inline;
	margin-left: 0px;
	padding-right: 15px;
	padding-bottom: 12px; /* PADDING FOR HOVER STATE WITH IMAGE BACKGROUND  */
	padding-left: 0px;
}

#mainNav ul li a:hover {color: #72c31c
; font-weight:bold;	margin-top:0px;}  /*hover over nav links */


.mainNav{
background-position:left top;
text-decoration:none;
}

.mainNav a:link{
 color: #fff;text-decoration:none; font-weight:bold; } /*current colour of nav links before being selected*/

.mainNav a:visited{
 color: #fff;text-decoration:none; font-weight:bold;  } /*current colour of nav links after being selected*/

.mainNav a:active{
color: #72c31c
; text-decoration:none; font-weight:bold; }  /*active nav link colour  GREEN*/


.mainNavSelected {
font-weight:bold;
text-decoration: none;
}

.mainNavSelected a{
color: #72c31c
;
}

.mainNavSelected a:link{
color: #72c31c
; 
}
.mainNavSelected a:visited{
color: #72c31c
; 
}

.mainNavSelected a:active{
color: #72c31c; }



/* searchresults page CSSValue="jobslinks" */

.jobslinks{				font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 1em;color: #333; text-decoration: none;}
a:link.jobslinks {		color: #333; }
a:visited.jobslinks{	color: #333; }
a:hover.jobslinks{		color: #999; text-decoration:underline;}
a:active.jobslinks{		color: #333; }

/* jobs table classes below */       

/* p.Micro = 1 to X of X results found text */
p.Micro {font-family: Verdana, Arial, Helvetica, Verdana, sans-serif; font-weight:bold; font-size:0.8EM; color:#000;}

 /* SECOND COLUMN FOR JOBS ADVERTISED - EG LOCATION, SALARY ETC  */
table.Micro {font-family: Verdana, Arial, Helvetica, Verdana, sans-serif; font-size:0.9em; color:#333333; border-collapse:collapse;}

/* MicroHeader = title, location, salary headers */
tr.MicroHeader {font-size:1.1em; font-weight:bold; color:#fff; background-color: #104c66; height:17px; text-align: left; }

/* MicroItems = JOBS ADVERTISED AND background cells for job links listings */
tr.MicroItem { height:20px; }
tr.MicroAltItem { background-color: #fefefe;  height:20px;} /*BACKGROUND COLOR OF ALTERNATIVES IN LIST */



/* jobdetails page classes below */
title {font-size:1.3em; font-weight:bold; color:#333; padding:5px; text-align: left; }

.apply {
font-family: Verdana, Arial, Helvetica, sans-serif, Helvetica, Verdana, sans-serif;
font-size: 0.9em; font-weight: normal; color: #fff; background-color:#205974; padding: 3px;}

a:link.apply {		color: #fff;background-color:#205974;}

a:visited.apply {	color: #fff; padding: 2px;}

a:hover.apply {		background-color: #333; color: #ccc;}

a:active.apply {	background-color: #fff; color: #205974;}

hr {display: none;}