html, body, ol,  dl, dt, dd, img {
  margin: 0; 
  padding: 0;
  border: 0;
  list-style: none;
}

body {
  padding: 0 100px; /* the critical side padding that sets the natural min-width! */ 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  background-color:  #001482;
   
  /* background-color:  #679CCB;
   background-image:url(../images/background.gif); background-repeat:repeat-x; */
  
  font-size: 100.01%; /* this body font-size fixes an IE bug and maintains x-browser uniformity */ 
  text-align: center;  /*centers the #sizer element in IE5.x/win */
}

h3 {color:#FFFFFF; display: block;   padding: 0 0 0 0.65em; background:#373664; font-size:.75em;} 
 

a:visited, a {text-decoration:underline; color:#001482;}
a:hover {text-decoration:none; color:#000000;}

#mainNav { height:22px; position:absolute; top:66px; left:161px;  background:transparent; text-align:left; font-size: 0.6em; font-weight:bold; color:#001482;}


#sizer { 
  margin: 0 auto; /* centers #sizer in standard browsers */
  padding: 0;
  width: 100%; /* this value controls liquidity; 0% = full rigid, 100% = full liquid */
  text-align:left; /* resets the default text alignment for the page */
  max-width: 100%;
}

#expander { /* Any % height here causes IE to lose the neg right margin */
	/*margin: 0 -335px;  neg side margin values should be < or = to side body padding */
	margin: 0 0 0 0;/* -240;*/
	min-width: 670px; /* This prevents Safari from losing the negative margins in narrow windows */ 
	position: relative; /* makes #expander visible outside #sizer in IEwin */
	/*background-color: #001482;*/
} 

/*\*/
* html #expander {height: 0;} 
/* #expander must have "height: 0" in IEwin bug fixing */

/* The above is a modified Holly hack for #expander, with zero substituted for the 
usual 1% height value. Any % value on this element causes a horrendous IE bug! */ 


#wrapper1 
{
  background-image:url(../Images/backgroundimg.gif);
  background-repeat:repeat-y;
  position: relative;
  font-size: .9em; /* set global font-size here */
} /* this positioning may be needed for IEwin if page is to contain positioned elements */


#wrapper2 
{
  position: relative; /* extra insurance against bugs in IEwin */
}


/****************** Main Page Structure *****************/

/* To modify the side column widths and the col divider widths, the values that are 
marked "critical" and also refer to the desired mod MUST be changed as a group. */


.outer {
  border-left: 0px solid #001482; /*** Critical left divider dimension value ***/
  border-right: 0px solid #001482; /*** Critical right divider dimension value ***/
  margin-left: 160px;    /*** Critical left col width value ***/
  /*margin-right: 160px;    ** Critical right col width value ***/
  width:600px;
}

.float-wrap {
  float: left;
  width: 100%;
}

.center {
  float: right;
  width: 100%;
  /* border-bottom:solid 1px #001482; 
  border-left:solid 1px #001482;
  border-right:solid 1px #001482;*/
  background:#FFFFFF;
}

.left {
  float: left;
  position: relative; /* Needed for IE/win */
  width: 160px;    /*** Critical left col width value ***/
  margin-left: -160px;    /** Critical left col width value ***/ /*** Critical left divider dimension value ***/
  /*font-size:.9em;*/
  vertical-align:top;
}

 

.centerbox 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	/*font-size:.9em;*/
	font-weight: normal;
	text-align: left;
	overflow: visible;
	width: 100%;
}

.header {
		width: 760px;
		height:80px;
		background-color: #FFFFFF;
		border-bottom:solid 1px #373664;
		border-top:solid 2px #373664;
	/*	background-image: url(../images/LondonRART.gif);
		background-repeat:no-repeat; */
		text-align:center;
		margin-left:1px;
		
 } /*"" BG is made to be in fixed position here */
 .header img
 {
	border:0;
	padding:0 0 0 0;
	margin:0 0 0 0;	
 }
/*\*/
* html .header {}
/* IEwin hack needed because the "" BG is in a positioned wrapper and shows
variance. IEwin does not support fixed backgrounds on elements other than the body 

.header span {color: #373;} */

.footer {
  width: 760px;
  font-size: 0.7em;
  clear: both;
  padding: 0px 0 15px;
  position: relative;
  height:2px; 
  background-color:transparent; 
  /*text-align:center; 
  vertical-align:middle;*/
  color:#FFFFFF; 
  border-top: solid 1px #373664;
}
.footer a{color:#FFFFFF; text-decoration:none;  font-family:Verdana,Arial,sans-serif; font-size:.9em; }
.footer a:hover{color:#5D7CBA; text-decoration:underline;}
.footer a:visited{color:#FFFFFF; text-decoration:none;}

.footer ul li{display:inline; list-style-type:none; border-left:solid 1px #FFFFFF; padding-left:2px;}


#topLink {float:right; position:relative; padding-top:0px; height:14px;   background:Transparent; text-align:right;  padding-right:10px; color:#FFFFFF;}



/************** Spacing Controls for various column contents **************

.outer ul {
  text-align: center;
  margin: 10px 0;
}*/

.textpadder {padding: 8px;}


/************** Generic Rules ************/
.alignright {margin: 0 10px 10px 0; text-align: right;}

.small {font-size: .8em;}


/*--------------------------------------*/
/*           Menu Items                 */
/*--------------------------------------*/

/* breadCrumb nav */
#breadcrumb {color: #373664; font-weight:normal; padding-top:2px; font-size: 0.7em;}
#breadcrumb a{color: #373664; text-decoration:none; font-weight:normal;}
#breadcrumb a:visited{ color: #373664; text-decoration:none; font-weight:normal;}
#breadcrumb a:hover{color:#5D7CBA; text-decoration:underline;}

/* Main top Navigation */
UL#navigation {padding-left: 4px; display:inline;}
UL#navigation li {display: inline; background:#373664;} 
UL#navigation li a {float: left; color:#FFFFFF; padding: 0.2em .4em; text-decoration: none; border-left: 1px solid #679CCB; background:#5D7CBA;}
UL#navigation li a:hover {text-decoration:underline; color:#FFFFFF; border-left:solid 1px #5D7CBA; background:#373664}

/* Quicklinks RHS Navigation */
.quicklinks { list-style:none; padding: 0; margin: 0 0 0 0; background:transparent;}
.quicklinks li {list-style-image:none; list-style-type:none; 	height: 1em; width: 159px; margin-bottom: 1px;}
.quicklinks li img{height:1em; width:1em;}
.quicklinks li a { font-family:Verdana,Arial,sans-serif; font-size:.75em; font-weight:bold; display: block; height: 14px;  color:#373664; text-decoration: none; padding: 0 0.5em; background-color:#FFFFFF; border:solid 1px #373664;}
.quicklinks li a:visited { color: #373664; text-decoration: none;}
.quicklinks li a:hover { color: #FFFFFF; text-decoration: none; background:#001482; }

/* Vertical Menu */
#nav { list-style:none; padding: 0; margin: 0 0 0 0; background:transparent;}
#nav li {list-style-image:none; list-style-type:none; width: 159px; margin-bottom: 1px;}
#nav li ul{list-style:none;}
#nav li ul li{list-style-image:none; width:120px;margin-top: 0.2em; margin-bottom: 0.2em;}
#nav li a { font-family:Verdana,Arial,sans-serif; font-size:.75em;  font-weight:bold; display:block; color:#373664; text-decoration: none; padding: 0 0.5em; background-color:#FFFFFF; border:solid 1px #373664;}
#nav li a:visited { color: #373664; text-decoration: none;}
#nav li a:hover { color: #FFFFFF; text-decoration: none; background-color:#001482; background-image:none;}

/************** Special Fixes *************/
.outer {word-wrap: break-word;}
/* Prevents long urls from breaking layout in IE, must 
be hidden in a conditional comment for CSS to validate */

img {max-width: 100%;} 
/* prevents oversize images from breaking layout in browsers that support max-width */

/* \*/
* html #wrapper1,
* html #wrapper2,
* html .outer a, 
* html .container-left, 
* html .container-right,
* html .outer,
* html h2,
* html .sidenav li a 
{height: 1%;}
/* Holly hack */


/*** Variance fixes for IEwin ***/

/*\*/
* html .outer p {margin-right: -6px;}
/* */


/**************** Utility Rules *******************/
/*\*/ /*/
.sidenav a:hover {position: relative;}
/* this fixes an IEmac hover bug in the left column, hidden from other browsers */

.brclear { /* Use a break with this class to clear float containers */
  clear:both;
  height:0;
  margin:0;
  font-size: 1px;
  line-height: 0;
}

.clicker {
  display: block;
  text-align: center; 
  padding: 3px; 
  background: #833; 
  cursor: pointer;   
}

.hide {display: none;}




.panelDisplay{width:98%;}
.panelDisplay Fieldset{border:solid 1px #373664; font-size:.9em; color:#343664}
Fieldset{border:solid 1px #373664; font-size:.9em; color:#343664; width:98%;}
Legend{font-weight:bold;}
.metaTable {border:0px; padding:3; width:98%;}
.metaTable TD {vertical-align:top; text-align:left; font-family:Verdana, Arial, Sans-Serif; font-size:.7em; color:#373664;}
.metaTextBox{vertical-align:top; text-align:left; font-family:Verdana, Arial, Sans-Serif; font-size:.7em; color:#373664;}
.metaTable hr {color:#5D7CBA; height:2px; width:100%;}

.tblCaption{text-align:left;}
.tblValues{text-align:left;}

.Console{width:100px; font-size:.7em; white-space:nowrap; background-color:#FFFFFF; }

.jobIcons img { vertical-align:top;}

/* News summary styles used on home pages (postinglist control) */
.NewsTableClass{width:580px;}
.NewsTableClass tr td{border:0px solid Red;}
/*.NewsTableClass tr {height:100px;}*/

/* All News Items */
.NewsHeadingClass {font-size:.9em; font-weight:bold; color:#001482; font-family:Verdana, Arial, Sans-Serif;}
.NewsTextClass{font-size:.75em; color:#373664; font-family:Verdana,Arial,sans-serif;}
.NewsTextClass a{display:block; width:100%; text-decoration:none;}
.NewsTextClass a:visited{display:block; width:100%; text-decoration:none;}
.NewsTextClass a:hover{ background-color:#E5E7F2;}

/* Main news story */
.NewsRowClassMain {}
.NewsImageClassBig{width:260px; height:240px; margin:1 4 1 1; float:left;}
.NewsCellClassMain {}
.NewsCellClassMain a{display:block; width:100%; text-decoration:none; color:#373664;}
.NewsCellClassMain a:visited{ text-decoration:none; color:#373664;}
.NewsCellClassMain a:hover{ background-color:#E5E7F2; color:#000;}

/* news items with small image */
.NewsRowClassMinor { font-size:.9em; font-family:Verdana; vertical-align:top;}
.NewsCellClassMinor{width:20%; text-decoration:none; text-align:left; vertical-align:top; padding:0 0 0 0; margin:0 0 0 0; }
.NewsCellClassMinor a{display:block; width:100%;  text-decoration:none; color:#373664; border-left:solid 1px #D5D5D5; padding-left:2px;}
.NewsCellClassMinor a:visited{display:block; width:100%; text-decoration:none; color:#373664;}
.NewsCellClassMinor a:hover{ background-color:#E5E7F2; display:block; width:100%; text-decoration:none; color:#000;}
.NewsImageClassSmall{width:110px; height:110px; margin:0; text-align:left;}

.NewsCellClassBigMinor{width:100px; height:140px; text-decoration:none; text-align:left; padding:0 0 0 0; margin:0 0 0 0;}
.NewsCellClassBigMinor a{display:block; width:100%; text-decoration:none; color:#373664;  border-bottom:solid 1px #D5D5D5; height:90px;}
.NewsCellClassBigMinor a:visited{display:block; width:100%; text-decoration:none; color:#373664;}
.NewsCellClassBigMinor a:hover{ background-color:#E5E7F2; display:block; width:100%; text-decoration:none; color:#000;}

/* text list of news items */
.NewsRowClassText { margin:2px 0 2px 0;  width:50%;}
.NewsTextListImage{padding:3 3 3 3; margin:5 5 5 5; float:left;}

.NewsCellClassText {font-size:.9em; color:#373664; font-family:Verdana,Arial,sans-serif; width:50%; }
.NewsCellClassText a{display:block; width:100%;  text-decoration:none; color:#373664; border-left:solid 1px #D5D5D5; padding-left:2px;}
.NewsCellClassText a:visited{display:block; width:100%; text-decoration:none; color:#373664;}
.NewsCellClassText a:hover{ background-color:#E5E7F2; display:block; width:100%; text-decoration:none; color:#000;}

/* Dividers between news items */
.divider{ width:100%; background-color:#990202; padding:0 0 0 0; color:#FFFFFF; font-size:.7em; font-weight:bold; text-indent:2em; height:1.2em; border-bottom:solid 2px #373662;}
.dividerSmall{ width:100%; background-color:#990202; padding:0 0 0 0; height:.8em;}

.moreLink
{font-family:Verdana, Arial, Sans-Serif; font-size:.7em; font-weight:bold; margin-top:0px;}
.moreLink img{ vertical-align:middle; margin-right:2px;}

.descDiv{vertical-align:top; height:4em;}


#date{ font-size:.9em; font-family:Verdana, Arial, Sans-Serif; font-weight:bold; color:#FFFFFF; width:100%; height:1.2em; display:block; text-align:center;   background-color:#5D7CBA; }
#clock{ font-size:1.2em; font-family:Verdana, Arial, Sans-Serif; font-weight:bold; color:#FFFFFF; width:100%; height:1.2em; display:block; text-align:center;  margin-bottom:3px; background-color:#5D7CBA; }
/*
#date{ font-size:.9em; font-family:Verdana, Arial, Sans-Serif; font-weight:bold; color:#CC0000; width:100%; height:1.2em; display:block; text-align:center;   background-color:#FFFFFF; border-top:solid 1px #373664;border-left:solid 1px #373664;border-right:solid 1px #373664;}
#clock{ font-size:1.2em; font-family:Verdana, Arial, Sans-Serif; font-weight:bold; color:#CC0000; width:100%; height:1.2em; display:block; text-align:center;  margin-bottom:3px; background-color:#FFFFFF; border-bottom:solid 1px #373664;border-left:solid 1px #373664;border-right:solid 1px #373664;}*/

.RegionMap img{ margin:5 0 5 0; padding:2 0 2 0;}

.lastUpdated{color:#FFFFFF; font-family:Verdana, Arial, Sans-Serif; font-size:.8em;}

.newsListImage{width:60px; height:60px; float:left;}
.postingList {list-style-type:none;}
.postingList li{font-size:.9em; font-family:Verdana, Arial, Sans-Serif; padding:3 3 3 .6em; 
			margin:5 5 5 5; width:90%; vertical-align:top;  background-image:url(../images/triangleSmall.gif); background-repeat:no-repeat; background-position: 0 .4em;}
.postingList a{ background-color:#FFFFFF; text-decoration:none; display:block; margin:2 8 8 2;}
.postingList a:hover{ background-color:#E5E7F2;}
.postingList a:visited{ text-decoration:none; display:block;}
.postingListHeading {width:100%; display:block; background-color:#990202; color:#FFFFFF;}
.postingListHeading:hover {width:100%; display:block; background-color:#000000; color:#373664; }
.postingListNewsHeading{ font-weight:bold;}

.postingIndex {list-style-type:none;}
.postingIndex li{font-size:.9em; font-family:Verdana, Arial, Sans-Serif; padding:3 3 3 .6em; 
			margin:5 5 5 5; width:90%; vertical-align:top;  background-image:url(../images/triangleSmall.gif); background-repeat:no-repeat; background-position: 0 .4em;}
.postingIndex a{ background-color:#FFFFFF; text-decoration:none; display:block;}
.postingIndex a:hover{ background-color:#E5E7F2;}
.postingIndex a:visited{ text-decoration:none; display:block;}
.postingIndexHeading {width:100%; display:block; background-color:#5D7CBA; color:#FFFFFF;}



/************************ Recruitment List ***************************/
.RecruitmentList {list-style-type:none;}
.RecruitmentList li{font-size:.9em; font-family:Verdana, Arial, Sans-Serif; padding:3 3 3 .6em; 
			margin:5 5 5 5; width:90%; vertical-align:top; }
.RecruitmentList a{ background-color:#FFFFFF; text-decoration:none; display:block;}
.RecruitmentList a:hover{ background-color:#E5E7F2;}
.RecruitmentList a:visited{ text-decoration:none; display:block;}
.RecruitmentListHeading {width:100%; display:block; color:#373664; font-weight:bold;}
.RecruitmentListMainHeading {width:100%; display:block; background-color:#990202; color:#FFFFFF; }


.hrDivider{ width:98%; text-align:center; height:8px; background-color:#5D7CBA;}
.mandatory{color:Red; font-weight:bold;}


/*************** Site Map ********************/
#siteMap li{vertical-align:top;  list-style-image:url(../images/triangleSmall.gif);}
#siteMap li a{color:#373664; text-decoration:none; font-family:Verdana, Arial, Sans-Serif; font-size:.8em;}
#siteMap li a:hover{ color:#000; text-decoration:underline; font-family:Verdana, Arial, Sans-Serif; font-size:.8em;}
#siteMap li a:visited{color:#373664; text-decoration:none; font-family:Verdana, Arial, Sans-Serif; font-size:.8em;}


/************** Email Registration *************/
.registrationTable{width:95%; font-size:.9em; font-family:Verdana, Arial, Sans-Serif; color:#373664;}
.registrationTable a{color:#373664; text-decoration:underline;}
.registrationTable a:hover{color:#5D7CBA; text-decoration:none;}
.registrationTable a{color:#373664;}

.button{font-size:.8em; color:#FFFFFF; background-color:#5D7CBA; font-family:Verdana, Arial, Sans-Serif; }
.textBox{font-size:.9em; width:80%; color:#5D7CBA; font-family:Verdana, Arial, Sans-Serif; }
.checkBoxList{font-size:.9em; width:80%; color:#5D7CBA; font-family:Verdana, Arial, Sans-Serif; }

.grid{width:95%; font-size:.9em; font-family:Verdana, Arial, Sans-Serif; }
.gridHeader{color:#FFFFFF; background-color:#5D7CBA;}