/******************* 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: 60px;
	left: 0px;
	width: 134px;
	margin: 0;
	padding: 0 13px;
	display: block;
	z-index: 900;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	font: 0.7em/1.2em Verdana, Helvetica, sans-serif;
	background: #dc3a2d url(/imagebank/1789-skip-pointer.gif) top right no-repeat;
}
	
/******************* End Skip Navigation *******************/

body{
	margin: 0;
	padding: 0;
	background: #fff;
}
#container{
	position: relative;
	margin: 0 auto;
	padding: 0 0 80px 0;
	width: 760px;
	background: url(/imagebank/1789-footer-top.gif) bottom right no-repeat;	
}
#leftcol{
	margin: 0;
	padding: 0;
	float: left;
	width: 220px;
}

/* ------------------------ START IF FIXES --------------------------- */

/* Fix IE. Hide from IE Mac \*/
* html  ul#nav li { float: left; height: 1%; }
* html ul#nav li a:link, * html ul#nav li a:visited, * html ul#nav li a:hover, * html ul#nav li a:active, * html ul#nav li a:focus { height: 1%; }
/* End */

/* ------------------------ END IE FIXES --------------------------- */

/* ------------------------ START MENU --------------------------- */


ul#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 160px; /* Width of Menu Items */
	border-top: 1px solid #fff;
	background: #dc3a2d;
}

ul#nav li ul{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 158px; /* Width of Menu Items */
	background: #fff;
	border-left: 1px solid #dc3a2d;
	border-right: 1px solid #dc3a2d;
}

ul#nav li {
	position: relative;
	}


ul#nav li a:link, ul#nav li a:visited {
	display: block;
	font: 0.7em/1.2em Verdana, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	padding: 4px 13px 4px 13px;
	border-bottom: 1px solid #fff;
	}



ul#nav li a:hover, ul#nav li a:focus { 
	color: #fff; 
	background: #e7848a url(/imagebank/1789-nav-point-wht.gif) top right no-repeat;
 } 
 
ul#nav li a{ 
	color: #fff; 
	background: #dc3a2d;
 } 
 
ul#nav li a.current { 
	color: #fff; 
	background: #e7848a url(/imagebank/1789-nav-point-wht.gif) top right no-repeat;

 } 
ul#nav li a.hilite{
	background: #e7848a;
}
		
ul#nav li ul li a:link, ul#nav li ul li a:visited { 
	padding: 4px;  
	color: #dc3a2d; 
	font: 0.7em/1.2em Verdana, Helvetica, sans-serif;
	font-weight: bold;
	background: #fff;
	border-bottom: 1px solid #dc3a2d;
	padding: 4px 13px 4px 13px;
}
ul#nav li ul li.mshade a:link, ul#nav li ul li.mshade a:visited { 
	background: #f66;
}

ul#nav li ul li a:hover, ul#nav li ul li a:active, ul#nav li ul li a:focus  { 
	padding: 4px 13px 4px 13px;
	color: #dc3a2d; 
	font: 0.7em/1.2em Verdana, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom: 1px solid #dc3a2d;
	background: #fff url(/imagebank/1789-nav-point-red.gif) top right no-repeat;
}
ul#nav li ul li a.current:link, ul#nav li ul li a.current:visited, ul#nav li ul li a.current:hover, ul#nav li ul li a.current:active, ul#nav li ul li a.current:focus   { 
	padding: 4px 13px 4px 13px;
	color: #dc3a2d; 
	font: 0.7em/1.2em Verdana, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom: 1px solid #dc3a2d;
	background: #fff url(/imagebank/1789-nav-point-red.gif) top right no-repeat;
}


 /* ------------------------ END MENU --------------------------- */


img.navend{
	margin: 0;
	padding: 0;
	clear: both;
	float: left;
}

#content{
	position: relative;
	padding-right: 10px;
	float: right;
	width: 530px;
}
#content.home h1, #content.home h2, #content.home h3, #content.home p{
	width: 290px;
} 
#content.home .dotline{
	width: 300px;
} 
#content.home h1 {
	float: left;
	margin: 0;
	padding: 0;
}

p{
	margin: 0 0 1em 0;
	padding: 0;
	font: 0.7em/1.2em Verdana, Verdana, Helvetica, sans-serif;
	color: #333;
}
h1{
	margin: 0 0 1em 0;
	padding: 0;
	font: 1em/1.2em Verdana, Verdana, Helvetica, sans-serif;
	color: #333;
	font-weight: bold;
}
h2{
	margin: 1em 0 0.5em 0;
	padding: 0;
	font: 0.85em/1.2em Verdana, Verdana, Helvetica, sans-serif;
	color: #333;
	font-weight: bold;
}
h3{
	margin: 0 0 0 0;
	padding: 0;
	font: 0.7em/1.2em Verdana, Verdana, Helvetica, sans-serif;
	color: #333;
	font-weight: bold;
}
p.links{
	padding: 0 0 0 10px;
}
h2.links{
	margin: 0;
	padding: 0 0 0 10px;
	background: url(/imagebank/1789-pointer.gif) top left no-repeat;
	background-position: 0 0.25em;
}
#content .dotline{
	display: block;
	margin: 0.5em 0;
	padding: 0;
	height: 1px;
	background: url(/imagebank/1789-hr-back.gif);
}
html .imgright{
	margin: 0 0 0.5em 0.5em;
	padding: 0;
	float: right;
}
html .clearboth{
	margin: 0;
	padding: 0;
	clear: both;
	height: 0;
}
#content a:link, #content a:visited{
	color: #39f;
	text-decoration: underline;
	font-weight: bold;
}
#content a:hover, #content a:active, #content a:focus {
	color: #dc3a2d;
	text-decoration: none;
	font-weight: bold;
}

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

#content ul.linklist{
	margin: 0;
	padding: 0;
	list-style: none;
}
#content ul.linklist li{
	margin: 0 0 1em 0;
	padding: 0 0 0 10px;
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	color: #000;
	background: url(/imagebank/1789-pointer.gif) top left no-repeat;
	background-position: 0 0.2em;
}
/* Fix IE. \*/
* html ul.linklist li { height: 1%;}      /* This stops IE adding extra spacing after the list, bloading its container element */
/* End */

#content ul.linklist li ul{
	margin: 0.5em 0 1em 0;
	padding: 0;
	list-style: none;
}
#content ul.linklist li ul li{
	margin: 0 0 0.5em 0;
	padding: 0 0 0 10px;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	color: #000;
	background: none;
}
/* Fix IE. \*/
* html ul.linklist li { height: 1%;}      /* This stops IE adding extra spacing after the list, bloading its container element */
/* End */




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


ol{
	margin: 0.5em 0;
	padding: 0;
}
ol li{
	margin: 0 0 0.5em 1.5em;	
	padding: 0;	
	font: 0.7em/1.2em Verdana, Helvetica, sans-serif;
	color: #333;
}
li ol li{
	margin: 0 0 0.5em 1.5em;
	padding: 0;
	font: 1em/1.2em Verdana, Helvetica, sans-serif;
	color: #333;
}

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

ul.imagelist{
	position: relative;
	margin: 0.5em 0;
	padding: 0;
	list-style: none;
}
ul.imagelist li{
	margin: 0 0 0.5em 0;
	padding: 0 0 0 2em;	
	font: 0.75em/1.2em Verdana, Helvetica, sans-serif;
	color: #333;
	background: url(/imagebank/1789-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  */
}
ul.imagelist li ul{
	margin: 0.5em 0;
	padding: 0;
	list-style: none;
}
ul.imagelist li ul li{
	margin: 0 0 0.5em 0;
	padding: 0 0 0 1.5em;
	font: 1em/1.2em Verdana, Helvetica, sans-serif;
	color: #333;
	background: url(/imagebank/1789-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) 
 is position in from the left, then position down from the top  */
}
#content ul.listleft{
	float: left;
	width: 48%;
}
#content ul.listright{
	float: left;
	width: 48%;
}
#content ul.nobullet{
	list-style: none;
}
#content ul.nobullet li{
	margin: 0 0 0.5em 0em;		
}
table{
	margin: 0;
	padding: 0;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}
table caption{
	margin: 0;
	padding: 5px 0.4em 5px 0;
	text-align: right;	
	font: 0.75em/1.2em Verdana, Helvetica, sans-serif;
	color: #000;
	font-style: italic;
}
table th{
	margin: 0;
	padding: 0.4em 0.8em;
	background: #666;	
	font: 0.7em/1.2em Verdana, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	color: #fff;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}
table th.blank{
	margin: 0;
	padding: 0.4em 0.8em;
	background: #fff;	
	font: 0.7em/1.2em Verdana, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	color: #333;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}
table td{
	margin: 0;
	padding: 0.4em 0.8em;
	font: 0.7em/1.2em Verdana, Helvetica, sans-serif;
	text-align: left;
	color: #333;	
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}
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.25em/1.2em Verdana, 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: #333;
	margin:0 0 0.3em 0;
	padding:0 0 0.3em 0;
}
#content .job_role{
	display: block;
	color: #333;
	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 Verdana, Helvetica, sans-serif;
	color: #000;
	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;
	line-height: 1.4em;    /* Line height adjusted 0.2em to compensate for reduction */
}
.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: #333;
}

#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 #333;
}




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





#footer{
	margin: 0 auto;
	padding: 10px 0;
	width: 760px;
}
#footer p{
	margin: 0;
	padding: 0;
	font: 0.7em/1.2em Verdana, Helvetica, sans-serif;
}
#footer a:link, #footer a:visited{
	color: #4f7499;
	text-decoration: underline;
} 
#footer a:hover, #footer a:active, #footer a:focus {
	color: #4f7499;
	text-decoration: none;
}