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

body {
width: 100%;
margin: 0px;
margin-top: 25px;
font-size: 0.85em;
font-family:  Arial, Helvetica, sans-serif;
}

.clearer
{	clear:both;
}
#top {
display: block;
height: 158px;
width: 708px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}

#topbanner {
width: 100%;
height: 115px;
float: left;
margin-right: auto;
margin-left: auto;
}

#flash_animation {  /*  FLASH COLUMN BORDERS 1 PIXEL,  WITH VARIANT COLOUR MOSS PAGE 1 */
	width: 710px;
	height: 115px;
	float: left top;
	margin:0px;
}

#middle {
width: 710px;
height:auto;
margin-left: auto;
margin-right: auto;
}

.middleContentContainer {
width: 100%;  float: left;
height:auto;
margin-right: auto;
margin-left: auto;
padding-top: 10px 0 10px 0;
}

.middleContent {
float: left;
clear:inherit;
width: 497px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
padding: 15px 5px 30px 0;
font-size: 0.9em;
}


.middleContent p{
color:#003565;
text-align:justify;
padding-top: 0px;
}

.middleContent a{
color: #2b4168;
text-align:justify;
padding-top: 0px;
}

.middleContent ul, li{
color: #003565;
text-align:left;
}

.middleContent h1 {
padding-top: 0px; 
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 2.2em;
color:#666; display:block; padding-left: 0px;
}

.middleContent h2 {
font-size: 1.2em;
font-family:  Verdana, Arial, Helvetica, sans-serif;
border-bottom: dotted 1px #a9c5e4;
border-left: dotted 1px  #a9c5e4;
color: #003366; display:block;
padding: 3px;
}

.middleContent h3 {
font-size: 1.0em;
font-family:  Verdana, Arial, Helvetica, sans-serif;
color:#cc0000;display:block;
}

.middleContent h4 {
font-size: 0.85em;
font-family:  Verdana, Arial, Helvetica, sans-serif;
color:#666;display:block;
}

#footerArea {
float: left;width: 100%;
margin-left: auto;
margin-right: auto;
}

#footer {
width: 710px;height: 50px; 
margin-left: auto;
margin-right: auto; margin-top: 5px;
background-color: #FFF;
border-top: 5px solid #2b4168; /* dark blue */
font-family: , Arial;
text-align:left;
background-image:url(images/hays.jpg);
background-position:center right;
background-repeat:no-repeat;
}

.footerlinks {
width: 100%;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
padding-top: 10px;
padding-bottom: 3px;
color: #2b4168; /* text non-linked */
font-size: 0.7em;
}

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

#left_content {
	width: 202px; float: right;
	height: 500px;
	color: #003565;
	clear: both;
	margin-right: auto;
	margin-left: 0px;
	font-weight: normal;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	text-align:left;
	margin-top: 35px;
	background-image: url(images/side-image-1.jpg);
	background-position:left BOTTOM;
	background-repeat:no-repeat;
}
#left_content1 {
	width: 202px; float: right;
	height: 500px;
	color: #003565;
	clear: both;
	margin-right: auto;
	margin-left: 0px;
	font-weight: normal;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	text-align:left;
	margin-top: 35px;
	border-bottom: 5px;
	background-image: url(images/side-image-2.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}
#left_content2 {
	width: 202px; float: right;
	height: 500px;
	color: #003565;
	clear: both;
	margin-right: auto;
	margin-left: 0px;
	font-weight: normal;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	text-align:left;
	margin-top: 35px;
	border-bottom: 5px;
	background-image:url(images/side-image-3.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}

#left_content3{
	width: 202px; float: right;
	height: 500px;
	color: #003565;
	clear: both;
	margin-right: auto;
	margin-left: 0px;
	font-weight: normal;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	text-align:left;
	margin-top: 35px;
	border-bottom: 5px;
	background-image:url(images/side-image-4.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}

#left_content4{
	width: 202px; float: right;
	height: 500px;
	color: #003565;
	clear: both;
	margin-right: auto;
	margin-left: 0px;
	font-weight: normal;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	text-align:left;
	margin-top: 35px;
	border-bottom: 5px;
	background-image:url(images/side-image-1A.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}


li {list-style-type: square; font-size: 0.85em;}

.left_content a:link{
 color: #007ca4;text-decoration:none;margin-top:0px;margin-right: 0px; font-weight:bold;
}
.left_content a:visited{
 color: #007ca4;text-decoration:none;margin-top:0px;margin-right: 0px; font-weight:bold;
}

.left_content a:hover{
 color: #003565;text-decoration:underline;margin-top:0px;margin-right: 0px; font-weight:bold;
}

.left_content a:active{
 color: #666; text-decoration:none;margin-top:0px;margin-right: 0px; font-weight:bold;
}

#mainNav {
	position: relative;
	float: left;
	height: 43px;    /*  23px main navigation   1px bot  band    */
	font-size: 83%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 24px;
	width: 708px;
	font-family: Arial, Verdana;
	text-align:left bottom;
	background-image:url(images/mainnav-bg-image.gif);
	background-position:left top;
	background-repeat:repeat-x;
	}

#mainNav ul {
	border-left: 0px solid #000; /*  border width plus solid color will give a space equal to border width specificaton */
	height: 18px;
	padding-left: 0px;
	width: 708px;
	padding-right: 0px;
	padding-top: 0px; 
	display:block; padding-bottom: 0px;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px; 
}
#mainNav ul li {
	list-style:none; 
	display:block;
	height: 18px;
	float:left;
	padding-left:0px; 
	padding-right:0px;
	margin-top:0px;
	margin-right: 0px;
	margin-left: 0px;
	text-align: left;
}
#mainNav ul li a {
	float:left;
	display:inline;
	height: 18px;
	padding-top: 0px;
	padding-right: 19px;
	padding-bottom: 0px; /* PADDING FOR HOVER STATE WITH IMAGE BACKGROUND  */
	padding-left: 5px;
	margin-top:0px;
	margin-right: 0px;
	text-align: left;
	text-decoration:none;
}


#mainNav ul li a:hover {color: #2b4168; text-decoration:none;	margin-top:0px;
background-image:url(images/nav-bg-over.gif); background-repeat:repeat-x; background-position: left bottom; }
#mainNav ul li.on a { color: #2b4168; text-decoration:none;	margin-top:0px;background-image:url(images/nav-bg-over.gif); 
background-repeat:repeat-x; background-position: left bottom;}



.mainNav{
background-position:left top;
text-decoration:none;margin-top:0px;
float:left; margin-left: 0px;margin-right: 0px;
}

.mainNav a:link{
 color: #002277;text-decoration:none;margin-top:0px;margin-right: 0px;
}
.mainNav a:visited{
 color: #002277;text-decoration:none;margin-top:0px;margin-right: 0px;
}

.mainNav a:hover{color: #fff; text-decoration:none;	margin-top:0px;
background-image:url(images/nav-bg-over.gif); background-repeat:repeat-x; background-position: left bottom; }

.mainNav a:active{
 color: #002277; text-decoration:none;margin-top:0px;margin-right: 10px;
}


.mainNavSelected {
background-image:url(images/nav-bg-over.gif);
background-position:left bottom;
background-repeat:repeat-x;
height: 43px;
padding-top: 0px;
margin-top: 0px;
}


.mainNavSelected a:hover{
background-image:url(images/nav-bg-over.gif);
background-repeat:repeat-x; 
background-position: top;
height: 43px;
padding-top: 0px;
margin-top: 0px;
text-decoration:none;
}

/* searchresults page CSSValue="jobslinks" */

.jobslinks{
	font-family:  Arial, Helvetica, sans-serif; font-size:1em; font-weight: bold; color: #003565; text-decoration: underline; padding: 5px;}
a:link.jobslinks {
	font-weight: bold; color: #003565; text-decoration: underline;padding: 5px;}
a:visited.jobslinks{
	font-weight: bold; color: #003565; text-decoration: underline;padding: 5px;}
a:hover.jobslinks{
	font-weight: bold; color: #a9c5e4; text-decoration: none;padding: 5px;}
a:active.jobslinks{
	font-weight: bold; color: #003565; text-decoration: underline;padding: 5px;}

/* jobs table classes below */       

/* p.Micro = 1 to X of X results found text */
p.Micro {font-family: Arial, Helvetica, Verdana, sans-serif; font-size:1.0em; color:#333333; padding:5px, 0 0 0;}
table.Micro { font-family: Arial, Helvetica, Verdana, sans-serif; font-size:0.9em; color:#333333; padding:5px, 0 0 0;}
/* MicroHeader = title, location, salary headers */
tr.MicroHeader {font-size:1.6em; font-weight:bold; color:#fff; background-color: #003565; padding:10px; text-align: left; height: 20px;}
/* MicroItems = background cells for job links listings */
tr.MicroItem { border-top: 3px solid #FFF; background-color: #fff; color: #003565; font-size:1em; height:20px;}
tr.MicroAltItem { background-color: #e3e3e3;border-top: 3px solid #FFF;color:#003565;font-size:1em;height:20px;}


/* jobdetails page classes below */

p.title {font-size:1.4em; font-weight:bold; color:#666; text-align: left; border:dotted 1px #a9c5e4; padding:3px; }

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

a:link.apply {
font-size: 0.9em; font-weight: normal; color: #fff;background-color:#003366; padding: 5px;}

a:visited.apply {
font-size: 0.9em; font-weight: normal; color: #fff;background-color:#003366; padding: 5px;}

a:hover.apply {
font-size:  0.9em; font-weight: normal; background-color: #a9c5e4; color: #fff;padding: 5px;}

a:active.apply {
font-size: 0.9em; font-weight: normal; color: #fff;background-color:#003366; padding: 5px;}

hr {
display: none;
}