/******************* 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: 88px;
	left: 50%;
	width: 625px;
	height: 35px;
	margin: 0 0 0 -381px;
	padding: 0;
	text-indent: -9999px;
	display: block;
	z-index: 900;
	background: url(/imagebank/1354-skip-nav.jpg) top left no-repeat; 
	}
/******************* End Skip Navigation *******************/

body{
	margin: 0;
	padding: 10px;
}
#maincontainer{
	margin: 0 auto;
	padding: 0;
	width: 762px;
}
#header{
	margin: 0;
	padding: 0;
	width: 762px;
	height: 120px;
	z-index: 100;
}
#header a img{
	border: none;
}

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

#navholder{
	margin: 0 0 10px 0;
	padding: 0px;
	width: 758px;
	background: url(/imagebank/1354-nav-back.jpg) bottom left repeat-x;
	border: 1px solid #d7d7d7;
}

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;
	background: url(/imagebank/1354-nav-div.gif) center right no-repeat;
}

ul#nav li a:link, ul#nav li a:visited  {
	margin: 2px 6px 2px 4px;
	padding: 7px 10px 7px 18px;
	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.85em/1.2em helvetica, arial, sans-serif;
	font-weight: bold;
	color: #000;	
	text-decoration: none;
	background: transparent url(/imagebank/1354-nav-red-pointer.gif) top left no-repeat;
	background-position: 5px 0.8em
}
	
ul#nav li a:hover, ul#nav li a:focus {
	margin: 2px 6px 2px 4px;
	padding: 7px 10px 7px 18px;
	position: relative;
	display: block;
	font: 0.85em/1.2em helvetica, arial, sans-serif;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: #ee3228 url(/imagebank/1354-nav-wht-pointer.gif) top left no-repeat;
	background-position: 5px 0.8em
}

ul#nav li a:active{
	margin: 2px 6px 2px 4px;
	padding: 7px 10px 7px 18px;
	position: relative;
	display: block;
	font: 0.85em/1.2em helvetica, arial, sans-serif;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: #00a7e2 url(/imagebank/1354-nav-wht-pointer.gif) top left no-repeat;
	background-position: 5px 0.8em
}

ul#nav li a:link.current, ul#nav li a:visited.current {
	margin: 2px 6px 2px 4px;
	padding: 7px 10px 7px 18px;
	position: relative;
	display: block;
	font: 0.85em/1.2em helvetica, arial, sans-serif;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: #ee3228 url(/imagebank/1354-nav-wht-pointer.gif) top left no-repeat;
	background-position: 5px 0.8em
}
ul#nav li a:active.current{
	background: #00a7e2 url(/imagebank/1354-nav-wht-pointer.gif) top left no-repeat;
	background-position: 5px 0.8em
}

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: 2px 6px 2px 4px;
}

ul#nav li.noline{
	border-right: none;
}

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

#container{
	margin: 0;
	padding: 0;
	width: 760px;
}

#content{
	margin: 0;
	padding: 0;
	float: left;
	width: 760px;
}
#content.withcol{
	width: 590px;
}
.homeimgholdout{
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
	width: 593px;
	background: url(/imagebank/1354-homeimgholder-back.gif) top left repeat-y;
}
.homeimgholder{
	margin: 0;
	padding: 0;
	float: left;
	width: 593px;
	background: url(/imagebank/1354-home-img.jpg) bottom left no-repeat;
}
.contentborder{
	position: relative;
	margin: 0;
	padding: 10px;
	clear: both;
	border: 1px solid #d9d9d9;
}

/* *************** start image positioning *************** */ 
.imgleft{
	position: relative;
	float: left;
}
.imgright{
	position: relative;
	float: right;
}
/* *************** end image positioning *************** */ 

h1{
	margin: 0;
	padding: 10px;
	font: 1.4em/1.2em Arial, Helvetica, sans-serif;
	color: #ee3228;
	font-weight: bold;
	text-transform: uppercase;
	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
}
.h1_shadow{
	margin: 0;
	padding: 0 4px 4px 0;
	background: url(/imagebank/1354-h1-back.gif) bottom right no-repeat;
}
.h1_container{
	margin: 0;
	padding: 10px;
	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	background: #f5f4f4;
}
#content.withcol .h1_footer{
	position: relative;
	margin: 0 0 10px 0;
	padding: 0 0 16px 0;
	background: #f5f4f4 url(/imagebank/1354-h1-590-foot.gif) bottom right no-repeat;
}

#content .h1_footer{
	position: relative;
	margin: 0 0 10px 0;
	padding: 0 0 16px 0;
	background: #f5f4f4 url(/imagebank/1354-h1-760-foot.gif) bottom right no-repeat;
}

h2{
	margin: 1em 0 0.5em 0;
	padding: 0;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	color: #ee3228;
	font-weight: bold;
}
h2.top{
	margin: 0 0 0.5em 0;
}
h3{
	margin: 2em 0 0.5em 0;
	padding: 0;	
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
}
h4{
	margin: 1em 0 0 0;
	padding: 0;	
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
}

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

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: #36c;
	text-decoration: underline;
}
#content a:hover, #content a:active, #content a:focus{
	color: #36c;
	text-decoration: none;
}

/* ***************** START PANEL ***************** */
.panel{
	float: right;
	margin: 0;
	padding: 0 0 20px 0;
	width: 214px;
	background: #f90;
	background: #fff url(/imagebank/1354-panel-bot.gif) bottom left no-repeat;
}
.innerwrap{
	margin: 0;
	padding: 0;
	float: left;
}
.panel h2{
	margin: 0;
	padding: 0;
	text-indent: -999999px;
	width: 213px;
	height: 31px;
	background: url(/imagebank/1354-key-facts.gif) top left no-repeat;
}
.panel ul.panel_list{
	margin: 0;
	padding: 0.2em 0 0 0;
	width: 208px;
	list-style: none;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	background: #fcfcfc url(/imagebank/1354-panel-back.gif) bottom left repeat-x;
}
.panel ul.panel_list li{
	margin: 0;
	padding: 0 0 0 17px;
	width: 185px;
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	color: #000;
	background: url(/imagebank/1354-panel-pointer.gif) top left no-repeat;
	background-position: 10px 0.5em;
}
/* Fix IE. \*/
* html .panel ul.panel_list li.underline { height: 1%;}      /* This stops IE adding extra spacing after the list, bloading its container element */
/* End */

.underline{ 			/* This is a span around the li that gives the underline and positions the text padding */
	margin: 0;
	padding: 0.2em 5px 0.5em 5px;
	display: block;
	background: url(/imagebank/1354-panel-hdiv.gif) bottom left repeat-x;
}
.panelminheight{
	margin: 0;
	padding: 0;
	float: right;
	width: 1px;
	height: 196px;
}
/* ***************** END PANEL ***************** */

#rightcol{
	margin: 0;
	padding: 0;
	width: 164px;
	float: right;
}
#rightcol a img{
	border: none;
}

#rightcol a:link.careerbox, #rightcol a:visited.careerbox{
	display: block;
	margin: 0;
	padding: 0;
	width: 160px;
	height: 110px;
	background: url(/imagebank/1354-careers-panel.gif) top left no-repeat;
}
#rightcol a:hover.careerbox, #rightcol a:active.careerbox, #rightcol a:focus.careerbox{
	display: block;
	margin: 0;
	padding: 0;
	width: 160px;
	height: 110px;
	background: url(/imagebank/1354-careers-panel-o.gif) top left no-repeat;
}



#rightcol a.careerbox p{
	margin: 0;
	padding: 0;
	text-indent: -999999px;
}
.clearboth{
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}
.offscreen{
	position: absolute;
	top: -99999px;
	left: -99999px;
}
.contentborder ul{
	margin: 0.5em 0;
	padding: 0;
}
.contentborder ul li{
	margin: 0 0 0.5em 1.5em;
	padding: 0;	
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	color: #000;
}
.contentborder li ul li{
	margin: 0 0 0.5em 1.5em;
	padding: 0;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	color: #000;
}

.next2img{
	position: relative;
	float: left;
	width: 220px;
}
img.padtop{
	margin-top: 10px;
}


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


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

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

.contentborder ul.imagelist{
	position: relative;
	margin: 0.5em 0;
	padding: 0;
	list-style: none;
}
.contentborder ul.imagelist li{
	margin: 0 0 0.5em 0;
	padding: 0 0 0 2em;	
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	color: #000;
	background: url(/imagebank/1354-list-pointer.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  */
}
.contentborder ul.imagelist li ul{
	margin: 0.5em 0;
	padding: 0;
	list-style: none;
}
.contentborder 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: #000;
	background: url(/imagebank/1354-list-pointer.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 #fff;
	border-left: 1px solid #fff;
}
table caption{
	margin: 0;
	padding: 5px 0.4em 5px 0;
	text-align: right;	
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	color: #000;
	font-style: italic;
}
table th{
	margin: 0;
	padding: 0.4em 0.8em;
	background: #6e6e6e;	
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
table th.blank{
	margin: 0;
	padding: 0.4em 0.8em;
	background: #fff;	
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	color: #000;
	border-right: 1px solid #003440;
	border-bottom: 1px solid #003440;
}
table td{
	margin: 0;
	padding: 0.4em 0.8em;
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	text-align: left;
	color: #000;	
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
table tr.odd{
	background: #f3f1f2;	
}
table tr.even{
	background: #e7e7e7;	
}
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 */


/* Fix IE. \*/
* html #content ol{
	padding: 0 0 0 1.5em;
	width: 95%;
}
* html #content ol li{
	margin: 0 0 0.5em 0.5em;
}
* html #content ol li ol li{
	margin: 0 0 0.5em 1em;
}
* html #content ul li ul.alpha li{
	margin: 0 0 0.5em 3.5em;
}
/* End */



/* ************** 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 0 0.5em 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: #000;
	margin:0 0 0.3em 0;
	padding:0 0 0.3em 0;
}
#content .job_role{
	display: block;
	color: #000;
	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 */
	margin: 0 0 0.5em 0;
	padding: 0;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	color: #ee3228;
	font-weight: bold;
	border: none;
	text-transform: none;
}
p.logo{
	margin: 0;
	padding: 0;
}
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 0em 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 ************** */


#footer{
	margin: 0 auto;
	padding: 20px 10px;
	width: 740px;
}

#footer li {
	display: inline;
	margin: 0 0.5em 0 0;
	padding: 0 0 0 0;
	font: 0.7em/1em Arial, Helvetica, sans-serif;
}
#footer li a{
	padding: 0 0.8em 0 0;
}
.lineright{
	border-right: 1px solid #ee3228;
}

#footer a:link, #footer a:visited{
	color: #ee3228;
	text-decoration: underline;
}
#footer a:hover, #footer a:active, #footer a:focus{
	color: #ee3228;
	text-decoration: none;
}
#footer ul.txtleft{
	margin: 0;
	padding: 0;
	float: left;
	width: 60%;
}
#footer ul.txtright{
	margin: 0;
	padding: 0;
	float: right;
	width: 25%;
	text-align: right;
}
#footer ul.txtright li{
	margin-right: 0;
}
#footer ul.txtright li a{
	padding: 0;
}