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


html {width:100%; background-color:#fff;margin-left: auto; margin-right: auto;}

body {width:100%; background-color:#fff;font-size: 0.9em;	font-family: arial, helvetica, sans-serif;
text-align: justify;margin-left: auto; margin-top: 0px;margin-right: auto; }

#wrapper {width: 832px;height: 100%; margin-top: 0px; margin-left: auto; margin-right: auto; }
.clearer{clear:both;}

/* TOP HORIZONTAL NAVIGATION */
#mastheadbg {width: 100%; height: 70px;margin-left: auto;margin-right: auto;background-image:url(IMAGES/mastheadbg.jpg); background-repeat:repeat-x; background-position: bottom;}
#masthead {width: 832px; height: 70px;margin-left: auto;margin-right: auto;margin-top: 0px;margin-bottom: 0px; background-image:url(IMAGES/mastheadbg.jpg); background-repeat:repeat-x; background-position: bottom; }

#logo {float: left; position: relative; width: 300px; height: 70px;margin-left: auto; margin-right: auto; }
#logo img {float: left; position: relative; padding-left: 0px; padding-top: 0px;}

.mainNav {float:left; position: relative;	margin-right: auto;	margin-left: auto;	height: 46px; 	width:450px;color:#333; 	font-size: 0.75em; 	font-family: Arial, Helvetica, Arial, Sans-Serif; }

.mainNav ul {	margin:0; color:#333;	padding:0; float: left;	position: relative;display:inline;}

.mainNav ul li {	list-style:none; display:inline; 	float:left;position: relative; color:#333;
	padding:0;	margin:0; background-image:url(IMAGES/navdiv.jpg);	background-position: right bottom; background-repeat:no-repeat; }
	
.mainNav ul li a {	float:left; 	display:block;	color:#333; font-weight: bold;
	padding: 1.43em 1em 1.44em 1em;	margin-top:0px;	text-decoration:none; margin-left: 0px;	 }
	
.mainNav ul li a:link {	float:left; 	display:block;	color:#333; font-weight: bold;
	margin-top:0px;	text-decoration:none; margin-left: 0px;	}
	
.mainNav ul li a:visited {	float:left; 	display:block;	color:#333; font-weight: bold;	margin-top:0px;
	text-decoration:none; margin-left: 0px;	}

.mainNav ul li a:hover {	text-decoration:none;	color: #999; font-weight: bold; }

.mainNav ul li a:active {	text-decoration:none;	color: #999; font-weight: bold;}

.mainNav ul li.on a  {	text-decoration:none;	color: #1981b0;font-weight: bold;	margin-left: 0px;}
	
#flags {height: 40px; width: 50px;  float: left; position: relative; margin-top: 5px;}
#flagUK {height: 10px; width: 15px; float: left; position: relative;margin: 2px; border: 3px solid #f9f9f9;}
#flagPL {height: 10px; width: 15px; margin: 5px;  float: left; position: relative;margin: 2px; border: 3px solid #f9f9f9;}
#flagUKSel {height: 10px; width: 15px; margin: 5px;  float: left; position: relative;margin: 2px; border: 3px solid #fff;}
#flagPLSel {height: 10px; width: 15px; margin: 5px;  float: left; position: relative;margin: 2px; border: 3px solid #fff;}

#headline {float: right; position: relative; width: 500px; }

#flashHolder {  width: 832px; height: 247px; position: relative; padding-top: 5px; }

#flashMain {float: left; width:640px; height: 247px; position: relative; background-color:#fff; }


.flashButton {width: 187px; height: 79px; background-color: #FFf;float: left; margin-bottom: 5px;margin-left: 5px;}



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

#top {height: 100px;width: auto;margin-left: auto;margin-right: auto; margin-top: 0px; padding-left: 10px; }

#top img {margin-top: 10px;}

#banner {width: 100%; height: 90px;background-color: #FFF;margin-left: auto;margin-right: auto;border-top: 5px solid #FFF;}

h1, h2, h3, h4 {font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
h1 {color: #1981b0; font-size: 2.0em; }
h2 { color: #333; font-size: 1.8em;}

h3 {color: #666; font-size: 1.5em; font-weight: bold;}

h4 {color: #999; font-size: 1.2em;}



#content {float: left; position: relative; background-color: #fff; 
	margin-left: auto; margin-right: auto;  margin-top: 0px; padding-top: 5px;
	padding-bottom: 15px;	width: 832px;}

#content p { color: #fff; margin-right: auto; margin-left: auto;}

#content ul {padding-right: 20px;padding-left: 20px;color: #fff;}

#content li {margin-left: 20px;color: #fff;}

#content li {margin-left: 20px;color: #000;}

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

#contentText {width: 648px;  float: left; margin-top: 10px; margin-left: 5px; margin-bottom: 5px; padding-bottom: 15px; color: #333; background-color: #fff; padding-top: 0px; padding-left: 10px; padding-right: 10px; }
#contentText h1 {padding-top: 0px; margin-top: 0px;}
#contentText p {color: #333;}

#contentText form {width: 100%; margin-left: auto; margin-right: auto;}
#contentText td {width: 33%; padding: 3px; border-bottom: 1px dotted #fff;border-right: 1px dotted #fff;  }
#contentText table {border-left: 0px dotted #ccc; border-top: 0px dotted #ccc;}

#contentContent {height: auto; width: 635px; padding-right: 5px; padding-left: 0px; font-size: 0.8em;}

#lowerContent {float: left; position: relative;width: 100%; height: 200px;  margin-left: auto; margin-right: auto;  }
#lowerContentLeft {background-color: #f00;margin-right: auto; margin-left: auto;padding: 10px; width: 45%; float: left; position: relative;}
#lowerContentRight {background-color: #fC0;margin-right: auto; margin-left: auto;padding: 10px; width: 45%; float: left; position: relative;}



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

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

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

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

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

p.Micro {display: none;}
table.Micro {	font-family: Arial, Helvetica, sans-serif;font-size:1.0em; color:#000; border-collapse:collapse; text-align: left;}
tr.MicroHeader {background-color:#fff; color: #333; text-align: left; font-size: 1.0em;}
tr.MicroItem { padding:2px; margin-left: 5px;background-color: #f5f5f5;text-align: left;}
tr.MicroAltItem { padding:2px; background-color: #fff;text-align: left;}
.apply {font-size: 1.3em; color: #b50041; font-weight: bold;}
title {font-size:1.3em; font-weight:bold; color:#b50041; padding:5px; text-align: left; }
bold, strong {color: #000; font-weight: bold;}
hr {display: none;}
a {color: #333; text-decoration: none;}
a:link {color: #333; text-decoration: underline;}
a:visited {color: #333; text-decoration: underline;}
a:hover {color: #1981b0; text-decoration: underline;}
a:active {color: #ccc; text-decoration: underline;}

#footerContainer { font-family: Arial, Helvetica, sans-serif; width: 100%; margin-right: auto; margin-left: auto; background-color: #fff; float: left; position: relative; border-top: 1px solid #999;}

#footerContent { width: 832px; height: 43px;  margin-left: auto; margin-right: auto;}

#footerLogo{background-color: #fff;font-family: Arial, Helvetica, sans-serif; margin-top: 0px;margin-left: auto; margin-right: auto; width: 832px; height: auto;  color: #999; height: 43px; padding: 0px 0px 0px 0px; font-size: 0.75em;  }

#footerText {padding: 10px;}

#footerText a { font-family: Arial, Helvetica, sans-serif; margin: 0 0.5em; font-weight: normal;  }
#footerText a:link, #footerText a:visited { font-family: Arial, Helvetica, sans-serif; color: #999; text-decoration: none; }

#footerText a:hover, #footerText  a:focus { font-family: Arial, Helvetica, sans-serif; color: #002776; text-decoration: none; }
#footerLogo a img { border: none; float: left; margin: 0px 9px 0 0px;  }
#footerLogo a.hayslogo { border: none; }




/* SHARE */

.share {padding:4px 4px 2px 4px; height:20px; width:225px;   float:right; margin: -35px 0 0 0;  }
.addthis_button_expanded { padding-bottom:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left;}
#share_icons {float:left; padding: 1px 9px 0 4px;}

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



#navBar{	clear:both;	float: left; position: relative;	width: 159px;	height:auto;	margin-top: 5px;
	margin-right: 0px;	margin-bottom: 10px; padding-bottom: 0px;	margin-left: 0px;	padding-top: 0px;
	padding-right: 0px;	padding-left: 0px;	border-bottom: 0px solid #74A6C7;	
	display: block;  }

 #navBar ul {list-style: none; margin: 0px; padding: 0px; width: 149px; margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 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: 0px; border-bottom:0px solid #fff; }

#navBar ul li a{	list-style: none; 	margin: 0px; margin-bottom: 0px; padding-top: 8px;	padding-right: 5px;	padding-bottom: 8px; 	padding-left: 5px; border-bottom:1px solid #f5f5f5;}

#navBar ul li a img {padding-top: 0px; padding-bottom: 0px; margin-top: 0px;margin-bottom: 0px;float: left; position: relative; padding-right: 5px;} 

html>body #navBar li {border-bottom: none; margin: 0px; }
*/


.sideNavLinksSmall img {margin-top: 0px; margin-bottom: 0px;padding-right: 5px; padding-bottom: 0px;padding-top: 0px; float: left; position: relative;}

/* fix for browsers that don't need the hack */



#topNav { width: 100%; float: left; position: relative;display: block; margin-left: auto; margin-right: auto; margin: 0px;}


#lowerNav { width: 100%; float: left; position: relative;display: block; margin-left: auto; margin-right: auto; margin-top: 90px;}

/*********** .sideLinks styles ***********/

.sideNavLinks{	color: #333;	font-family: Arial, sans-serif;	font-size: 1.0em;	padding-top: 1px;	padding-right: 0px;	padding-bottom: 1px;	padding-left: 5px;	clear: both;	margin-top: 10px;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 0px;list-style: none;display: block;width: 100%; float: left; position: relative; }

.sideNavLinks ul {	display: block; color: #333; text-decoration: none;	margin: 0px; margin-bottom: 0px;list-style: none;width: 100%;}

.sideNavLinks ul li {	display: block; color: #333; text-decoration: none;	margin: 0px;list-style: none;}

.sideNavLinks ul li a {	display: block; color: #333; text-decoration: none;	margin: 0px;list-style: none;}

.sideNavLinks a:link {	display: block; text-decoration: none;	 color: #333;	list-style: none;
	padding-top: 3px;	padding-right: 0px;	padding-bottom: 3px;	padding-left: 5px; background-image:url(IMAGES/sidenavon.jpg); background-repeat:repeat-x; background-position:bottom;}

.sideNavLinks a:visited {	display: block;  text-decoration: none;	padding-top: 3px;	padding-right: 0px;	padding-bottom: 3px;	padding-left: 5px;color: #333;	list-style: none;background-image:url(IMAGES/sidenavon.jpg); background-repeat:repeat-x; background-position:bottom;}

.sideNavLinks a:hover{	display: block; list-style: none;	
	text-decoration: none;		padding-top: 3px;	padding-right: 0px;	padding-bottom: 3px;	padding-left: 5px; color: #999;background-image:url(IMAGES/sidenavover.jpg); background-repeat:repeat-x; background-position:bottom;}

.sideNavLinks a:active{	display: block; text-decoration: none;	 color: #333;	list-style: none;
	padding-top: 3px;	padding-right: 0px;	padding-bottom: 3px;	padding-left: 5px;background-image:url(IMAGES/sidenavon.jpg); background-repeat:repeat-x; background-position:bottom;}
	
	

.sideNavLinksSel{	font-family: Arial,sans-serif;	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; list-style: none;display: block;width: 100%; }
	
	
.sideNavLinksSel ul {display: block; color: #fff;	text-decoration: none;	margin: 0px;list-style: none;width: 100%; }

.sideNavLinksSel ul li {display: block; color: #fff;	text-decoration: none;	margin: 0px;list-style: none;}

.sideNavLinksSel a:link{	padding-top: 3px;	padding-right: 3px;list-style: none;
	padding-bottom: 3px;	padding-left: 6px;	text-decoration: none;	clear: both;	display: block; color: #1981b0;	background-color: #f5f5f5;}

.sideNavLinksSel a:visited{		list-style: none;
	padding-top: 3px;	padding-right: 3px;	padding-bottom: 3px;	padding-left: 6px;
	text-decoration: none;	clear: both;	display: block;  color: #1981b0;	background-color: #f5f5f5;}

.sideNavLinksSel a:hover{	list-style: none;
	padding-top: 3px;	padding-right: 3px;	padding-bottom: 3px;	padding-left: 6px;
	text-decoration: none;	clear: both;	display: block; color: #1981b0;	background-color: #f5f5f5; }

.sideNavLinksSel a:active{	list-style: none;
	padding-top: 3px;	padding-right: 3px;
	padding-bottom: 3px;	padding-left: 6px;	text-decoration: none;	clear: both;	display: block; color: #1981b0;	background-color: #f5f5f5;}



.sideNavLinksSmall{	font-family: Arial,sans-serif;	color: #fff;	margin-top: 0px;	margin-right: 0px;list-style: none;
	margin-bottom: 0px;	margin-left: 0px;	font-size: 0.9em; text-decoration: none;	padding-top: 1px;	padding-right: 1px;	padding-bottom: 5px;	padding-left: 5px;	clear: both; display: block;width: 100%;float: left; position: relative; }

.sideNavLinksSmall ul {display: block; color: #fff;	text-decoration: none;	margin: 0px; margin-top: 0px;list-style: none;width: 100%;}

.sideNavLinksSmall ul li {display: block; color: #fff;	text-decoration: none;	margin: 0px;list-style: none;}

.sideNavLinksSmall ul li a {display: block; color: #fff;	text-decoration: none;	margin: 0px;list-style: none;}
	
.sideNavLinksSmall a:link{	padding-top: 3px;	padding-right: 3px;list-style: none;background-image:url(IMAGES/sidenavon.jpg); background-repeat:repeat-x; background-position:bottom;
	padding-bottom: 3px;	padding-left: 6px;	text-decoration: none;	clear: both;	display: block; color: #1981b0;	}

.sideNavLinksSmall a:visited{		list-style: none;background-image:url(IMAGES/sidenavon.jpg); background-repeat:repeat-x; background-position:bottom;
	padding-top: 3px;	padding-right: 3px;	padding-bottom: 3px;	padding-left: 6px;
	text-decoration: none;	clear: both;	display: block;  color: #1981b0;	}

.sideNavLinksSmall a:hover{	list-style: none;
	padding-top: 3px;	padding-right: 3px;	padding-bottom: 3px;	padding-left: 6px;
	text-decoration: none;	clear: both;	display: block; color: #1981b0;	background-image:url(IMAGES/sidenavover.jpg); background-repeat:repeat-x; background-position:bottom;}

.sideNavLinksSmall a:active{list-style: none;	
	padding-top: 3px;	padding-right: 3px;background-image:url(IMAGES/sidenavon.jpg); background-repeat:repeat-x; background-position:bottom;
	padding-bottom: 3px;	padding-left: 6px;	text-decoration: none;	clear: both;	display: block; color: #1981b0;	}