/******************* 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: 80px;
	left: 0px;
	width: 131px;
	height: 25px;
	margin: 0;
	padding: 0;
	display: block;
	z-index: 900;
}
	
/******************* End Skip Navigation *******************/



body{
	margin: 0;
	padding: 0;
}

#header{
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 960px;
}


/* ********** Start navigation ********** */

#header ul#nav{
	padding: 0 0 0 0;
	margin: 0;
	list-style: none;
}
#header ul#nav li{
	position: relative;
	float: left;
}
#header ul#nav li a{
	position: relative;
	margin: 0 1px 0 0;
	padding: 0;
	float: left;
	text-indent: -999999px;
	display: block;
}
#header ul#nav li a.home{
	width: 63px;
	height: 29px;
	background: url(/imagebank/2484WKL_home_tab.gif) top left no-repeat;
}
#header ul#nav li a.why{
	width: 133px;
	height: 29px;
	background: url(/imagebank/2484WKL_why_tab.gif) top left no-repeat;
}
#header ul#nav li a.brands{
	width: 98px;
	height: 29px;
	background: url(/imagebank/2484WKL_brands_tab.gif) top left no-repeat;
}
#header ul#nav li a.about{
	width: 83px;
	height: 29px;
	background: url(/imagebank/2484WKL_about_tab.gif) top left no-repeat;
}
#header ul#nav li a.training{
	width: 77px;
	height: 29px;
	background: url(/imagebank/2484WKL_training_tab.gif) top left no-repeat;
}
#header ul#nav li a.benefits{
	width: 78px;
	height: 29px;
	background: url(/imagebank/2484WKL_benefits_tab.gif) top left no-repeat;
}
#header ul#nav li a.jobs{
	width: 135px;
	height: 29px;
	background: url(/imagebank/2484WKL_jobs_tab.gif) top left no-repeat;
}


#header ul#nav li a.current{
	background-position: 0 -29px;
}
#header ul#nav li a:hover, #header ul#nav li a:active, #header ul#nav li a:focus{
	background-position: 0 -29px;
}
#header .imgright{
	float: right;
}


/* ********** End navigation ********** */
 

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

div.band{
	clear: both;
	margin: 0;
	padding: 0 0 20px 0;
	background: #92499e url(/imagebank/2484WKL_chevron.gif) bottom left repeat-x;
}

div.band div.bandcontainer{
	margin: 0 auto;
	padding: 0;
	width: 960px;

}

div.band div.bandcontainer h1{
	margin: 0;
	padding: 20px 0 10px 0;
}
div.band div.bandcontainer h1.nobottom{
	margin: 0;
	padding: 20px 0 0 0;
}
div.band div.bandcontainer p.nopad{
	margin: 0;
	padding: 0;
}

div.band .imgright{
	margin: 0;
	padding: 0;
	float: right;
}

#contentholder{
	position: relative;margin: 0 auto;
	padding: 0;
	width: 960px;
}

/* ********** Start sub navigation ********** */

#contentholder #subnav{
	position: absolute;
	top: -60px;
	right: 0;
	width: 270px;
	margin: 0;
	padding: 0;
	background: url(/imagebank/2484WKL_subnav_back.gif) top left repeat-x;
}
#contentholder #subnav .corner{
	margin: 0;
	padding: 0;
	width: 270px;
	height: 20px;
	background: url(/imagebank/2484WKL_subnav_corner.gif) top left no-repeat;
}

#contentholder #subnav h2{
	margin: 10px 0 1em 20px;
	width: 220px;
}

#contentholder #subnav p{
	margin: 0 0 1em 20px;
	width: 220px;
	font: 0.9em/1.6em "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#contentholder #subnav p.link {
	padding-left: 12px;
	background: url(/imagebank/2484WKL_point_right.gif) top left no-repeat;
	background-position: 0 0.5em;
}
#contentholder #subnav .subminheight{
	float: right;
	height: 200px;
	background: #f90;

}
#contentholder #subnav ul{
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;
	width: 220px;
}

#contentholder #subnav ul li{
	margin: 0 0 0.5em 0;
	padding: 0 0 0 15px;
	background: url(/imagebank/2484WKL_purple_pointer.gif) top left no-repeat;
	background-position: 0 0.4em;
	font: 0.9em/1.6em "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#contentholder #subnav ul li a:link, #contentholder #subnav ul li a:visited{
	color: #92499e;
	text-decoration: none;
}
#contentholder #subnav ul li a:hover, #contentholder #subnav ul li a:active, #contentholder #subnav ul li a:visited{
	color: #92499e;
	text-decoration: underline;
}

/* ********** End sub navigation ********** */



#content{
	margin: 0;
	padding: 20px 0;
	width: 960px;
}
#content.withnav{
	width: 660px;
}

a:link, a:visited{
	color: #f00;
	text-decoration: underline;
}

a:hover, a:active, a:focus{
	color: #f00;
	text-decoration: none;
}




#content h2.img{
	margin: 20px 0 0 0;
	padding: 0;
}

#content h2{
	margin: 0.5em 0 0.5em 0;
	padding: 0;
	font: 1.2em/1.6em "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #92499e;
	font-weight: bold;
}

#content p{
	margin: 0 0 1.5em 0;
	padding: 0;
	color: #92499e;
	font: 0.9em/1.6em "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#content ul{
	margin-top: -1em;
}

#content ul li{
	margin: 0 0 0.5em 0;
	padding: 0;
	color: #92499e;
	font: 0.9em/1.6em "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#content p.link{
	padding-left: 12px;
	background: url(/imagebank/2484WKL_point_right.gif) left no-repeat;
}

#content .imgright{
	margin: 0 0 1em 1em;
	float: right;
}

#content .imgleft{
	margin: 0 1em 1em 0;
	float: right;
}




.logoholder{
	margin: 0 0 0 0;
	padding: 0;

}
.logoholder img{
	margin: 0;
	padding: 0;
	float: left;
}

/* ********** Start footer ********** */

#footer{
	margin: 20px 0 0 0;
	padding: 30px 0 20px 0;
	background: #ffffff url(/imagebank/2484WKL_footer_back.gif) top left repeat-x;
}
#footer p{
	margin: 0 auto;
	padding: 0;
	width: 960px;
	font: 0.8em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #92499e;
}

/* ********** End footer ********** */



/* ************** 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;
	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 "Trebuchet MS", 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;
	margin:0 0 0.3em 0;
	padding:0 0 0.3em 0;
}
#content .job_role{
	display: block;
	margin:0 0 0.3em 0;
	padding:0 0 1em 0;
}
/* List elements */



#content h1.title{                                /*<------ This is used to create a differing title style if required for the job title */
	font: 1.2em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #92499e;
	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 0 0;
	padding: 1em 0 0 0;
	text-align: center;}

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

#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 #92499e;
}

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