body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  text-align:center;
  background-image:url(../images/bg_tile.jpg);
  margin: 0 0 0 0;
}
td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}
th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}
#wrapper {
	position:relative; top:0; width:987px;
	margin:0 auto 0 auto;
	background-image:url(../images/bg_side_borders.gif);
	layer-background-image:url(../images/bg_side_borders.gif);
	background-repeat:repeat-y;
	text-align:left;
}

/* All Header styles */
#header {
	width:955px; height:64px; padding-bottom:10px;
}
#header, #navigation, #footer {
	margin-left:16px;
}
#header_nav {
	position:absolute;
	width:45px;
	height:64px;
	top:0px;
	margin-left:910px;
	z-index:5;
}
/* All Navigation styles */
#navigation {
	width:204px; float:left;
	background-image:url(../images/navigation/top_border.gif);
	layer-background-image:url(../images/navigation/top_border.gif);
	background-repeat:no-repeat;
}
p.nav_titles {
	font-size:50%;text-transform:uppercase; margin-left:7px; margin-top:7px;margin-bottom:15px;
}
#main_nav, #smile_options, #specialise_options {

	margin-left:7px; margin-bottom:11px;
}
#main_nav { /* Repositions the main navigation buttons due to the 2px offset below */
	margin-top:-2px;
}
#main_nav img { /* Creates the spacing between the main navigation buttons */
	margin:2px auto 2px auto;
}
#sub_nav {
	background-image:url(../images/navigation/panel_bg.gif);
	layer-background-image:url(../images/navigation/panel_bg.gif);
	background-repeat:no-repeat;
	padding-bottom:13px;
}
#long_sub_nav {
	background-image:url(../images/navigation/long_panel_bg.gif);
	layer-background-image:url(../images/navigation/long_panel_bg.gif);
	background-repeat:no-repeat;
	padding-bottom:13px;
}
#sub_nav img, #long_sub_nav img { /* Resets the spacing between the Sub Navigation buttons */
	margin:0;
}
#specialise, #smile {
	background-image:url(../images/navigation/top_border.gif);
	layer-background-image:url(../images/navigation/top_border.gif);
	background-repeat:no-repeat;
	padding-top:1px;
}
/* All Main Content styles */
#main_content_col {
	width:744px; float:left; padding-left:8px;
}
#main_content_col a:link {
	color:#5C3991; text-decoration:none;
}
#main_content_col a:visited {
	color:#9DAAD1; text-decoration:none;
}
#main_content_col a:hover, #main_content_col a:active {
	color:#A66CC8; text-decoration:none;
}
.clear{clear:both;}
#main_content {
	background-image:url(../images/main_content_top_border.gif);
	layer-background-image:url(../images/main_content_top_border.gif);
	background-repeat:no-repeat;
	margin-top:10px;
	margin-bottom:32px;
	padding-top:4px;
}
#main_content {
	font-size:0.68em; color:#575757;
}
#main_content p, p#activeClock, #main_content hr, #main_content h1, #main_content h2, #main_content h3, #main_content h4, #main_content h5, #main_content h6 {
	margin-left:28px; margin-right:28px;
}
#main_content h1 {
	text-transform:uppercase; color:#2C3D4F; font-size:140%;padding-bottom:10px;
}
#main_content h1 span {
	color:#5C3991;
}
#main_content h2, #main_content h3 {
	margin-bottom:-4px;
}
#main_content h2 {
	margin-top:16px; font-size:130%;
}
#main_content h3 {
	font-size:120%; padding-bottom:10px;
}
#main_content h3, #main_content h5, #main_content h6 {
	margin-bottom:-8px;
}

#main_content h4 , #main_content h5 {
	font-weight:bold; font-size:100%;
}
#main_content h4 {
	text-transform:uppercase;
}
#main_content h3, #main_content h5 {
	color:#320A70;
}
#main_content h6 {
	margin-top: 16px; font-size:100%;
}
.companynametitle {
	color:#330066;
}
#main_content hr { /* The dotted line beneath the titles */
	margin-top:-4px; margin-bottom:24px;
	border:1px dashed #B2B2B2; border-style:none none dashed; color:#fff; background-color:#fff; height:1px;
}
p#activeClock {
	font-size:80%; margin-bottom:28px;
}
.mac.gecko p#activeClock { /* Mac FF specific code - see css_browser_selector.js */
  font-size:90%
}
/* List Style for Main Content */
ul {
	padding-left:0; margin-left:12px; 
}
#main_content ul {
	margin-bottom:24px;
}
#main_content li {
	margin-left:32px; margin-top:0.4em;
}
/* End of List Style */
#submitcv {
	position:absolute; margin-left:599px; margin-top:-14px; width:123px; height:24px; z-index:5;
}
.webkit #submitcv { /* Mac Safari specific code - see css_browser_selector.js */
  top:256px; margin-top:0;
}
/* Blue panel styles */
#panel {
	color:#575757; margin:auto 16px 16px 16px; float:right; 
}
#panel dl {
  width: 242px; margin: 0;
  background: #d9d9d9 url(../images/panel/panel_bottom.gif) no-repeat bottom left;
}
#panel dt {
  margin: 0;
  padding:26px 16px 0 26px; font-weight:bold;
  background: #d9d9d9 url(../images/panel/panel_top.gif) no-repeat top left;
}
#panel dd {
  margin: 0; padding:10px;
}
#panel ul {
	margin-left:0;
}
#panel li {
	margin-top:0.4em; line-height:1.4em; margin-right:10px;
}
/* End of Blue Panel styles */
.quote {
	font-style:oblique;
}
p.quote {
	padding-top:12px; padding-left:30px; padding-right:36px;
}
.articledate {
	font-size:90%; margin-top:23px; margin-bottom:-8px;
}
/* Hot Job panel styles */
div#hotjob{
	float:right; width:212px; background:#D9D9D9; margin:auto 16px 24px 16px;
}
#hotjob p { margin-left:16px; margin-top:16px; }
#hotjob h3 {  margin:8px auto -6px 16px; }
#hotjob a { display:block; margin-top:-8px; font-size:90%; }

.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}
/* End of Hot Job Panel styles */

/* All Footer styles */
#footer {
	width:955px; height:33px;
	background-image:url(../images/footer/footer.jpg);
	layer-background-image:url(../images/footer/footer.jpg);
	background-repeat:no-repeat;
	font-size:62%;
	color:#999999;
	text-align:left;
	clear:both;
}
p.footer {
	margin-left:2em; padding-top:10px;
}
.mac.gecko p.footer { /* Mac FF specific code - see css_browser_selector.js */
  margin-left:3.5em;
}
.webkit p.footer { /* Mac Safari specific code - see css_browser_selector.js */
  margin-left:3.5em;
}
span.footernav {
	word-spacing:4px;
}
.copyright_spacer {
	margin-left:3.5em;
}
.mac.gecko .copyright_spacer { /* Mac FF specific code - see css_browser_selector.js */
  margin-left:4.5em;
}
.madeby a {
	display:block;
	width:168px; height:33px; line-height:33px;
	/*background-image:url(../images/footer/rouge_media_off.jpg); background-repeat:no-repeat;*/
	float:right;
}
.madeby a:hover, .madeby a:active {
	/*background-image:url(../images/footer/rouge_media_on.jpg); color:#737374;*/
}
#footer a:link {
	color:#999999; text-decoration:none;
}
#footer a:hover, #footer a:active {
	color:#5C3991; text-decoration:none;
}
#footer a:visited {
	color:#999999; text-decoration:none;
}
#bottom_border {
	width:100%; height:17px;
	background-image:url(../images/bottom_border.jpg);
	layer-background-image:url(../images/bottom_border.jpg);
	background-repeat:no-repeat;
}
/* Contact Page Styles - these need adjusting for IE, which is why they're here */
#contactdetails {
	position:absolute; width:80%; z-index:5;
}
.regional_numbers {
	padding-right:38%; float:right;
}
.map {
	margin-top:12%; margin-left:28px;
}

#vacancyContainer{float:left;width:702px;padding-left:16px;padding-right:16px;background:url(../images/navigation/vacancytablehead.gif) top center no-repeat;margin:10px 0px 20px 0px;}
#vacancyContainer #vacancyHeader{float:left;width:678px;height:17px;padding:8px 12px 5px 12px;color:#5C3991;font-weight:bold;}
#vacancyContainer .vacancyContainerRef{float:left;width:68px;}
#vacancyContainer .vacancyContainerTitle{float:left;width:190px;}
#vacancyContainer .vacancyContainerSalary{float:left;width:140px;}
#vacancyContainer .vacancyContainerLocation{float:left;width:140px;}
#vacancyContainer .vacancyContainerLink{float:left;width:140px;}
#vacancyContainer #vacancyContent{float:left;width:678px;padding:0px 12px 10px 12px;}
#vacancyContainer .vacancyContainer{float:left;width:678px;padding:10px 0px 10px 0px;border-bottom:1px dashed #B2B2B2;border-style:none none dashed;}

#vacancyPageContainer{float:left;width:734px;margin:10px 0px 20px 0px;}
#vacancyPageContainer .vacancyContainer{float:left;width:734px;}
#vacancyPageContainer .vacancyContainerLeft{float:left;width:339px;padding-left:28px;}
#vacancyPageContainer .vacancyContainerRight{float:left;width:339px;text-align: right;padding-right:28px;}
#vacancyPageContainer span{color:#5C3991; font-weight:bold;}