BODY { background-color: #FFFFFF; margin: 0px 0px 0px 0px; }
.DocumentBody { text-align:left; }
P { font-family: Tahoma, Verdana, Arial; font-size: 12px; color: #000000; }
H1 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; color: #691515; }
H2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #9a3334; 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: #993333; margin: 0px; }
H5 { font-family: Tahoma, Verdana, Arial; font-size: 12px; font-weight: normal; color: #000000; margin: 0px; }
OL { font-family: Tahoma, Verdana, Arial; font-size: 12px; color: #000000; line-height: 21px; }
UL { font-family: Tahoma, Verdana, Arial; font-size: 12px; color: #000000; line-height: 21px; list-style-type: square; }
A { color: #993333; 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: #e9cccc; text-decoration: none; }
.ARDClock { font-family: Tahoma, Verdana, Arial; font-size: 11px; font-weight: bold; color: #FFFFFF; }
.color { color: #993333; }
.small { color: #555555; font-size: 11px; } 
.ts { font-size: 11px; }
.white { color: #FFFFFF; font-size: 11px; font-weight: bold; }
.tableHeading { background-color: #333333; height:40px; padding-left:10px; padding-right:10px; }
.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-image: url(../images/lhc.jpg); background-repeat: repeat-x; background-position: left top; background-color:#993333;  }
.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; }
#printLogo { display: none; }
#fullwidth { margin:0 0 20px 0; height:160px; }
.article-pic { border:solid 5px #333; margin:0 0 10px 0; width:100px; height:75px; }
#article-link { margin:20px; padding:5px; width:120px; height:120px; float:left; }
#RHCAcc_1_DIV, #RHCAcc_2_DIV, #RHCAcc_3_DIV, #RHCAcc_4_DIV {
	font-family: Tahoma, Verdana, Arial;
	color:#555555;
	font-size:12px;
	margin: 0;
	padding: 7px;
	width:auto;
	min-height:75px;
	height:auto !important;
	height:75px;/*Needs to match the min height pixels above*/
	border-bottom: 1px solid #333333;
	background-image:url(../images/rhc-bg.jpg); background-repeat:no-repeat; background-position: top right;
}
.RightPanelBody { margin: 0; padding:0; height:100%; background-image:url(../images/mainTile.gif); background-repeat:repeat-y; background-position: top right; }
.RightPanelBody img { float:right; margin: 0 0 5px 5px; border: 1px solid #333333; }
#RHC_Body { margin:0; padding:0; width:200px; height:100%; background:none; }
.DocumentBody { text-align:left; }
/*-----------------------Vertical menu left align----------------------------*/

#menuWrap {
	clear: both;
	position:relative;
	display:block;
	background:#892929; /* 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-top:20px;
	margin-left: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,Verdana,Helvitica,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;
	border-bottom:1px solid #FFFFFF;
	}

#menu a:hover{
	background-color: #333333; /*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:#995757;
	}

#menu li ul a{
	width:150px; /*update width inline with all the overs*/
	display:block;
	line-height:32px;
	float:left;
	border:0;
	border-bottom:1px solid #FFFFFF; 
	}
	
#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*/
	}

