/*

	general elements

*/
em {
font-style:normal;
font-weight:bold;
}

/*

	The main container divs

*/
body {
font-size:62.5%;   /*set the medium font size to 10px  */
font-family:Arial, Helvetica, sans-serif;
}
#divWrapper {
	width:923px;
	margin:10px auto 0px auto;
}
#divHeader {
float:left;
display:inline;
width:100%;
height:71px;
background:#e4243f url(../img/header.jpg) no-repeat left top;
}
#divMenu {
width:719px;
float:right;
display:inline;
height:53px;
margin:0px 0px 0px 0px;
}
#divMain {
float:left;
display:inline;
width:100%;
height:auto;
padding-bottom:5px;
background:url(../img/main_background.gif) repeat-x left bottom;
}
#divLeft {
float:left;
display:inline;
width:194px;
height:auto;
margin:34px 0px 0px 0px;
font-size:1.2em;  /*set font size in divLeft as 12px*/
}
#divCentre {
float:left;
display:inline;
overflow:hidden;
width:566px;
height:auto;
background:#ffffff url(../img/centre_background.gif) repeat-y left 66px;
}
#divRight {
float:right;
display:inline;
width:163px;
height:auto;
margin:66px 0px 0px 0px;
}
#divCopyright {
float:left;
display:inline;
font-size:1em;
color:#838484;
}
#divCopyright a {
color:#838484;
font-weight:bold;
}
/*

	main menu

*/
/*   Image for the ul and some height and width properties */
#divMenu ul {
width: 719px;
height: 53px;
margin:18px 0;
padding:0;
background: url('../img/new_mainmenu.jpg') no-repeat;
position:relative;
/*overflow:hidden;*/
z-index: 100;
}

/* We want li as block and to be as tall as image*/
#divMenu ul li {
display:block;
height:53px;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

/* a should also be block and 53px tall*/
#divMenu ul li a {
display:block;
height:53px;
padding-right: 10px;;
}

/*This is the boring part, every link has to be positioned according to the image*/
li#i1 {
left: 0px;
width: 65px;
}

li#i2 {
left: 65px;
width: 94px;
}

li#i3 {
left: 159px;
width: 59px;
}

li#i4 {
left: 218px;
width: 139px;
}
li#i5{
left: 357px;
width: 177px;
}
li#i6 {
left: 534px;
width: 86px;
}
li#i7 {
left: 620px;
width: 100px;
}

/*  Now add the hover  */
#i1 a:hover {
background: transparent url(../img/new_mainmenu.jpg) 0 -53px no-repeat;
}
#i2 a:hover {
background: transparent url(../img/new_mainmenu.jpg) -65px -53px no-repeat;
}
#i3 a:hover {
background: transparent url(../img/new_mainmenu.jpg) -159px -53px no-repeat;
}
#i4 a:hover {
background: transparent url(../img/new_mainmenu.jpg) -218px -53px no-repeat;
}
#i5 a:hover {
background: transparent url(../img/new_mainmenu.jpg) -357px -53px no-repeat;
}
#i6 a:hover {
background: transparent url(../img/new_mainmenu.jpg) -534px -53px no-repeat;
}
#i7 a:hover {
background: transparent url(../img/new_mainmenu.jpg) -620px -53px no-repeat;
}
/* We just need to hide the text now   */
#divMenu ul li a {
text-indent:-9000px; background-color:transparent; }

/* Rollover stuff */

#divMenu ul li ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 110px;
	position: absolute;
	top: 53px;
	display: none;
	background: none;
}

#divMenu ul li ul.s1 {
	left: 0px;
}

#divMenu ul li ul.s2 {
	left: 0px;
}

#divMenu ul li ul.s3 {
	left: 0px;
}

#divMenu ul li ul.s4 {
	left: 0px;
}

#divMenu ul li ul.s5 {
	left: 0px;
}

#divMenu ul li ul.s6 {
	left: 0px;
}

#divMenu ul li ul.s7 {
	left: 0px;
}

#divMenu ul li ul li {
	position: relative;
	height: auto;
	width: 120px;
	/*opacity:0.7;
	filter:alpha(opacity=70);*/	
}

#divMenu ul li ul li a {
	height:auto;
}

#divMenu ul li ul li a {
	text-indent: 0;
	line-height: 1em;
	font-size: 11px;
	color: #fff;
	background: #666666;
	border: 1px solid #fff;
	border-top: none;
	/*margin-bottom: 1px;*/
	padding: 4px;
}

#divMenu ul li ul li a.first {
	border-top: 1px solid #fff;
}

#divMenu ul li ul li a:hover {
	color: #666666;
	background: #cecfd1;
	cursor: pointer;
}

* #divMenu ul li ul li { float: left; }
* #divMenu ul li ul li a { height: 1%; }

#divMenu ul li:hover ul#level1 { display: block; }

/* Second level rollover */

#divMenu ul li ul li ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	width: 110px;
	position: absolute;
	left: 119px;
	top: 3px;
	display: none;
	background: none;
}

#divMenu ul li ul li ul li {
	position: relative;
	width: 120px;
	height: auto;
}

#divMenu ul li ul li ul li a {
	text-indent: 0;
	line-height: 1em;
	font-size: 11px;
	color: #fff;
	background: #666666;
	border: 1px solid #fff;
	border-top: none;
	/*margin-bottom: 1px;*/
}

#divMenu ul li ul li ul li a.first {
	border-top: 1px solid #fff;
}

#divMenu ul li ul li ul li a:hover {
	color: #666666;
	background: #cecfd1;
	cursor: pointer;
}

#divMenu ul li ul li:hover ul { display: block; }

/*

	Left Column sub divs

*/
#divLeft div {
margin-bottom:2px;
}
#divSearch {
float:left;
display:inline;
height:22px;
width:179px;
padding:6px 0px 6px 15px;
background-color:#000000;
}
#divSearch fieldset {
border:0px;
display:inline;
float:left;
background:transparent;
}
#divSearch input.text {
width:120px;
height:20px;
padding:0px;
border:#ffffff solid 1px;
background-color:#cecfd0;
float:left;
display:inline;
font-size:1em;
vertical-align:middle;
}
#divSearch input.button {
float:left;
display:inline;
padding:0px;
margin:0px 0px 0px 2px;
height:22px;
background-color:#cecfd0;
color:#000000;
border-bottom:solid #ffffff 1px;
border-top:solid #ffffff 1px;
border-left:solid #ffffff 1px;
border-right:solid #ffffff 1px;
font-size:1em;
}
#divSubmenu {
float:left;
display:inline;
width:100%;
height:auto;
color:#ffffff;
background-color:#000000;
font-size:0.9167em;
padding-bottom:8px;
}
#divSubmenu h3 {
width:179px;
background:transparent url(../img/submenu_title_background.jpg) repeat-x left top;
padding:2px 0px 0px 15px;
height:19px;
}
#divSubmenu ul {
margin-left:15px;
}
#divSubmenu ul li {
padding-left:15px;
background:transparent url(../img/submenu_arrow.gif) no-repeat left 1px;
margin-top:4px;
}
#divSubmenu ul li a {
color:#ffffff;
}
#divNews {
float:left;
display:inline;
width:169px;
height:auto;
padding:8px 10px 0px 15px;
background-color:#7f7f7f;
font-size:0.9167em;
color:#ffffff;
}
#divNews h3 {
width: 169px;
height: 20px;
position: relative;
margin-bottom:13px;
}
#divNews h3 span {
background: url(../img/news_title.jpg) no-repeat -2px top;
position: absolute;
width: 100%;
height: 100%;
} 
#divNews span {
background:url(../img/news_arrow.gif) no-repeat left 6px;
padding:5px 0px 15px 15px;
display:block;
}
#divNews span.rss {
background:url(../img/rss.gif) no-repeat left 15px;
padding:15px 0px 0px 15px;
}
#divNews a {
color:#ffffff;
}
#divNews ul li a {
text-decoration:underline;
}
#divNews ul li p a {
text-decoration:none;
font-weight:bold;
}
#divNews ul li {
margin:0px 0px 4px 0px;
}

#divAd {
float:left;
display:inline;
width:100%;
height:auto;
background-color:#a2cbe5;
}
#divQA {
float:left;
display:inline;
width:161px;
height:auto;
/*padding:12px 10px 0px 15px;*/
padding-left: 2px;
background-color:#fff;
color:#6a6b6b;
font-size:0.9167em;
margin-top: 0;
padding-top: 0;
}
#divQA img {
margin: 0;
padding: 0;
padding-top: 2px;
}

#divQA a {
margin: 0;
padding: 0;
}
#divQuicklinks {
float:left;
display:inline;
width:169px;
height:auto;
padding:12px 10px 0px 15px;
background-color:#cecfd0;
color:#6a6b6b;
font-size:0.9167em;
}
#divQuicklinks h3 {
width:169px;
height:20px;
position:relative;
}
#divQuicklinks h3 span {
background:url(../img/quicklinks_title.jpg) no-repeat -4px top;
position:absolute;
width:100%;
height:100%;
}
#divQuicklinks ul {
margin:8px 0px 14px 0px;
}
#divQuicklinks li {
padding-left:17px;
margin:0px 0px 4px 0px;
background:transparent url(../img/quicklinks_arrow.gif) no-repeat left top;
}
#divQuicklinks li a {
color:#6a6b6b;
}
#divFeed {
float:left;
display:inline;
width:169px;
height:auto;
padding:12px 10px 12px 15px;
background-color:#000000;
color:#ffffff;
font-size:0.9167em;
}
#divFeed h3 {
	color:#ffffff;
}
#divFeed ul {
	margin-top:10px;
}
#divFeed ul li {
	margin-top:4px;
	background:transparent url(../img/submenu_arrow.gif) no-repeat left 1px;
	padding-left:15px;
}
#divFeed ul li a {
	
	color:#ffffff;
}
div.images {
float:left;
display:inline;
width:100%;
height:auto;
overflow:hidden;
}
/*remove the space left by the img*/
div.images img {
float:left;
display:inline;
}
/*

	Centre section
	
*/
#divBreadcrumbs {
float:left;
display:inline;
height:20px;
padding:14px 0px 0px 10px;
background-color:#ffffff;
width:556px;
color:#c9cbcc;
}
#divBreadcrumbs a {
	color:#c9cbcc;
}
#divBreadcrumbs a:hover {
	text-decoration:underline;
}
#divTitleImage {
float:left;
display:inline;
width:100%;
height:auto;
}
#divText,#divResults,#divSitemap {
float:left;
display:inline;
margin:20px 20px 0px 10px;
padding:0px 0px 0px 99px;
font-size:1.5em;
font-family:Microsoft Sans Serif,Arial, Helvetica, sans-serif;
}
#divTextLogo {
float:left;
display:inline;
margin:20px 20px 0px 10px;
padding:0px 0px 0px 99px;
font-size:1.5em;
font-family:Microsoft Sans Serif,Arial, Helvetica, sans-serif;
/*background: #ffffff url(../img/25years.jpg) no-repeat top left;*/
}
#divText h1,#divResults h1 {
font-size:1.133em;
color:#000000;
}

#divText #divEmphasis {
color:#d02840;
font-weight:bold;
line-height:1.15em;
}
#divText #divMaintext {
color:#666666;
font-weight:bold;
margin:5px 0px 20px 0px;
line-height:1em;
}
#divResults,#ulNewsItems,#divMainNewsItem {
	color:#666666;
}
#divText #divMaintext p, #divText #divMaintext li,#divResults p,#divText label,#divText textarea,#divText .text,div.divContact p,#divSitemap li a,#ulNewsItems li ,#divMainNewsItem p {
	font-size:0.7857em;
	font-weight:normal;
	margin-bottom:7px;
}
body#bdHome #divText #divMaintext p {
	font-size:1em;
	line-height:1.15em;
}
#divText #divMaintext h2,#divResults h2,#divMainNewsItem h2 a {
	margin-top:0px;
	font-size:0.9286em;
	color:#d02840;
}
#divResults h2 {
	margin:10px 0px;
}
#divText #divMaintext h3,#divResults li a,#ulNewsItems h3 a {
	margin-top:10px;
	font-size:0.9286em;
	color:#d02840;
}
#divResults li a {
	margin-top:0px;
}
#divText th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #ffffff;
	border-right: 1px solid #99b9b7;
	border-bottom: 1px solid #99b9b7;
	border-top: 1px solid #99b9b7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #99b9b7 url(images/bg_header.jpg) no-repeat;
}
#divText td {
	border: 1px solid #CCCCCC;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #666666;
	font-size:0.857em;
}
#divText td a {
	color:#E31319;
	text-decoration:underline;
	
}
#divText #divMainNewsItem {
float:left;
display:inline;
}

#divText ul#ulNewsItems {
margin:0px 0px 10px 0px;
list-style-type:none;
padding:0px;
float:left;
display:inline;
clear:left;
}

*:first-child+html #divText #ulNewsItems{margin:0px 0px 10px -13px;} 
* html #divText #ulNewsItems{margin-left:-13px;}

#divText #ulNewsItems li {
	width:437px;
	padding:0px 0px 10px 0px;
	background:url(../img/main_background.gif) repeat-x left bottom;
	list-style-type:none;
}
#divText .divContact {
	width:447px;
	color:#666666;
	background:url(../img/main_background.gif) repeat-x left bottom;
	padding:10px 0px;
	float:left;
	display:inline;
}
#divText #divContactLeft,#divText #divContactRight {
	width:210px;
	float:left;
	display:inline;
}
#divText .divContact p a {
	color:#666666;
	text-decoration:underline;
}
#divText #divMaintext ul li{
	list-style-type:disc;
	list-style-position:outside;
	margin-left:15px;
}
#divText p a {
	color:#666666;
	text-decoration:underline;
}
#divSitemap li {
		background:transparent url(../img/sitemap_arrow.gif) no-repeat left 5px;
		padding-left:20px;
}
#divSitemap li a {
	color:#666666;
}
#divSitemap ul ul {
	margin-left:15px;
}
h4 {
text-transform:uppercase;
color:#666666;
font-size:1.0em;
}
#divJobList {
	width:435px;
	color:#666666;
	font-size:1em;
}
hr {
width:100%;
color:#666666;
}
#divJobList ul {
list-style-type:disc;
list-style-position:outside;
margin-left:14px;
font-size:0.7857em;
}
#divJobList ul li{
margin-top:10px;
}
#divJobList ul li a {
text-decoration:underline;
font-weight:bold;
color:#666666;
}
#divJobList ul li p a{
font-weight:normal;
}

#divText h5 {
margin:0px 0px 0px 0px;
font-size:0.8em;
font-weight:bold;
padding:0px;
}
/*

	Right Section
	
*/
#divRight h3{
float:left;
display:inline;
width:163px;
padding:2px 0px 2px 0px;
background:transparent url(../img/right_heading_background.jpg) repeat-x left top;
}
#divRight h3 a {
font-weight:bold;
color:#ffffff;
font-size:1.1em;
padding-left:21px;
background:transparent url(../img/right_arrow.jpg) no-repeat 2px -4px;
}
#divRight h3, #divRight div {
margin-bottom:2px;
}
#divRight ul {
margin:3px 10px 3px 21px;
}
#divRight ul li,#divRight p {
margin-top:2px;
}
#divRight ul li a,#divRight p,#divRight p a{
	color:#6A6B6B;
}
#divDownloads,#divRelevant {
	float:left;
	display:inline;
}
/*

	Forms

*/
#frm {
	margin:10px 0px 0px 0px;
	vertical-align:top;
	float:left;
	display:inline;
	color:#666666;
}

#frm fieldset {  
 float:left;
 display:inline;
clear: both;  
width: 410px;  
margin: 0 0 20px 0;  
padding: 0px 0px 0px 0px;   
background-color: #ffffff; 
position:relative; 
border:0;
}
fieldset ol {  
 float:left;
 display:inline;
padding: 0px 10px 0 0px;  
margin:0px 0px 0px 0px;
}
fieldset li {  
float:left;
display:inline;
margin:10px 0px 0px 0px;
padding:0px;
clear: left;  
width: 100%;  
/*border:solid 1px red;*/
}
input.submit ,input.button
{
	border-top:1px solid #e4243f;
	border-left:1px solid #e4243f;
	border-bottom:1px solid #e4243f;
	border-right:1px solid #e4243f;
	background-color:#cecfdo;
	color:#000000;
	padding:0px 5px;	
	display:inline;
	float:left;
	margin-right:30px;
}

textarea,input.text,select
{
	border-top:1px solid #e4243f;
	border-left:1px solid #e4243f;
	border-bottom:1px solid #e4243f;
	border-right:1px solid #e4243f;	
	display:inline;
	float:left;
	width:200px;
	background: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
}
textarea {
height:200px;
width:310px;
}
label {  
float: left;  
display:inline;
width: 100px;  
margin-right: 10px;
}
li span.error {  
display: block;  
color: #e4243f;  
font-style: italic;  
font-size:10px;
}
