/* mintsalad design */
/* commented by DH 23/04/08 */


a:link { 
 text-decoration: underline;
 color:#00CCFF;
 }
a:visited { 
 text-decoration: underline;
 color:#00CCFF;
 }
a:hover { 
 text-decoration: none;
 color:#00CCFF;
 }
a:active { 
 text-decoration: underline;
 color:#00CCFF;
 }

body, html {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#000000;
	color:#ffffff;
	height:100%;
	margin:0px;
	}

/* the top black bar */	
#header_black {
	min-height:50px;
	height:10%;
	background-color:#000000;
}

/* holds all of the main areas */
#main_section_holder {
	height:70%;
	max-height:600px;
	min-height:495px;
	background-image:url(../html_version/images/bg_gradient.gif);
	background-repeat:repeat-x;
	background-color:#0067df;
	background-position:top;
}

#main_section {
	width:970px;
	margin: 0 auto 0 auto;
}

/* special classes and divs for landing page only */
#main_section_landing {
	width:970px;
	height:495px;
	margin: 0 auto 0 auto;
	background-image:url(../html_version/images/landing_logo_gradient.gif);
	background-repeat:no-repeat;
	background-color:none;
	background-position:center;
}

/* holds and positions the main menu block */
#main_menu_column {
	display:inline;
	background-image:url(../html_version/images/bg_gradient_menu_lines.gif);
	background-repeat:no-repeat;
	background-color:#0067df;
	background-position:top;
	float:left;
	width: 200px;
	height: 100%;
}

#main_menu_holder {	
	display:inline;
	float:left;
	margin-left:35px;
	margin-top:150px;
	width:130px;
	height:300px;
}

/* this is the rhs content area */
#content_area {
	background-image:url(../html_version/images/white_line_single_content.gif);
	background-repeat:no-repeat;
	background-position:right;
	margin-left:200px;
	width:765px;
	height:495px;
}

/* header styling */
.content_header_left {
	font-size:10pt;
	line-height:10pt;
	font-weight:bold;
	text-align:left;
}

.content_header_right {
	font-size:10pt;
	font-weight:bold;
	text-align:right;
	padding: 10px 10px 3px 10px;
}

/* styling for images, gives consistent padding in tables */
.content_image {
	padding-right:10px;
	padding-top:10px;
}

/* blued links for email/web */
.content_link {
	font-size:8pt;
	line-height: 12pt;
	font-weight:bold;
	color:#00CCFF;
	text-align:justify;
	padding: 10px 10px 3px 10px;
}

/* all normal text in the content tables */
.content_text {
	font-size:8pt;
	line-height: 12pt;
	font-weight:normal;
	text-align:justify;
	padding: 10px 10px 3px 10px;
}

/* blued text */
.content_blue {
	font-size:8pt;
	color:#00CCFF;
	font-weight:bold;
}

/* blued and bigger header text, e.g. Case Study headline facts */
.content_blue_bigger {
	font-size:9pt;
	color:#00CCFF;
	font-weight:bold;
}


/* formats the "back" button on all case studies */
.back_button {
	margin-right:10px;
}

.content_case_study_cell {
	font-size:8pt;
	line-height: 12pt;
	font-weight:normal;
	text-align:justify;
	padding: 10px 10px 0px 10px;
}


/* grey border around case study image buttons */
.case_study_link {
	border-style:solid;
	border-color:#6594d6;
	border-width:1px;
	padding:0px;
}

/* all footer divs */
#footer_black {
	height:50px;
	width:100%;
}

#centred_footer_content{
	margin-left:15%;
}

#footer_text {
	float:left;
	color: #AAAAAA;
	font-size:7pt;
	text-align:center;
	width:80%;
	padding:10px;
}

#footer_text a {
	color:#AAAAAA;
	text-align:center;
}


/* holds and positions the grey "i" and "c" icons for intranet and internal email */
/* (suppressed for printing as they are irrelevant on that media and look poor on paper) */

@media screen {
#internal_links {
	float:right;
	margin-right:20px;
	width:110px;
}
}

@media print {
#internal_links {
	display:none;
	float:right;
	margin-right:20px;
	width:110px;
}
}
#link_email {
float:right;
	margin:0px;
	width:35px;
	height:35px;
	padding-top:5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#link_intranet {
	float:right;
	margin:0px;
	width:35px;
	height:35px;
	padding-top:5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

/* this is the job opportunities table formatting */

#jobs {
	background-image:url(../html_version/images/job_table_graphic.gif);
	background-repeat:no-repeat;
	background-position:top center;
	/*background-color:#2e519d;
	border-style: solid;
	border-color: #FFFFFF;
	border-width:3px;*/
}

.jobs_headers {
	vertical-align:top;
	padding-left:9px;
	padding-right:5px;
	font-weight:bold;
/*	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px;
*/
}

.jobs_data {
	vertical-align:top;
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
	text-align:left;
/*	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px;
*/
}

.jobs_download_link {
	padding:5px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}

.jobs_next_link {
	padding:5px 9px 5px 0px;
	text-align:right;
}

.jobs_prev_link {
	padding:5px 0px 5px 9px;
	text-align:left;
}

.jobs_text_area {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#2e519d;
	color:#ffffff;
	font-size:8pt;
	line-height:12pt;
	font-weight:bold;
	height:115px;
}