body {
	margin: 0;
	padding: 0;
	background: #d4dde2 url(/imagebank/1276-background-repeat.gif) repeat-x;
}

/******************* Start Skip Navigation *******************/

a.skip:link, a.skip:visited {
	position: absolute;
	top: 0;
	left: -9999px;
}

a.skip:focus, a.skip:hover, a.skip:active {
	position: absolute;
	top: 3em;
	left: 0px;
	width: 735px;
	margin: 0 auto;
	padding: 2px 5px 2px 20px;
	text-align: left;
	font: 0.65em/1.2em Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	display: block;
	font-weight: bold;
	z-index: 900;
	background: #617496 url(/imagebank/1276-skip-nav.gif) bottom left no-repeat;
}
a.skip2:link, a.skip2:visited {
	position: absolute;
	top: 0;
	left: -9999px;
}

a.skip2:focus, a.skip2:hover, a.skip2:active {
	position: absolute;
	top: 3em;
	left: 0px;
	margin: 0 auto;
	padding: 6px 5px 6px 20px;
	text-align: left;
	font: 0.65em/1.2em Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
	display: block;
	font-weight: bold;
	z-index: 900;
	background: transparent url(/imagebank/1276-skip-nav2.gif) center left no-repeat;
}

/******************* End Skip Navigation *******************/


#maincontainer{
	margin: 0 auto;
	padding: 10px;
	width: 760px;
	background: #fff;
}
#header{
	margin: 0;
	padding: 0 0 10px 0;
}
#header img{
	border: none;
}
#header .imgleft{
	position: relative;
	margin: 0 0 0 10px;
	padding: 0;
	float: left;
}
#header .imgright{
	position: relative;
	margin: 28px 20px 0 0;
	padding: 0;
	float: right;
}
#navholder{
	position: relative;
	margin: 0;
	padding: 1em 20px;
	height: auto;
	background: #fff url(/imagebank/1276-navigation.gif) top left no-repeat;
	z-index: 100;
	min-height: 0; /* IE7 hack to force hasLayout */
}
/* Fix IE. \*/
* html #navholder { height: 1%;}      /* This stops IE adding extra spacing after the list, bloading its container element */
/* End */

/* *********** START NAVIGATION *********** */

ul#nav { /* all lists */
	float: left;
	padding: 0;
	margin: 0;
	position:relative;
	list-style: none;
}
ul#nav li { /* all list items */
	float: left;
	position: relative;
	color:#1f4079;
	border-right: 1px solid #1f4079;
}

ul#nav li a:link, ul#nav li a:visited  {
	margin: 0 0.5em 0 0.5em;
	padding: 0;
	position: relative;
	display: block;  /* This allows for better positioning of the vertical separator lines, otherwise it won't be as close to center as possible */
	font: 0.75em/1.2em helvetica, arial, sans-serif;
	color: #1f4079;	
	text-decoration: none;
}
ul#nav li a:hover, ul#nav li a:active, ul#nav li a:focus {
	margin: 0 0.5em 0 0.5em;
	padding: 0;
	position: relative;
	display: block;
	font: 0.75em/1.2em helvetica, arial, sans-serif;
	color: #bf0000;
	text-decoration: none;
}
ul#nav li a:link.current, ul#nav li a:visited.current {
	margin: 0 0.5em 0 0.5em;
	padding: 0;
	position: relative;
	display: block;
	font: 0.75em/1.2em helvetica, arial, sans-serif;
	color: #bf0000;
	text-decoration: none;
}
ul#nav li a:link.noleftpad, ul#nav li a:visited.noleftpad, ul#nav li a:hover.noleftpad, ul#nav li a:active.noleftpad, ul#nav li a:focus.noleftpad{
	margin: 0 0.75em 0 0;
}
ul#nav li.noline{
	border-right: none;
}

/* *********** END NAVIGATION *********** */

#subnavholder{
	position: relative;
	margin: 0;
	padding: 0.5em 20px 0.5em 19px;
	background: #617496;
	border-bottom: 2px solid #ee2a24;  
	height: auto;
	min-height: 0; /* IE7 hack to force hasLayout */
}
#subheight{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	height: 16px;
	width: 1px;
}
/* Fix IE. \*/
* html #subnavholder { height: 1%;}      /* This stops IE adding extra spacing after the list, bloading its container element */
/* End */
/* *********** START SUB-NAVIGATION *********** */

ul#subnav { /* all lists */
	padding: 0;
	margin: 0;
	position: relative;
	float: left;
	list-style: none;
	width: 718px;
}
ul#subnav li { /* all list items */
	float: left;
	color:#fff;
	border-right: 1px solid #fff;
	background: #617496;
}

ul#subnav li a:link, ul#subnav li a:visited  {
	margin: 0 0.5em 0 0.5em;
	padding: 0;
	display: block;
	position: relative;
	font: 0.7em/1.2em helvetica, arial, sans-serif;
	color: #fff;	
	text-decoration: underline;
}
ul#subnav li a:hover, ul#subnav li a:active, ul#subnav li a:focus {
	margin: 0 0.5em 0 0.5em;
	padding: 0;
	display: block;
	position: relative;
	font: 0.7em/1.2em helvetica, arial, sans-serif;
	color: #fff;
	text-decoration: none;
}
ul#subnav li a:link.current, ul#subnav li a:visited.current {
	margin: 0 0.5em 0 0.5em;
	padding: 0;
	display: block;
	position: relative;
	font: 0.7em/1.2em helvetica, arial, sans-serif;
	color: #fff;
	text-decoration: none;
}
ul#subnav li a:link.noleftpad, ul#subnav li a:visited.noleftpad, ul#subnav li a:hover.noleftpad, ul#subnav li a:active.noleftpad, ul#subnav li a:focus.noleftpad{
	margin: 0 0.75em 0 0;
}
ul#subnav li.noline{
	border-right: none;
}
/* Fix IE. \*/
* html ul#subnav { margin-top: 0.2em;}
/* End */


/* *********** END SUB-NAVIGATION *********** */

#container{
	margin: 0;
	padding: 0;
	background: url(/imagebank/1276-content.gif) top left no-repeat;
	display: block;
	height: auto;
	min-height: 0; /* IE7 hack to force hasLayout */
}

/* Fix IE. \*/
* html #container { height: 1%;}
/* End */

#content{
	position: relative;
	float: left;
	margin: 0;
	padding: 30px 0 20px 20px;
	width: 420px;
}
#content img{
	border: none;
}
#rightcol{
	position: relative;
	float: right;
	margin: 0;
	padding: 0;
	width: 320px;
}
#rightcol .imgright{
	position: relative;
	margin: 0;
	padding: 0;
	float: right;
	background:  transparent ;
}
#rightcol .greybox{
	margin: 30px 20px 20px 0;
	padding: 10px 20px;
	background: #e3e7e7;
	width: 240px;
	float: right;
}
/* Fix IE. \*/
* html #rightcol .greybox { margin: 30px 10px 20px 0;}
/* End */

#rightcol h2{
	margin: 0 0 0.5em 0;
	padding: 0;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	color: #1f4079;
}
#rightcol p{
	margin: 0 0 1em 0;
	padding: 0;
	font: 0.7em/1.4em Arial, Helvetica, sans-serif;
	color: #666;
}
#rightcol a:link, #rightcol a:visited{
	color: #1f4079;
	text-decoration: underline;
}
#rightcol a:hover, #rightcol a:active, #rightcol a:focus{
	color: #bf0000;
	text-decoration: none;
}

.bluetext{
	color: #1f4079;
}

h1{
	margin: 0 0 1em 0;
	padding: 0;
	font: 1.8em/1.2em "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #1f4079;
	}
h2{
	margin: 1em 0 0.5em 0;
	padding: 0;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	color: #1f4079;
	font-weight: bold;
}
h3{
	margin: 1em 0 0 0;
	padding: 0;	
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	color: #1f4079;
	font-weight: bold;
}

	
p{
	margin: 0 0 1em 0;
	padding: 0;
	font: 0.75em/1.4em Arial, Helvetica, sans-serif;
	color: #666;
}


hr{
	margin: 0.5em 0;
	padding: 0;
	clear: both;
	height: 1px;
	color: #ccc;
	background: #ccc;
	border: none;
}
blockquote{
	padding: 0;
	margin: 0 0 2em 0;
}
#content a:link, #content a:visited{
	color: #1f4079;
	text-decoration: underline;
}
#content a:hover, #content a:active, #content a:focus{
	color: #bf0000;
	text-decoration: none;
}

#content ul{
	margin: 0.5em 0;
	padding: 0;
}
#content ul li{
	margin: 0 0 0.5em 1.5em;
	padding: 0;	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
color: #666;
}
#content li ul li{
	margin: 0 0 0.5em 1.5em;
	padding: 0;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	color: #666;
}


/* *************** START SITE MAP ************** */
#content ul#sitemap{
	margin: 0.5em 0;
	padding: 0;
	list-style: none;
}
#content ul#sitemap li{
	margin: 0 0 0.5em 1.5em;
	padding: 0;	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	color: #666;
	font-weight: bold;
}
#content ul#sitemap li ul{
	margin-bottom: 1em;
	list-style: none;
}
#content ul#sitemap li ul li{
	margin: 0 0 0.5em 1.5em;
	padding: 0;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	color: #666;
}
/* ************** END SITE MAP ***************** */


#content ol{
	margin: 0.5em 0;
	padding: 0;
}
#content ol li{
	margin: 0 0 0.5em 1.5em;
	padding: 0;	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	color: #666;
}
#content li ol li{
	margin: 0 0 0.5em 1.5em;
	padding: 0;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	color: #666;
}

/* ************** START OPTIONAL STYLING **************** */

#content ul.imagelist{
	position: relative;
	margin: 0.5em 0;
	padding: 0;
	list-style: none;
}
#content ul.imagelist li{
	margin: 0 0 0.5em 0;
	padding: 0 0 0 1.5em;	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	color: #666;
	background: url(/imagebank/7603-bullet.gif) top left no-repeat;
	background-position: 2px 0.3em;     /* 	The co-ordinates start from the top and left of the element (in this case the li) 
											First is position in from the left, then position down from the top  */
}
#content ul.imagelist li ul{
	margin: 0.5em 0;
	padding: 0;
	list-style: none;
}
#content ul.imagelist li ul li{
	margin: 0 0 0.5em 0;
	padding: 0 0 0 1.5em;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	color: #666;
	background: url(/imagebank/7603-bullet.gif) top left no-repeat;
	background-position: 2px 0.3em;     /* 	The co-ordinates start from the top and left of the element (in this case the li) 
											First is position in from the left, then position down from the top  */
}

table{
	margin: 0;
	padding: 0;
	border-top: 1px solid #617496;
	border-left: 1px solid #617496;
}
table caption{
	margin: 0;
	padding: 5px 0.4em 5px 0;
	text-align: right;	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	color: #666;
	font-style: italic;
}
table th{
	margin: 0;
	padding: 0.4em;
	background: #617496;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	color: #fff;
	border-right: 1px solid #617496;
	border-bottom: 1px solid #617496;
}
table th.blank{
	margin: 0;
	padding: 0.4em;
	background: #fff;	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	color: #666;
	border-right: 1px solid #617496;
	border-bottom: 1px solid #617496;
}
table td{
	margin: 0;
	padding: 0.4em;	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	text-align: left;
	color: #666;	
	border-right: 1px solid #617496;
	border-bottom: 1px solid #617496;
}
table td.currency{
	text-align: right;
}

table td p{
	margin: 0;
	padding: 0;
}

/*table tr:hover{     ---- This can be optionally activated for hilighting rows
	background: #ececec;
}*/



/* START TEXT ALIGNMENTS */

.righttxt{
	text-align: right;
}
.lefttxt{
	text-align: left;
}
.centertxt{
	text-align: center;
}

/* END TEXT ALIGNMENTS */


/* START IMAGE ALIGNMENTS */

img.border{
	padding: 4px;
	border: 1px solid #ccc;
	background: #fff;
}
img.leftimg{
	float: left;
	margin: 0 1em 1em 0;
}
img.rightimg{
	float: right;
	margin: 0 0 2em 1em;
}
.centerimg{             /* This requires a DIV wrapped around the image with this class applied  */ 
	margin: 0 auto;
	text-align: center;
}
.centerimg img{
	margin: 0 0 1em 0;
}

/* END IMAGE ALIGNMENTS */


/* ************** END OPTIONAL STYLING **************** */



/* ************** START JOB DISPLAY ELEMENTS ************** */

/* Fix IE. \*/

* html #content ul.job_action_links li.apply, * html #content ul.job_action_links li.email{
	display: inline;
	margin: 0 0.9em 0 0;
	padding: 0 0.6em 0 0;
}	
* html #content ul.detailed_jobs_list li{ 			/* VERY IMPORTANT - forces the list block height to be respected 
														as well as spacing between title and other lines */
	height: 1%;
}
/* End */



/* List elements */

#content ul.detailed_jobs_list{
	list-style: none;
	margin: 0;
	padding: 0 0 0 0;
}

#content ul.detailed_jobs_list li{
	margin: 0;
	padding: 0.5em 0 0 0;
	clear: left;
	/*border-top: 1px solid #ccc;*/
	display: block;
}
#content hr.notoppad{
	margin-top: 0;
}
#content ul.detailed_jobs_list li .job_title{	
	display: block;
	margin: 0 0 0.2em 0;
	padding: 0;
	font: 1.4em/1.2em Arial, Helvetica, sans-serif;    /* becuse this is in a list it needs the height bumping up a bit to match the H2 height */
	font-weight: bold;
}

a:link.job_title, a:visited.job_title  {
	text-decoration: none;
}

a:focus.job_title, a:hover.job_title, a:active.job_title  {
	text-decoration: underline;
}
.sector, .city, .jobType{
	margin:0 0 0 0;	
	padding:0;
}
#content .job_details{
	display: block;
	font-weight:bold;
	color: #666;
	margin:0 0 0.3em 0;
	padding:0 0 0.3em 0;
}
#content .job_role{
	display: block;
	color: #666;
	margin:0 0 0.3em 0;
	padding:0 0 1em 0;
	line-height: 1.4em;
}

/* List elements */



/*#content h1.title{                                ------ This is used to create a differing title style if required for the job title 
	font: 0.9em/1em Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 1em 0px 0.5em 0px;
	color: #036;
	font-weight: bold;
}*/

p.logo img{                    /* The logo for the job is automatically brought in. This hides the logo from the display. */
	display: none;
}

#content p.job_divers{
	margin:0 0 0em 0;
	padding:0 0 0em 0;
}
p.descr{
	margin:0 0 0.3em 0;
	padding:0 0 1em 0;
}
.publicationDate {
	position: relative;
	display: block;
	margin: 1em 0 0 0;
	font-size: 0.9em;
}
.job_divers .sector, .job_divers .city, .job_divers .jobType{
	margin: 0;
	padding: 0;
	font-weight: bold;
}
.descr_title{
	margin: 0;
	padding: 0;
	font-weight: bold;
}
ul.job_action_links{
	list-style: none;
	margin: 0 0 2em 0;
	padding: 0;
	text-align: center;}

ul.job_action_links li{
	margin: 0;
	padding: 0;
	font-weight: 100;
	color: #003440;
}

#content ul.job_action_links li.apply, #content ul.job_action_links li.email{
	display: inline;
	margin: 0 0.5em 0 0;
	padding: 0 0.8em 0 0;
}

.apply{
	border-right: 1px solid #036;
}




/* ************** END JOB DISPLAY ELEMENTS ************** */

.clearboth{
	margin: 0;
	padding: 0;
	height: 0px;
	clear: both;
}

#footer{
	margin: 0;
	padding: 15px 20px 20px 20px;
	background: #e3e7e7;
	height: auto;
	min-height: 0; /* IE7 hack to force hasLayout */
}

/* Fix IE. \*/
* html #footer { height: 1%;}      /* This stops IE adding extra spacing after the list, bloading its container element */
/* End */

#footer p{
	margin: 0;
	padding: 0;
	float: right;
	font: 0.7em/1.2em helvetica, arial, sans-serif;
	width: 350px;
	text-align: right;
}
/* *********** START FOOTER NAVIGATION *********** */

ul#footerlinks { /* all lists */
	float: left;
	padding: 0;
	margin: 0;
	position:relative;
	list-style: none;
	width: 350px;
}
ul#footerlinks li { /* all list items */
	float: left;
	position: relative;
	color:#1f4079;
	border-right: 1px solid #1f4079;
}

ul#footerlinks li a:link, ul#footerlinks li a:visited  {
	margin: 0 0.5em 0 0.5em;
	padding: 0;
	display: block;
	position: relative;
	font: 0.7em/1.2em helvetica, arial, sans-serif;
	color: #1f4079;	
	text-decoration: none;
}
ul#footerlinks li a:hover, ul#footerlinks li a:active, ul#footerlinks li a:focus {
	margin: 0 0.5em 0 0.5em;
	padding: 0;
	display: block;
	position: relative;
	font: 0.7em/1.2em helvetica, arial, sans-serif;
	color: #bf0000;
	text-decoration: none;
}
ul#footerlinks li a:link.current, ul#footerlinks li a:visited.current {
	margin: 0 0.5em 0 0.5em;
	padding: 0;
	display: block;
	position: relative;
	font: 0.7em/1.2em helvetica, arial, sans-serif;
	color: #bf0000;
	text-decoration: none;
}
ul#footerlinks li a:link.noleftpad, ul#footerlinks li a:visited.noleftpad, ul#footerlinks li a:hover.noleftpad, ul#footerlinks li a:active.noleftpad, ul#footerlinks li a:focus.noleftpad{
	margin: 0 0.75em 0 0;
}
ul#footerlinks li.noline{
	border-right: none;
}

/* *********** END FOOTER NAVIGATION *********** */