BODY { background-color: #FFFFFF; margin: 0px 0px 0px 0px; }
.DocumentBody { text-align:left; }
.centre { text-align:center; }
P { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
H1 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; color: #01017b; margin: 0px 0 15px 0; }
H2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #01017b; margin: 0px 0 15px 0; }
H3 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #000000; margin: 0px 0 15px 0; }
H4 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #01017b; margin: 0px; }
H5 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; margin: 0px; }
OL { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height: 21px; }
UL { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height: 21px; list-style-type: square; }
A { color: #01017b; text-decoration: underline; }
A:hover { color: #333333; text-decoration: none; }
A.noline { color: #000000; text-decoration: none; }
A.noline:hover { color: #000000; text-decoration: none; }
A.small { color: #555555; text-decoration: none; }
A.small:hover { color: #01017b; text-decoration: none; }
A.ts { color: #FFFFFF; text-decoration: none; }
A.ts:hover { color: #FFFFFF; text-decoration: underline; }
A.white { color: #FFFFFF; text-decoration: underline; }
A.white:hover { color: #FFFFFF; text-decoration: none; }
.ARDClock { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; }
.color { color: #01017b; }
.small { color: #555555; font-size: 11px; } 
.ts { font-size: 11px; }
.white { color: #FFFFFF; font-weight: bold; }
.header { background-color:#01017b; }
.tableHeading { background-color: #ccab17; height:40px; padding-left:10px; padding-right:10px; border-top: 1px solid #FFFFFF; }
.tableFooter { background-color: #00005e; height:40px; padding-left:10px; padding-right:10px; border-bottom: 2px solid #ccab17; }
.innerborder { padding: 10px; border: #000000 solid 1px; }
.photoborder { padding:1px; border:2px solid #999999; }
.mainBg { background-image:url(/images/mainTile.gif); background-repeat:repeat-y; background-position: top right; }
.bg2 { background-color: #0268C8; }
.bg3 { background-color: #FFFFFF; }
.topheader { height: 150px; background-image: url(/images/topheaderbg.jpg); background-repeat: no-repeat; background-position: left top; background-color: #79a9ff; }
.lhcBg { background-color:#01017b;  }
.footerBg { background-image: url(/images/footerBg.gif); background-repeat: repeat-x; background-position: left top; height: 43px; }
.tsBg { background-image: url(/images/tsBg.gif); background-repeat:no-repeat; background-position: left top; height: 33px; width: 258px; padding-left: 10px; }
.tsBgTile { background-image: url(/images/tsBgTile.gif); background-repeat: repeat-x; background-position: left top; }
div.boxTop {background-color: #e9e9e9; border-bottom: solid 1px #767A7F; }
div.boxTop p {color:#000000; margin: 0px; padding: 5px; font-weight: bold; }
div.linkBox {border-left: 1px solid #767A7F; border-right: 1px solid #767A7F; border-bottom: 1px solid #767A7F; background-color: #f9f9f9; }
div.linkBoxTop {border: 1px solid #767A7F; background-color: #f9f9f9; }
.searchOuter { margin:0; padding:0;}
input.searchfield { width: 160px; padding: 3px; border: 2px solid #ccc; font-size: 11px; }
input.searchbutton { background: #2134a7; border: 1px solid #FFFFFF; padding: 3px; color: #fff; font-weight: bold; font-size: 11px; }
.right { float:right; margin:0 0 10px 10px; }
.hp-stop-press { width: auto; display: block; margin: 10px 0 0 0; padding: 10px; background-color: #01017b; border: solid 1px #d9ba2e; text-decoration: none; font-family: "Garamond", Georgia, Times New Roman, Helevetica; font-size: 17px; font-weight: normal; font-style: italic; color: #FFF;  }
.hp-stop-press:hover { width: auto; display: block; margin: 10px 0 0 0; padding: 10px; background-color: #d9ba2e; border: solid 1px #d9ba2e; color: #01017b; }

#printLogo { display: none; }

#RHCAcc_1_DIV, #RHCAcc_2_DIV, #RHCAcc_3_DIV, #RHCAcc_4_DIV {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	margin: 10px 10px 0 0;
	padding: 7px;
	width:auto;
	min-height:75px;
	height:auto !important;
	height:75px;/*Needs to match the min height pixels above*/
	border: 1px solid #01017b;
	background-color:#dedeec;
}
#RHCtwitter_DIV, #RHCfacebook_DIV { text-align:left; }
.RightPanelBody { margin: 0; padding:0; height:100%; border-left:none;  }
.RightPanelBody img { float:right; margin: 0 0 5px 5px; border: 1px solid #FFFFFF; background:none; }
#RHC_Body { margin:0; padding:0; width:200px; height:100%; background:none; border-left:none; }
.DocumentBody { text-align:left; }
/*-----------------------Vertical menu left align----------------------------*/

#menuWrap {
	clear: both;
	position:relative;
	display:block;
	background:#2134a7; /* add background (this can be added directly to the #menu */
	position:relative;
	z-index:100;/* this makes sure that the menu appears on top of all elements of the page mainly things like JS banners and flash files */
	width:200px; /*set width of menu*/
	margin:20px 0 20px 20px;
	}
#menu, #menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em; /*set line height DONT use height*/
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:13px;
	}

#menu li { 
	list-style: none; 
	position:relative;
	border:0;
	}
#menu a{
	display: inline-block;
	width:156px; /*Width of menu minus the padding*/
	padding:0px 22px;
	line-height:32px; /*set line height DONT use height*/
	color:#fff;
	text-decoration:none;
	font-size:14px;
	border-bottom:1px solid #d9ba2e;
	}

#menu a:hover{
	background-color: #01017b; /*hover background colour*/
	color:#fff;
	}

#menu ul {
	position:absolute; /* Menu uses position ab to set drop downs so left: needs to be the same height as the menu */
	display:none; /*display none so menu is not visable until user hovers over the li*/
	width:194px; /* Width will need to be updated inline with all the padding on the menus */
	left:200px;
	top:0;
	background-color:#01017b;
	}

#menu li ul a{
	width:150px; /*update width inline with all the overs*/
	display:block;
	line-height:normal;
	font-size:12px;
	padding-top:8px;
	padding-bottom:9px;
	float:left;
	border:0;
	border-bottom:1px solid #d9ba2e; 
	}
#menu li ul a:hover {
	width:150px; /*update width inline with all the overs*/
	display:block;
	line-height:normal;
	padding-top:8px;
	padding-bottom:9px;
	float:left;
	border:0;
	background-color:#2134a7;
	border-bottom:1px solid #d9ba2e; 
	}
	
#menu ul li { 
	float:left; /*float important*/
	display:inline;
	}

#menu li ul li ul {
	left:184px; /*position ab in herited from above left needs to be set to width on drop downs*/
	margin:0px 0 0 10px;
	width:204px;
	top:auto; /*should defalut to top of LI as long as float left is used on LI*/

	}
#menu li ul ul a { 
	width:160px; /*update width inline with all the overs*/
	}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul{
	display:none;
	}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul{
	display:block; /*IMPORTANT set drowns downs to show on hover*/
	}
	
/* clientZONE fix for background anomally */

table#CZDocumentBody
{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: none;
    border-left: none;
    border-right: none;
}
#FAQBody ul { margin:0 0 10px 30px; }
.DocumentBody p { margin-bottom:15px; }
.FormButton { margin-bottom:15px; }