/**
 *
 * CSS style sheat for RHL
 *
 * Origional document by Steve Ball
 * Edited Rob Edwards <rob.edwards@brycefarrah.com>
 * 
**/
	
	html, body {
		text-align:			center;
		background-color:	rgb(194, 194, 194);
	}
	
	body, p, h1, div, h2, address {
		font-family:		Arial, Helvetica, sans-serif;
	}
	
	address {
		font-size:			10pt;
		font-style:			italic;
		margin-left:		30px;
	}
	
	img {
		border:				none;
	}
	
	object {
		margin:				0;
		padding:			0;
	}
	
	abbr {
		cursor:				help;
	}
	
	li {
		list-style-type:	square;
		color:				rgb(200, 190, 62);
	}
	
	li span {
		color:				rgb(0, 0, 0);
	}
	
	.clear {
		clear: both;
	}
	
/*****************************
 *
 * Container elements
 *
 *****************************/

	.container {
		width:				760px;
		margin:				auto;
		background-color:	white;
		padding:			0;
	}
	
	.header {
		height:				88px;
		width:				760px;
		background:	rgb(255, 255, 255) url(../../images/headerBackground.jpg) repeat-x;
	}
	
	.masthead {
	    height: 100%;
	    float: right;
	}
	
	.masthead a{
		padding:			0;
		margin:				0;
	}
	
	.logo {
		float:				left !important;
		height:				88px;
		padding:			0;
		margin:				0;
	}
	
	
/*****************************
 *
 * Navigation
 *
 *****************************/	

	.navigation {
		background-color:	rgb(127, 127, 127);
		width:				760px;
		min-height:		32px;
		height:				auto !important;
		height:				32px;
		margin:				1px 0 0 0;
	    padding:			0 0 0 0;
		text-align:			left;
	
		font-family:		Verdana, Helvetica, sans-serif;
		font-weight: 400;
	}
	
	.navigation ul {
	    margin: 0 !important;
	    padding: 0;
	    padding-top: 5px;
	}
	
	.navigation li {
	    display: inline;
	    margin-left: 5px;
	    margin-right: 15px;
	    height: 20px;
	}
	
	.navigation a {
	    color: #CCCCCC;
	    text-decoration: none;
	    font-weight: 400;
	}
	
	.navigation img {
	    margin-bottom: 1px;
	    margin-left: 3px;
	    margin-right: 3px;
	}
	
	.navigation a:hover {
		color: white;
	}
	
	.navigation .navCurrent {
	    color: white;
	}
	
	
	.navigation .searchNavCurrent {
	    color: #184C6E;
	}
	
	.navigation .solutionsNavCurrent {
	    color: black;
	}
	
	
	.internalNavigation {
		height: 32px;
	}
	
	.internalNavigation ul {
		padding-top: 8px;
	}
	
/*****************************
 *
 * Navigation - sub nav
 *
 *****************************/
	
	.subNav {
		background-color: #F4F4F4;
		font-size: 10pt;
	}
	
	.subNav ul {
		padding-top:6px;
	}
	.subNav a {
	    color: #0572BA;
	    text-decoration: none;
	}
	
	.subNav a:hover {
	    color: #184E70;
	}
	
	.subNav li {
		margin-left: 5px;
		margin-right: 50px;
	}
	
	.subNav .navCurrent {
		color: #184E70;
	}
	
/*****************************
 *
 * Navigation 3rd nav
 *
 *****************************/
	
	.thirdNav {
		width: 115px;
		padding-top: 10px;
		padding-bottom: 10px;
		height: 135px;
		color: #808080;
		background: #F4F4F4;
		margin-bottom: 14px;
	}
	
	.thirdNav ul {
	    margin: 0 !important;
	    margin-left: 5px !important;
	    padding: 0 !important;
		font-size: 8pt;
	}
	
	.thirdNav li {
	    list-style: none !important;
	    text-align: left;
	    margin-bottom: 10px;
	}
	
	.thirdNav a {
	    color: #ABABAB;
	    text-decoration: none;
	    clear: both;
	    font-weight: 700;
	    font-family: arial, sans-serif
	}
	
	.thirdNav .navCurrent {
	    color: #0572BA;
	}
	
	#thirdNavSpacer {
		width: 100%;
		height: 155px;
		margin-bottom: 14px;
	}
	
	
/*****************************
 *
 * Content
 *
 *****************************/
	
	.body {
		background-color:	rgb(255, 255, 255);
		padding:			0;
		margin:				0;
	}
	.leftBar {
		float:				left;
		width:				160px;
		height:				420px;
		margin:				0;
		padding:			0;
		text-align:			left;
	}
	
/*****************************
 *
 * Left section
 *
 *****************************/	
	
	.leftBar .bottomLeftBar #customerLinks { 
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
	.leftBar .bottomLeftBar #customerLinks li {
		margin: 0;
		padding: 0;
		margin-left: 10px;
		margin-bottom: 15px;
		list-style: none;
		text-align: left;
	}
	
	.leftBar .bottomLeftBar #customerLinks li a {
		text-decoration: none;
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 12pt;
	}
	
	
	.leftBar #latestVacancies {
		height: 250px;
		width: 146px;
		background: #AFAFAF;
		margin-bottom: 1px;
	}
	
	
	.leftBar #latestVacancies h2 {
		padding-top: 8px;
		padding-bottom: 2px;
		font-size: 13pt;
		text-align: center;
		font-weight: 700;
		color: white;
		margin-bottom: 2px;
		
		font-family: Arial, Helvetica, sans-serif;
		background: #AFAFAF url(../../images/latestVacanciesHeader.gif) top left no-repeat;
	}
	
/*****************************
 *
 * Latest vacancies
 *
 *****************************/
	
	.latestVacancy {
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 20px;
	}
	
	.latestVacancy h4 {
		margin: 0;
		padding: 0;
		font-size: 10pt;
	}
	
	.latestVacancyLocation {
		margin-top: 5px !important;
		margin-bottom: 10px !important;
	}
	
	.latestVacancy p {
		color: white;
		font-size: 10pt;
		margin: 0;
		padding: 0;
		line-height: 10pt;
		overflow: hidden;
	}
	
	.latestVacancy a {
		color: black;
		text-decoration: none;
	}
	
	.latestVacancy a:hover {
		text-decoration: underline;
	}
	
/*****************************
 *
 * Right bar
 *
 *****************************/	

	.rightBar {
		float:				right;
		width:				160px;
		height:				420px;
		margin:				0;
		padding:			0;
	}
	
	#rightBarSpacer {
		width: 30px;
		height: 249px;
	}
	
	.middleBar {
		text-align:			justify;
		color:				rgb(0, 0, 0);
		background-color:	rgb(255, 255, 255);
		height:				420px;
		width:				440px;
		overflow:			auto;
	
		/* Set the top margin to -420px to fix an IE box model flow error */
		margin:				-420px 160px 0 160px;
	}
	
	
/*****************************
 *
 * Content space
 *
 *****************************/
	.contentSpace {
		text-align: left;
	}
	
	.contentSpace h2 {
		color: black;
	}
	
	#vacancyStrip {
		background-color: #F4F4F4;
		font-size: 10pt;
		margin-top: 10px;
	}
	
	#vacancyStrip h2 {
		color: #9D9D9D;
		font-size: 11pt;
		margin: 0;
		padding: 0;
		font-weight: 700;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 20pt;
		padding-left: 5px;
	}
	
	
	
	/* Use child selectors to reset the top margin in compliant browsers */
	html>body .middleBar {
		margin-top:			0px;
	}
	
	/* But here we have another problem, the left margin needs to be 160px in Opera and IE but 0 in Mozilla */
	/* so use yet another feature that this time neither IE nor Opera support */
	:root .middleBar {		/* CSS 3 */
		margin-left:		0px;
	}
	
/*****************************
 *
 * Actuall content
 *
 *****************************/	
	
	.content {
		padding:			12px;
		font-size:			9pt;
	}
	.content h1 {
		font-size:			11pt;
		font-weight:		bold;
		color:				rgb(5, 114, 186);
		display:			inline;
	}
	.content h2 {
		font-size:			10pt;
		font-weight:		bold;
		margin-top:         15px;
		margin-bottom:      5px !important;
	}
	
	.content a {
		color:				rgb(9, 115, 187);
		font-weight:		bold;
		text-decoration:	none;
	}
	.content a:hover {
		color:				rgb(9, 115, 187);
		text-decoration:	underline;
	}
	.content p{
	    margin-top: 5px;
	}
	
	.testimonial {
		height:				250px;
		overflow:			hidden; /* Another fix for our backward friend microsoft internet explorer */
		margin:				0px;
		padding:			0px;
	}
	
	.thickGreyStrip {
	    height: 15px;
	    width: 	760px;
	    background-color:	rgb(127, 127, 127);
	    border-bottom: 1px solid white;
	}

/*****************************
 *
 * Footer
 *
 *****************************/	
	
	.bottomBar {
		margin-left:		auto;
		margin-right:		auto;
		margin-top:			0;
		width:				760px;
		padding:			0;
		text-align:			right;
		font-size:			8pt;
		color:				rgb(127, 127, 127);
	}
	.bottomLogo {
		float:				left;
		width:				180px;
	}
	
	#footerText {
		margin-top: 8px;
	}
	
	/* Home page only sections */
	.intro {
		width:				760px;
		height:				225px;
		background-color:	rgb(127, 127, 127);
		margin:		        0 0 1px 0;
		padding:			0;
	}
	
	#greyStrip {
	    height: 1px;
	    width:  100%;
	    background-color:	rgb(127, 127, 127);
	}
	
	.bodyHome {
		background-color:	rgb(255, 255, 255);
		width:				760px;
		height:             179px;
		padding:			0;
		margin-top:         1px;
	}
	.leftHome {
		float:				left;
		width:				160px;
		height:             179px;
		margin:				0;
		padding:			0;
	}
	
	.leftHome img {
		margin-bottom: 1px;
	}
	
	.blockOne {
		float:				left;
		width:				285px;
		margin-left:		10px;
	}
	:root .blockOne {		/* CSS 3 */
		margin-left:		10px;
	}
	.blockTwo {
		float:				right;
		width:				255px;
		margin-right:		5px;
	}
	
	html>body .blockTwo {
		width:				260px;
		margin-right:		20px;
	}
	
	.blockOne, .blockTwo {
		text-align:			justify;
		font-size:			9pt;
		color:				rgb(0, 0, 0);
	}
	.middleHome h1 {
		font-size:			11pt;
		color:				rgb(5, 114, 186);
		margin-top:			0;
		padding-top:		12px;
		padding-left:		20px;
		margin-bottom:		7px;
	}
	
	.middleHome {
		text-align:			left;
		color:				rgb(0, 0, 0);
		width:				600px;
		overflow:			auto;
		padding:			0 0 0 0;
	
		/* Set the top margin to -195px to fix an IE box model flow error */
		margin:				-175px 0 -10px 160px;
	}
	
	
	/* Use child selectors to reset the top margin in compliant browsers */
	html>body .middleHome {
		margin-top:			0px;
	}
	
	/* But here we have another problem, the left margin needs to be 160px in Opera and IE but 0 in Mozilla */
	/* so use yet another feature that this time neither IE nor Opera support */
	:root .middleHome {		/* CSS 3 */
		margin-left:		0px;
	}
	
	.accesskeys {
		position:			absolute;
		top:				-1000px;
	}
	
	.endList {
		margin-bottom:		0;
	}
	
	/* News page */
	.newsImage {
		float:				right;
		margin-left:		8px;
		margin-bottom:		8px;
	}
	
	.article {
		border-bottom:		2px solid rgb(127, 127, 127);
		margin:				8px auto 2px auto;
	}
	
	.article h2 {
		font-size:			10pt;
		text-align:			left;
		display:			inline;
		margin-left:		-4px;		/* Another IE fix */
	}
	
	html>body .article h2 {
		margin-left:		0;
	}
	
	.date {
		float:				right;
		font-style:			italic;
		margin-left:		4px;
	}
	
	.cleaner {
		clear:				both;
		margin:				0;
	}
	
	.download {
		text-align:			right;
		padding-top:		5px;
		margin-top:			-15px;
	}
	.download a {
		font-weight:		normal;
	}
	
	.download a:hover img {
		text-decoration:	none;
	}
	
	/* Login page */
	.loginError {
		color:				rgb(255, 0, 0);
		font-weight:		bold;
		margin:				10px auto;
	}
	
	label {
		font-weight:		bold;
	}
	
	.textInput {
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			9pt;
	    float:              right;
	    margin-top:         -18px;
	    width:              70%;
	}
	
	/* Testimonials page */
	blockquote {
		margin:				9px 0 1px 0;
		padding-bottom:		4px;
		font-style:			italic;
		border-bottom:		2px solid rgb(127, 127, 127);
	}
	
	blockquote strong {
		margin-top:			3px;
		display:			block;
		font-style:			normal;
		text-align:			right;
	}

/*****************************
 *
 * Submit CV form
 *
 *****************************/

	
	#submitCVForm {
		margin: 15px 0px;
		font-size: 1.0em;
	}
	
	#submitCVForm label {
		display: block;
		float: left;
		width: 30%;
		text-align:right;
		margin:5px;
		margin-top: 8px;
		height: 20px;
	}
	
	#submitCVForm input {
		display: block;
		float: left;
		width: 58%;
		margin-top: 5px;
		padding: 0;
	}
	
	#submitCVForm input.error {
		text-align: left !important;
	}
	
	#submitCVForm .error {
		text-align: center;
		color: #E38C19;
	}
	
	#submitCVForm label.error {
		width: 90%;
		text-align: right;
		color: #E38C19;
		margin-right: 10px;
	}
	#submitCVForm label.note {
		width: 50%;
		margin-left: 39%;
	}
	
	#submitCVForm p.error {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	
	#submitCVForm textarea {
		margin:5px;
		width: 55%;
		height: 100px;
	}
	
	#submitCVForm option {
		display: block;
		float: left;
		width: 50%;
		margin:5px;
	}
	
	#submitCVForm select {
		display: block;
		width: 40%;
		margin: 0;
		margin-top:5px;
		float: left;
	}
	
	
	#submitCVForm input.submit {
		display: block;
		float: right;
		margin-right: 10px;
		text-align: center !important;
	}
	
	#submitCVForm br {
		clear: left;
	}
	
	#submitCVForm .form-row{
		width: 100%;
		margin-bottom: 10px;
	}
	
	#submitCVForm .over{
		background-color:#DADADA;
	}
	
	#customerLinks a, #customerLinks a:visited{
		color: #B5B5B5;
	}
	
	#customerLinks a:hover {
		color: #0052AA;
	}


/*****
 * Contact details
 */

	#addressInformation #address-title {
		margin-bottom: 3px;
	}
	
	form.map-form {
		width: 200px;
	}
	
	form.map-form input.map-form-text {
		width: 175px;
	}
	
/*****************************
 *
 * Tooltip
 *
 *****************************/
	
	#tt {position:absolute; display:block; background:url(../../images/tt_left.gif) top left no-repeat}
	#tttop {display:block; height:5px; margin-left:5px; background:url(../../images/tt_top.gif) top right no-repeat; overflow:hidden}
	#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF; text-align: center; font-size: 10pt;}
	#ttbot {display:block; height:5px; margin-left:5px; background:url(../../images/tt_bottom.gif) top right no-repeat; overflow:hidden}