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: 12px; 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; }



/* TESTIMONIAL RSS FEEDS */

#testimonial-rss {
	width: auto;
	height: 100%;
	min-height: 100%;
	height: auto !important;
}

.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none; /*no change*/
color:#000000; /*This controls the colour of the testimonial*/
font-family:Arial; /*This is the font for the Testimonial*/
font-size: 12px; /*Controls the size of the font for the testimonial*/
display:block; /*DO NOT CHANGE*/
}
 
.labelfield{ /*CSS for label field in general*/
 
color:#001e82; /*This controls the colour of the Label "Review for Company, location"*/
font-size: 11px; /*Controls the size of the font for the Label*/
font:Arial; /*This is the font for the Label*/
font-weight: bold;
display:block; /*DO NOT CHANGE*/
}
 
.datefield{ /*CSS for date field in general*/
color:#006ab0; /*This controls the colour of the Label "Review for Company, location"*/
font-size: 10px; /*Controls the size of the font for the Label*/
font:Arial; /*This is the font for the Label*/
}
 
#example2{ /*Demo 2 main container*/
width: 650px; /*This is the width for the testimonial*/
height: 190px; /* The height for the box*/
border: 0px dashed black; /*DO NOT CHANGE*/
padding: 4px; /*DO NOT CHANGE*/
}
 
#example2 div ul{ /*Demo 2 UL container*/
margin: 0; /*DO NOT CHANGE*/
padding-left: 18px; /*DO NOT CHANGE*/
list-style-type:none; /*DO NOT CHANGE*/
}
 
#example2 div ul li{ /*Demo 2 LI that surrounds each entry*/
margin-bottom: 4px; /*DO NOT CHANGE*/
background-image:url(http://www.thediscdirectory.co.uk/favicon.ico); /*DO NOT CHANGE*/
	background-repeat: no-repeat; /*DO NOT CHANGE*/
	background-position: 0px 2px; /*DO NOT CHANGE*/
	padding-left: 50px; /*DO NOT CHANGE*/
}
 
code{ /*CSS for insructions*/
color: green;
}