BODY { background-color: #FFFFFF; margin: 0px 0px 0px 0px; }
.DocumentBody { text-align:left; }
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: #001e82; margin: 0px 0 15px 0; padding:0;}
H2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #438bc3; 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: #438bc3; 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: #001e82; 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: #691515; 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: #b2cee4; text-decoration: none; }
.ARDClock { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; margin-right:15px; }
.ARDClock p { font-size:13px; }
.color { color: #001e82; }
.small { color: #555555; font-size: 11px; } 
.ts { font-size: 11px; }
.white { color: #FFFFFF; font-weight: bold; }
.tableHeading { background-color: #001e82; height:40px; padding-left:10px; padding-right:10px; }
.mainBg { background-image:url(../images/lhc-bg.jpg); background-repeat:no-repeat; background-position: left top; }
.bg2 { background-color: #12466e; }
.bg3 { background-color: #FFFFFF; }
.topheader { background-image:url(../images/toptile.jpg); background-repeat: repeat-x; background-position: left top; background-color: #8594c2; }
.topheaderBg { background-image:url(../images/topheader.jpg); background-repeat:no-repeat; background-position:left; width:500px; height:165px; }
.topheaderBg p { margin:125px 10px 0 20px; font-size:13px; }
.lhcBg { border-right:1px solid #6ea2ca; background-color:#87a0be; background-image:url(../images/lhc-inner.jpg); background-position:top; background-repeat:no-repeat; }
.footerEnd { border-top: 1px solid #6ea2ca; margin-top:1px; }
.searchOuter { margin:0; padding:0;}
input.searchfield { width: 160px; padding: 3px; border: 2px solid #ccc; font-size: 11px; }
input.searchbutton { background: #b7d1e5; border: 1px solid #b7d1e5; padding: 3px; color: #438bc3; font-weight: bold; font-size: 11px; }
.logo { margin:10px 15px 16px 0;}
#printLogo { display: none; }

#RHCAcc_1_DIV, #RHCAcc_2_DIV, #RHCAcc_3_DIV {
	font-family: Arial, Helvetica, sans-serif;
	color:#555555;
	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 #001e82;
	background-image:url(../images/rhc-bg.jpg); background-repeat:no-repeat; background-position: top right;
}
#RHCAcc_4_DIV {
	font-family: Arial, Helvetica, sans-serif;
	color:#555555;
	font-size:12px;
	margin: 10px 10px 10px 0;
	padding: 7px;
	width:auto;
	min-height:75px;
	height:auto !important;
	height:75px;/*Needs to match the min height pixels above*/
	border: 1px solid #001e82;
	background-image:url(../images/rhc-bg.jpg); background-repeat:no-repeat; background-position: top right;
}
.RightPanelBody { margin: 0; padding:0; height:100%; }
.RightPanelBody img { float:right; margin: 0 0 5px 5px; border: 1px solid #333333; background:none; }
#RHC_Body { margin:0; padding:0; width:210px; height:100%; background:none; }
/*-----------------------Vertical menu left align----------------------------*/

#menuWrap {
	clear: both;
	position:relative;
	display:block;
	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-top:30px;
	margin-left:22px;
	}
#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:12px;
	}

#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:#FFFFFF;
	text-decoration:none;
	border-bottom:2px solid #FFFFFF;
	background-color:#001e82;
	font-weight:bold;
	}

#menu a:hover{
	background-color: #006ab0; /*hover background colour*/
	background-image:none;
	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:#99a7cc;
	}

#menu li ul a{
	width:150px; /*update width inline with all the overs*/
	display:block;
	line-height:normal;
	float:left;
	border:0;
	border-bottom:2px solid #FFFFFF;
	padding-bottom:8px;
	padding-top:9px;
	font-weight:normal;
	}
	
#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
{
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: bottom;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 30px;
    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; }