body {
		margin: 0;			
		padding: 0 0 15px 0;
		font-family: Verdana, Helvetica, Sans-serif; 	
		font-size: 100%;
		background: #4a4a4a url(../images/bodyBg.jpg) no-repeat center 0;
		line-height:1.125em; /* 16×1.125=18 */
	}

	div#wrapper {
		width: 960px;
		padding: 0;		
		margin: 0 auto; /*Center container on page*/
		margin-top: 0;		
		display: inline;	
		
	}	
	
	/* Hides from IE5-mac \*/
* html #wrapper {height: 1%;}
/* End hide from IE5-mac */

.noPrint {
	display: none;
}

/* *************************************
	CSS for the box starts here
************************************* */

.cb {
	margin: 0 auto; /*Center container on page*/
	width: 974px;
}

/* Hides from IE5-mac \*/
* html .cb {height: 1%;}
/* End hide from IE5-mac */

/* Hides from IE5-mac \*/
* html #cb {height: 1%;}
/* End hide from IE5-mac */


/* Rules for the top corners and border */
.bt {
	background:url(/css/general/box.png) no-repeat 100% 0;
	margin:0;	
}

/* Hides from IE5-mac \*/
* html #bt {height: 1%;}
/* End hide from IE5-mac */




/* Insert the left border */
.i1 {
	padding:0 0 0 7px;
	background:#131313 url(../images/pageBg.jpg) repeat-x 0 0;
}

/* Hides from IE5-mac \*/
* html .i1 {height: 1%;}
/* End hide from IE5-mac */
	
/* Insert the right border */
.i2 {
	padding:0 7px 5px 0;
	background:url(/css/general/borders.png) repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	background: #404040 url(../images/wrapperBg.jpg) no-repeat 0 0;
	padding:0;
	margin-bottom: 7px;
}

/* Hides from IE5-mac \*/
* html .i3 {height: 1%;}
/* End hide from IE5-mac */
	




/* *************************************
	Global
************************************* */
div.clear {
	clear: both !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	font-size: 1px !important;
	height: 0px !important;
	width: 0px !important;
	float: none !important;
}

div.clearDot {
	clear: both !important;
	margin: 0 !important;
	padding: 0 !important;	
	font-size: 1px !important;
	height: 1px !important;
	width: auto !important;
	float: none !important;
	border: 1px dotted #7d7d7d;
}



 .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */


.right {
	 float: right;
		 }
		 
.rightText {
	 text-align: right;
		 }	
		 
.left {
	float: left;
}		 	 
		 
table td {
text-align:-moz-center;
vertical-align: top;
padding: 3px 7px 3px 7px;
}

img {
	border: none;
}		 
		 
/* *************************************
	Typography
************************************* */

p { 
	font-size: 0.76em; 	
	margin-bottom: 0.7em; 
	line-height: 1.2em;
	margin-top: 0.7em;	
}


ul, dl {
	font-size: .8em; 
}	

h1 {
	color: #003;
	font-size: 1.4em;
	padding-top: 10px;
	margin: 0;
	padding-left: 0;
	padding-bottom: 5px;	
	padding-right: 0px;		
	border: none;	
	width: auto;
	font-family:  Arial, Helvetica,sans-serif; 	
}	

#fullContent {
	font-size: 0.76em; 	
}

#fullContent dl, #fullContent p, #fullContent ul {
	font-size: 1em; 	
}

#fullContent ul li {
	font-size: 1.4em; 	
}

#fullContent h1 {
	color: #e70375;	
	margin-top: 15px;
	font-size: 1.2em;
}	

#fullContent h1.title {
	color: #e70375;
	font-size: 1.4em;
	padding-top: 10px;
	margin: 0;
	margin-top: 15px;	
	padding-left: 0;
	padding-bottom: 5px;	
	padding-right: 0px;	
	border: none;	
	font-weight: normal;
	font-style: italic;
	font-family:  Georgia, serif; 	
}	

#content h1 {
	color: #fff;
	font-size: 1.4em;
	padding-top: 10px;
	margin: 0;
	padding-left: 0;
	padding-bottom: 5px;	
	padding-right: 0px;	
	border: none;	
	font-weight: normal;
	font-style: italic;
	font-family:  Georgia, serif; 	
}	

h2 {
	font-size: 1.4em;
	color: #fff;
	padding: 0;
	line-height: 1.4em;
	font-weight: normal;
	font-style: italic;
	font-family: Georgia, serif; 	
	margin: 0;
}

.homeMidCol h2 {
	border: none;
	padding: 0;
	line-height: 1em;
	font-weight: bold;
	font-style: italic;
	margin: 0;
	color: #06c;
}

#fullContent h2 {
	color: #e70375;		
	font-size: 1.1em;
	font-family:  Arial, Helvetica,sans-serif; 	
	font-weight: bold;
	font-style: normal;
	margin-top: 0;
}	


h3 {
	font-size: 1.1em;
	color: #06c;
}

h4 {
	font-size: 1em;
	color: #06c;
}

h5 {
	font-size: 0.9em;
	color: #06c;
}
#labfooter p {
color: #ccc;
}

 a:link,  a:visited { color: #36f; text-decoration: none;}

 a:hover, a:active {color: #939; text-decoration: underline;}	

#labfooter a:link, #labfooter a:visited { color: #fff; text-decoration: none;}

#labfooter a:hover, #labfooter a:active {color: #9cf; text-decoration: underline;}	



/* *************************************
	Header
************************************* */	 

#headSection
{
	width: 960px;
	min-height:140px;
	height:auto !important;
	height:140px;
	margin: 0 0 2px 0;	
	padding: 0;
	
}

/* Hides from IE5-mac \*/
* html #headSection {height: 1%;}
/* End hide from IE5-mac */

.logo {
	margin-left: 25px;}


		


#homePage {
margin: 0 0 0 28px;
width: 904px;
padding: 0;
background: url(../images/3colBg.gif) repeat-y 0 0;
}

/* Hides from IE5-mac \*/
* html #homePage {height: 1%;}
/* End hide from IE5-mac */

#subPage {
margin: 0 0 0 28px;
width: 904px;
padding: 0;
background: url(../images/2colBgLight.gif) repeat-y 0 0;
}

/* Hides from IE5-mac \*/
* html #homePage {height: 1%;}
/* End hide from IE5-mac */

#subPageFull {
margin: 0 0 0 28px;
width: 904px;
padding: 0;
background: url(../images/1colBgDark.gif) repeat-y 0 0;
}

/* Hides from IE5-mac \*/
* html #homePage {height: 1%;}
/* End hide from IE5-mac */



.purpleBut {
	font-size: 1em;
	background:#522887 url(/css/general/but_bg_purp.gif) no-repeat scroll 0 0 !important;
color:#fff;
display:block;
font-weight:bold !important;
padding: 2px 3px 2px 3px !important;
text-align:center;
width: auto !important;
border: none;
text-decoration : none;
	cursor:pointer; 
	margin: -1px 0 0 2px  !important;
}




.linkBut {
background:#522887 url(/css/general/but_bg_purp.gif) no-repeat scroll 0 0 !important;
color:#fff;
display:inline;
font-size:0.8em;
font-weight:bold;
height:auto !important;
line-height:24px;
margin:0 0 0 15px;
min-height:24px;
padding:0px 10px 2px 25px;
text-align:left;
width: 10em;
}

.latest {
	margin-top: 10px;
	margin-bottom: 10px;	
	padding: 0;
}

.latest ul, #lhsNav ul {
    margin:0;	
    list-style:none;
	padding:0;	
	width: auto;
	}
	
#headerLinks li ul {
	position: absolute;
	left: 254px;
	top: 3px;
	margin-bottom: none;
	list-style:none;
	width: 250px;
	padding: 0;
	background: #fff;
	display: none;		
	}
	
#headerLinks li:hover ul, #headerLinks li.over ul { 
	display: block; 
	}		


	
#headerLinks  li {  	
	text-align: right;  
    margin:0 6px 0 0;
    padding: 5px 0 5px 20px;
	color: #fff;
	line-height: 1em;
	position: relative;
    }	
	
	
	
#headerLinks li a {
	display: block;
	text-decoration: none;
	color: #000;	
	font-weight: bold;	
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */


#headerLinks  li a:active, #headerLinks  li a:hover {
	color: #ce1126;
	font-weight: bold;
	text-decoration: none;
}	



#headerLinks ul li a {
	display: block;
	text-decoration: none;
	text-align: left !important;
	color: #000;	
	background: #fff;
	}
	
	
/* *************************************
		navigation bar
	************************************* */

#navholder {
	width: 100%;
	margin: 0 auto; /*Center container on page*/
	margin-top: -1px;	
	padding: 0;
	padding-top: 5px;	
	background: #f39 url(../images/nav_bg.gif) no-repeat 100% 0;   	
	height: 1.4em;
	border: none;
	
}

#nav {

	background: #f39 url(../images/nav_bg.gif) no-repeat 100% 0;     
    font-weight:bold;
	font-size:0.8em;
	font-face: Arial, Helvetica, sans-serif;
    width: auto;	
}

#nav {
    float:left;    
   line-height:1.2em;
    padding:0;  
    margin:0;
    width:100%;
    }
	
#nav {
	list-style: none;}	



#nav a {
    color: #fff;
    text-decoration:none;
    padding:0px 12px;	
    }

#nav li {
    display: inline;
    padding:0;
	padding-bottom: 2px;
	border-right: 2px solid #fff;	
    }	


#nav li:hover a {
    color:#f39;
    }
#nav li:hover li a {
    color:#f39;
	
    }

#nav li:hover {
    background:#fff;		
    }
	
		
	
 ul#bottomLinks
{	
	margin: 0;
	padding: 0;
}

 ul#bottomLinks li
{
	display: inline;
	margin-right: 0.8em;	
	color: #fff;
}

#bottomLinks li a, #bottomLinks li a:visited {
	color: #fff;
}

#bottomLinks li a:active, #bottomLinks li a:hover {
	color: #6cf;
}

#bottomLinksRight
{	
	margin: 0;
	padding: 0;
	float: right;
	color: #ccc;
}

 
#bottomLinksRight a, #bottomLinksRight a:visited {
	color: #fff;
}

#bottomLinksRight a:active, #bottomLinksRight a:hover {
	color: #6cf;
}


div#lhsNav a.selected
{
	color: #f718ab;
}

div#lhsNav h2 a.selected
{
	color: #fff;
}


div#breadcrumb ul li
{
	display: block;
	float: left;
	margin-right: 1em;
}

#bodySection
{	
	margin: 0;
	padding: 0;
	padding-bottom: 60px;
		
}

/* Hides from IE5-mac \*/
* html #bodySection {height: 1%;}
/* End hide from IE5-mac */

#footSection
{	
	margin: 0 auto; /*Center container on page*/		
	display: inline;	
	width: 960px;	
	color: #fff;
	font-size: 0.86em;
	text-align: center;	
}


#footSection a, #footSection a:visited {
	color: #99cc66;
}

#footSection a:active, #footSection a:hover {
	color: #cf9;
	text-decoration: underline;
}


/* content */

#innerDiv {
	height: 100%;
	width: 100%;
	background: url("../images/bl.gif") no-repeat 0 100%; 
	position: relative;
	padding-bottom: 60px;
}

#subPageFull #innerDiv {
	height: 100%;
	width: 100%;
	background: none; 
	position: relative;
	padding-bottom: 20px;
}

#subPage #innerDiv {
	height: 100%;
	width: 100%;
	background: none; 
	position: relative;
	padding-bottom: 20px;
}



div.homeLeftCol
{
	float: left;
	width: 237px;
	margin: 0;
	margin-right: 10px;
	padding-left: 10px;	
	display: inline;
	}
	
	
	


.quote {
	color: #fff;
	padding: 15px;
	margin-top: 20px;
	padding-bottom: 40px;
	background:  url("../images/quote2.jpg") no-repeat 90% 100%;
}

.quote p {
	padding: 0;
	margin-bottom: 20px;	
	font-family: Georgia, Times New Roman, serif; 	
	font-size: 0.96em;
}

.quoteClient {
	font-style: italic;
}


.homeLeftCol a, .homeColLeft a:visited {
	margin-left: 20px;
	color: #9c6;
}

.homeLeftCol a:active, .homeLeftCol a:hover {
	color: #cf9;
	text-decoration: underline;
	margin-left: 20px;
}


div.homeRightCol
{
	float: left;
	width: 350px;
	margin: 0px;	
	padding: 0;
	padding-top: 30px;
	display: inline;
	}

div.homeMidCol
{
	float: left;
	width: 266px;
	margin: 0;
	padding:0;
	margin-right: 20px;	
	color: #000;
	display: inline;	
	
}


.homeMidCol p {
	margin-top: 40px;
	margin-right: 20px;
	margin-bottom: 40px;
	margin-left: 20px;
}

.strapLine {
	font-size: 0.82em;
	font-weight: bold;	
}

.homeRightCol ul, #fullContent ul {
	margin: 0;
	margin-top: 5px;
	padding: 0;
	line-height: 1.5em;
	list-style: none;
	color: #000;
	font-size: 0.76em;
	}
.homeRightCol ul li {
background: url("../images/bullet.gif") no-repeat 0 4px;	
	padding:0px 4px 0px 20px;
	margin-bottom: 0px;	
	position: relative;
	width: 95%;
	
}


* html ul li a { height: 1%; }

#fullContent ul li {
background: url("../images/bulletD.gif") no-repeat 0 4px;	
	padding:0px 4px 0px 20px;
	margin-bottom: 0px;
	position: relative;	
	width: 95%;
	
	
}

div#fullContent	{
	float: left;
	width: 610px;
	margin: 0;
	padding:0;
	margin-right: 10px;	
	margin-left: 15px;	
	color: #000;
	display: inline;	
	
}

#fullContent img {
border: none;
margin-right: 20px;
display: inline;
float: left;
margin-bottom: 10px;
}


div#lhsContentColumn
{
	float: left;
	width: 250px;	
	display: inline;
	min-height: 40px;
	margin: 0;
	padding: 0;
	background: #fff ;
}

div#rhsContentColumn
{
	background-color: #fff;
	float: left;
	width: 650px;
	margin-left: 30px;
	margin-right: 30px;
	min-height: 40px;
	display: inline;
}

div#wideContentColumn
{
	background-color: #fff;
	float: left;
	width: 650px;
	margin-left: 30px;	
	min-height: 40px;
	display: inline;
	padding: 0;
}

div#content
{
padding: 20px;
}


div#quote
{
	background-color: #fff;
}


div#lhsLinksColumn
{
	background-color: #88ff66;
	float: left;
	width: 300px;
	margin-left: 20px;
	min-height: 40px;
	display: inline;
}

div#rhsLinksColumn
{
	background-color: #88ff88;
	float: left;
	width: 300px;
	margin-left: 20px;
	min-height: 40px;
	display: inline;

}

/* area pages */

div#lhsAreaColumn
{
	background-color: #88ff99;
	float: left;
	width: 300px;
	xmargin-left: 20px;
	clear: both;
	min-height: 40px;
	display: inline;
}

div#midAreaColumn
{
	background-color: #88ffaa;
	float: left;
	width: 300px;
	margin-left: 20px;
	min-height: 40px;
	display: inline;
}

div#rhsAreaColumn
{
	background-color: #fff;
	float: left;
	width: 250px;
	margin-left: 20px;
	margin-top: 10px;
	min-height: 40px;
	display: inline;	
}


/* aux */

p.toDo
{
	background-color: #ff0000;
}

.photoPara { 	
text-align: center;
margin: 0px auto;
padding: 0px;
width: 960px;
}

.photo1 {
margin-left:10px;
margin-right:10px;
display:inline;
text-align: center;
font-size: 0.7em;
width: 240px !important;
}
.photo2 {
margin-left:10px;
margin-right:10px;
display:inline;
text-align: center;
font-size: 0.7em;
width: 240px !important;
}
.photo3 {
margin-left:10px;
margin-right:10px;
display:inline;
text-align: center;
font-size: 0.7em;
width: 240px !important;
}

.photo1 span, .photo2 span, .photo3 span   {
	width: 240px;
	font-size: 1em;
}

/* *************************************
	Summaries elements
************************************* */

#content dl {
	background: #cf9;
	padding: 15px;
	font-size: 1em;	
	width: auto;
	}
	
#content #2col dl {
	width: 400px !important;
	}	

#content dt {
	border-top: 1px dotted #154d22;
	margin-top: 7px;
	padding-top: 5px;
	font-size: 0.8em;
	color: #E70375;
	font-weight: bold;
}

#content dt a, #content dt a:link, #content dt a:visited {
	color: #E70375;
	text-decoration: none;
}

#content dt a:active, #content dt a:hover {
	color: #154d22;
	text-decoration: none;
}

#content dd {
	font-size: 0.7em;	
}

/* *************************************
	Vacancies elements
************************************* */


ul#vacancies, ul#vacancyDocs, .previousNL ul {
line-height:1.4em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
margin-bottom: 20px;
padding:0;
}

ul#vacancyDocs {
margin-top: 20px;
}

#vacancies li, #vacancyDocs li{
background:transparent url(/css/general/arrow_grey.gif) no-repeat scroll 0 2px;
margin-bottom:20px;
padding:0 4px 0 15px;
line-height:1.2em;
font-size: 1em;
}

.previousNL li {
background:transparent url(/css/general/arrow_grey.gif) no-repeat scroll 0 2px;
margin-bottom:5px;
padding:0 4px 0 15px;
line-height:1.2em;
}

#vacancies li h3 {
	padding: 0;
	margin-bottom: 3px;
}
#vacancies li p {
	font-size: 1em;
	margin-bottom: 3px;
	margin-top: 3px;
}

#vacancies li a:link, #vacancyDocs li a:link, .previousNL li a:link  {
color:#0066CC;
font-weight:bold;
font-size: 1em;
text-decoration:none;
}

#vacancies li a:visited, #vacancyDocs li a:visited, .previousNL li a:visited {
color:#0066CC;
font-weight:bold;
text-decoration:none;
font-size: 1em;
}
#vacancies li a:hover, #vacancyDocs li a:hover, .previousNL li a:hover {
color:#0066CC;
font-weight:bold;
text-decoration:underline;
font-size: 1em;
}

#jobSummary {
	font-size: 1.1em;
	margin-top: 20px;
	margin-bottom: 20px;
	background: #eee;
	padding: 10px;
}

#jobInfo {
	font-size: 1em;
}