body {
	background: #FFF url(../images/browser_bgrnd.gif) top left repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.1%;
	}
	
img, div { behavior: url(iepngfix.htc) }
	
	
a {
	text-decoration: none;
	color: #00b1b0;
	
}

a:hover {
	text-decoration: underline;
	}
	
p {
	font-size: 76%;
	line-height: 140%;
	margin-bottom: 10px;
	color: #002d6a;
	}	
	
h1 {
	font-size: 160%;
	margin: 0px 0px 10px 0px;
	color: #00b1b0;
	font-weight: lighter;
	}
	
h2 {
	color: #00b1b0;
	font-size: 16px;
	margin-bottom: 10px;
	}
	
h3 {
	color: #002d6a;
	font-size: 14px;
	margin-bottom: 10px;
	}			
	
	


#container {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	background: #FFF url(../images/container_bgrnd.gif) top left repeat-x;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */	
	}
	
#header {
	width: 1000px;
	height: 270px;
	position: absolute;
	z-index: 100;
	top: 0px;
	left: 0px;
	background: transparent url(../images/header_overlay.png) top left no-repeat;
	}	
	
.logo {
	position: relative;
	z-index: 100;
	float: left;
	display: inline;
	margin: 20px 0 0 20px;
	width: 250px;
	height: 57px;
	}
	
.logonoprint {
	display:none;
	}		
	
#leftcolumn {
	float: left;
	background: url(../images/leftcolumn_bgrnd.png) 0px -120px no-repeat;
	width: 210px;
	height: 420px;
	padding-top: 160px;
	margin-bottom: 20px; 
	}
	
ul#leftnav {
	font-size: 12px;
	}
	
ul#leftnav li {
	width: 210px;
	}
	
ul#leftnav li.blank {
	width: 210px;
	height: 32px;
	background: url(../images/nav_bgrnd.png) -10px 0px no-repeat;
	}
	
* html ul#leftnav li.blank {
	width: 210px;
	height: 32px;
	background: url(../images/nav_bgrnd.gif) -10px 0px no-repeat;
	}	
	
		
ul#leftnav li a {
	background: url(../images/nav_bgrnd.png) -10px 0px no-repeat;
	width: 170px;
	height: 32px;
	line-height: 32px;
	display: block;
	text-align: right;
	padding: 0 40px 0 0;
	color: #002d6a;
	}	
	
* html ul#leftnav li a {
	background: url(../images/nav_bgrnd.gif) -10px 0px no-repeat;
	width: 170px;
	height: 32px;
	line-height: 32px;
	display: block;
	text-align: right;
	padding: 0 40px 0 0;
	color: #002d6a;
	}	
	
	
ul#leftnav li a:hover, ul#leftnav li.active a {
	background: url(../images/nav_bgrnd.png) -10px -32px no-repeat;
	text-decoration: none;
	font-weight: bold;
	}
	
* html ul#leftnav li a:hover, * html ul#leftnav li.active a {
	background: url(../images/nav_bgrnd.gif) -10px -32px no-repeat;
	text-decoration: none;
	font-weight: bold;
	}	
			
#rightcolumn {
	float: right;
	width: 770px;
	margin-bottom: 20px;
	}
	
.apprenticeBgrnd {
	background: url(../images/apprenticeContainerbgrnd.gif) bottom right no-repeat;
	width: 770px;
	min-height: 800px;
	position: relative;
}

.apprentices {
	position: absolute;
	top: 200px;
	right: 0px;
	background: url(../images/apprentices.png) bottom right no-repeat;
	width: 396px;
	height: 685px;
	z-index: 100;
}

.apprenticeText {
	float: left;
	margin: 180px 30px 0px 40px;
}

.apprenticeText  ul {
	margin-bottom: 10px;
}

.apprenticeText ul li {
	list-style-type: disc;
	margin-left: 40px;
	font-size: 76%;
	line-height: 140%;
	color: #002d6a;
}

.jodie {
	clear: left;
	float: left;
	background-color:#00b1b0;
	width: 650px;
	padding: 20px 20px 10px 20px;
	margin-bottom: 20px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.rhianne {
	float: left;
	background-color:#00b1b0;
	width: 650px;
	padding: 20px 20px 10px 20px;
	margin-bottom: 20px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.jodie p, .rhianne p {
	color: #FFF;
}

.jodie h3, .rhianne h3 {
	color: #FFF;
}

.apprenticeContact {
	float: left;
	margin: 30px 0px 0px 0px;
	width: 170px;
	height: 290px;
	padding: 20px;
	background: url(../images/apprenticeContactbgrnd.gif) 0px 0px no-repeat;
}


	
.maincol {
	float: left;
	width: 550px;
	}
	
.centerpic {
	width: 550px;
	height: 300px;
	margin-bottom: 20px;
	}
	
.copyboxtop {
	float: left;
	width: 550px;
	height: 10px;
	background: transparent url(../images/copyboxtop.png) no-repeat;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	font-size: 1px;
	}
	
.copybox {
	float: left;
	width: 500px;
	margin: 0px;
	padding: 0px;
	padding: 15px 25px;
	background: url(../images/copyboxbottom.png) bottom left no-repeat;
	}
	
.copybox ul {
	margin-bottom: 10px;
	}
	
.copybox ul li {
	list-style-type: disc;
	margin-left: 40px;
	font-size: 76%;
	line-height: 140%;
	color: #002d6a;				
	}
	
.homepic {
	background: url(../images/centerpic_home.jpg) bottom no-repeat;
	}		
	
.workingpic {
	background: url(../images/centerpic_working_for_us.jpg) bottom no-repeat;
	}
	
.benefitspic {
	background: url(../images/centerpic_benefits.jpg) bottom no-repeat;
	}
	
.benefitspic {
	background: url(../images/centerpic_benefits.jpg) bottom no-repeat;
	}
	
.vacanciespic {
	background: url(../images/centerpic_job_vacancies.jpg) bottom no-repeat;
	}							
	
.rightcol {
	float: right;
	width: 210px;
	}	
	
.rightpic {
	width: 210px;
	height: 300px;
	margin-bottom: 20px;
	}
	
.homerightpic {
	background: url(../images/rightpic_home.jpg) right bottom no-repeat;
	}
	
.subnav {
	width: 190px;
	padding: 10px 0px 15px 20px;
	margin-bottom: 15px;
	background: #996633;
	background: url(../images/subnav_bgrnd.png) top right no-repeat;
	}
	
.subnavlong {
	width: 190px;
	padding: 10px 0px 15px 20px;
	margin-bottom: 15px;
	background: url(../images/subnav_bgnrdlong.png) top right no-repeat;
	}		
	
.accessibility_toolbox {
	width: 190px;
	padding: 10px 0px 15px 20px;
	margin-bottom: 15px;
	background: url(../images/accessibility_toolbox_bgrnd.png) top right no-repeat;
	}
	
.accessibility_toolbox ul, .subnav ul, .subnavlong ul  {
	font-size: 12px;
	}
	
.accessibility_toolbox ul li, .subnav ul li, .subnavlong ul li {
	margin-bottom: 5px;
	width: 160px;
	}
	
.accessibility_toolbox ul li a, .subnav ul li a, .subnavul li a {
	color: #002d6a;
	}		
	
.accessibility_toolbox li.icn_increase {
	background: url(../images/icn_increase.png) 0% 50% no-repeat;
	padding: 3px 0px 3px 25px;
	}
	
.accessibility_toolbox li.icn_decrease {
	background: url(../images/icn_decrease.png) 0% 50% no-repeat;
	padding: 3px 0px 3px 25px;
	}
	
.accessibility_toolbox li.icn_text {
	background: url(../images/icn_text.png) 0% 50% no-repeat;
	padding: 3px 0px 3px 25px;
	}
	
.accessibility_toolbox li.icn_hi {
	background: url(../images/icn_contrast.png) 0% 50% no-repeat;
	padding: 3px 0px 3px 25px;
	}	
	
.accessibility_toolbox li.icn_print {
	background: url(../images/icn_print.png) 0% 50% no-repeat;
	padding: 3px 0px 3px 25px;
	}
	
.accessibility_toolbox li.icn_info, .subnav li.icn_info {
	background: url(../images/icn_info.png) 0% 50% no-repeat;
	padding: 3px 0px 3px 25px;
	}
	
.date {
	font-size: 10px;
	color: #00b1b0;
	margin: 0px 0px 5px 0px;
	}
	
.newslink a {
	color: #002d6a;
	background: url(../images/icn_arrow_left.gif) 0% 50% no-repeat;
	padding: 3px 0px 3px 25px;
	font-weight: bold;
	}
	
.joblink {
	color: #002d6a;
	background: url(../images/joblink.gif) 0% 50% no-repeat;
	padding: 3px 0px 3px 22px;
	}							
		
#address {
	float: left;
	width: 200px;
	}
	
#map {
	float: right;
	width: 280px;
	height: 400px;
	}				
		
		
		
	
#footer {
	width: 960px;
	clear: both;
	color: #FFF;
	padding: 20px 20px 10px 20px;
	background: #002d6a url(../images/footer_bgrnd.gif) top left no-repeat;
	}
	
#footer p {
	color: #FFF;
	}	
	
#footer a {
	color: #FFF;
	}
	
#footer a:hover {
	text-decoration: underline;
	}
	
.hide {
	display: none;
	}			
	
.clear {
	clear: both;
	content: ".";
	display: block;
	font-size: 0px;
	height: 0px;
	overflow: hidden;
	}
	

	
/* ----- TABLES ----- */

th, .th {
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	padding: 5px 0;
	padding-left: 6px;
	text-align: left;
	background: #b5e5d7;
	color: #002d6a;
}
td, .td {
	font-size: 12px;
	line-height: 15px;
	padding: 4px;
}
tr.clickRow:hover, tr.highlightRow:hover {
	background-color: #66FF33;
}

table.tableHeader th.headerDarkGreyRight span a:hover {
	text-decoration: none;
}

table.tableHeader th a {
	color: #636b75;
	text-decoration: none;
}
table.tableHeader tr:last-child td {
	border-bottom: none;
}
table.tableHeader tr.last td {
	border-bottom: none;
}
table.tableHeader tr.lastRow td {
	border-bottom: 5px solid #fff;
}
table.tableHeader tr:hover, table.subscriberStats tr:hover {
	background: #EFEFEF;
}
table.tableHeader tr.noHighlight:hover {
	background: none;
}
table.tableHeader tr.tabRowSelected {
	background: #fffbd4;
}
table.tableHeader td {
	padding: 4px 6px;
	color: #4c4c4c;
	border-bottom: 1px solid #ccc;
}
table.tableHeader tr.segmentCondition td {
	padding: 8px 6px;
	color: #4c4c4c;
	border-bottom: 1px solid #e9e9e9;
}
table.tableHeader tr.segmentConditionAdd td {
	padding: 8px 6px;
	color: #4c4c4c;
}
table.bigPadding td {
	padding: 15px 6px 8px 10px !important;
}
table.tableHeader tr.big td {
	font-size: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
}


table.tableHeader tr.segmentHighlight td {
	padding: 5px 6px !important;
}
table.tableHeader tr.segmentHighlight td.rowSegment {
	padding-left: 20px !important;
}
table.tableHeader tr td span.big {
	font-size: 12px;
	color: #333;
}
table.tableHeader tr td.avgCount {
	font-size: 18px;
	font-weight: bold;
	padding: 30px 0 10px 0;
}
table.tableHeader tr td.avgLabel {
	font-size: 12px;
	color: #666;
	padding: 30px 0 0 0;
}
table.tableHeader td p {
	font-size: 12px;
	padding: 1px 0;
}
table.tableHeader td span {
	color: #8d9095;
}



/***** VACANCIES *****/

.jobinfo {
	width: 480px;
	background: #b5e5d7;
	padding: 10px 10px 5px 10px;
	border-top: 1px dotted #00b1b0; 
	border-bottom: 1px dotted #00b1b0;
	margin-bottom: 15px; 
	}
	
.infocol1 {
	float: left;
	width: 80px;
	color: #002d6a;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 5px;
	}
	
.infocol2 {
	float: right;
	text-align: left;
	width: 390px;
	color: #002d6a;
	font-size: 12px;
	margin-bottom: 5px;
	}	
	
.word {
	background: url(../images/ico_wordrtf.jpg) 0% 50% no-repeat;
	padding: 1px 0px 1px 20px;
	}
	
.pdf {
	background: url(../images/ico_pdf.jpg) 0% 50% no-repeat;
	padding: 1px 0px 1px 20px;
	}
	
.html {
	background: url(../images/ico_html.gif) 0% 50% no-repeat;				
	padding: 1px 0px 1px 20px;
	}