@charset "utf-8";
/*Horizontal Menu*/

/*Top level background colour and height of main bar*/

ul.rrmenuh {
	display:block;
	zoom:1;
	float: left;
}
ul.rrmenuh {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:14px;
	color:#FFFFFF
}
ul.rrmenuh table {
	border-collapse:collapse
}
/*Top level background colour and height of main bar*/
ul.rrmenuh, ul.rrmenuh ul {
	margin:0px;
	list-style:none;
	/*margin-left:0px;*/ /*offset sub menu*/
	padding:0px 0px 0px 0px;
	background-repeat:repeat;
}
ul.rrmenuh a:active, ul.rrmenuh a:focus {
	outline-style:none;
}
ul.rrmenuh a, ul.rrmenuh a.link, ul.rrmenuh a.visited {
	display:block;
	vertical-align:middle;
	text-align:left;
	text-decoration:none;
	padding:10px 10px 9px 10px;
	/*_padding-left:10px; *//*for Ie 6 browsers*/
	color: #FFFFFF;
	text-decoration:none;
	cursor:pointer;
}
/*hide sub menu and set background colour*/
ul.rrmenuh ul {
	display:none;
	background-color:#FF9191;
	opacity: 0.95;
	box-shadow: 4px 4px 6px -1px #666666;
	z-index: 200000;
}
ul.rrmenuh ul {
	position: absolute;
	left:0px;
	top:35px;
	_top:36px; /*for Ie 6 browsers*/
}
ul.rrmenuh ul {
	/*width:186.9px;*/ /*set width of sub menu*/
	width:auto; /* adjust automatically to max width */
	_padding-left:0px; /*for Ie 6 browsers*/
	margin-left:0px; /*offset sub menu*/
	_margin-left:-10px;*/ /*for Ie 6 browsers offset sub menu see line 56*/
	_padding-right:0px;
}
ul.rrmenuh ul a {
	text-align:left;
	white-space:nowrap;
	/*_width:120px;*/
}
ul.rrmenuh ul ul {
	position: absolute;
	left:100%;
	left:100%;
	top:0px;
	margin-left:0px;
	width:120px /*Third level width*/
}
ul.rrmenuh li:hover {
	position:relative;
}
ul.rrmenuh li:hover>ul {
	display:inline;
}
ul.rrmenuh li #current {
	color: #990000;
	background: #FF9191;
}
ul.rrmenuh li {
	display:block;
	margin:0px 0px 0px 0px;
	opacity: 1;
}
ul.rrmenuh li {
	float:left;
}
ul.rrmenuh ul li {
	float:none;
}
ul.rrmenuh span {
	overflow:hidden;
}
/*-------------------------------*/
/*These  two bits of code work together to change the main menu above text colour when you hover over the sub menu - note the ">"*/
ul.rrmenuh li:hover>a {
	background-color:#FF9191; /*new*/
	color: #FFFFFF;
	text-decoration:none;
	opacity: 0.90;
}
ul.rrmenuh li a:hover {
	position:relative;
	background-color:#FF9191;
	color: #990000;
	text-decoration:none;
	opacity: 0.90;
}
/*-------------------------------*/
/*Display and hide sub menus*/
ul.rrmenuh a:hover ul, ul.rrmenuh a:hover a:hover ul {
	display:block
}
ul.rrmenuh a:hover ul ul {
	display:none
}
/*-------------------------------*/
/*display sub menu arrow*/

/*image applied to span tag in menu*/
ul.rrmenuh li span {
	display:block;
	background-image:url(../images/arr_white.gif);
	background-position:right center;
	background-repeat: no-repeat;
	padding-right:12px;
	margin-left:0px;
}
/*change the sub menu arrow*/
ul.rrmenuh li a:hover span {
	display:block;
	background-image:url(../images/arrv_white.gif);
	background-position:right center;
	background-repeat: no-repeat;
	padding-right:12px;
	margin-left:0px;
}
/*to show the changed sub menu arrow in the above "hovered state" above on sub sub menu, to revert back to unhover state comment out the code below*/
ul.rrmenuh li:hover>a span {
	display:block;
	background-image:url(../images/arrv_white.gif);
	background-position:right center;
	background-repeat: no-repeat;
	padding-right:12px;
	margin-left:0px;
}
/*-------------------------------*/
/*These three bits of code work together to change the sub menu image arrow*/

/*display sub menu arrow*/

/*image applied to span tag in menu*/
ul.rrmenuh li ul li span {
	display:block;
	background-image:url(../images/arrow_s_darkpink.gif) !important;
	background-position:right center;
	background-repeat: no-repeat;
	padding-right:12px;
}
/*change the sub menu arrow*/
ul.rrmenuh li ul li a:hover span {
	display:block;
	background-image:url(../images/arrow_s_white.gif) !important;
	background-position:right center;
	background-repeat: no-repeat;
	padding-right:12px;
}
/*to show the changed sub menu arrow in the above "hovered state" above on sub sub menu, to revert back to unhover state comment out the code below*/
ul.rrmenuh li ul li:hover>a span {
	display:block;
	background-image:url(../images/arrow_s_white.gif) !important;
	background-position:right center;
	background-repeat: no-repeat;
	padding-right:12px;
}
/* -------------------------------------------------------------------*/
ul.rrmenuh li ul li a {
	font:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal !important;
	margin: 0px; /*padding and margin settings for submenu*/
	padding: 3px 5px 3px 10px !important;
}
ul.rrmenuh li ul li a:hover { /*sub hover font size and style*/
display:block; /*test*/
	font-size: 11px;
	font-style: normal;
	background:#FFD2E9; /*sub menu hover colour*/
	margin: 0px; /*padding and margin settings for submenu*/
	padding: 3px 5px 3px 10px!important;
}

/*Sub menu text*/
ul.rrmenuh ul li a {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#990000;
	margin: 0px; /*padding and margin settings for submenu*/
	padding: 3px 0px 3px 10px;
	height:12px;
	width:120px
}
ul.rrmenuh ul li a:hover {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#FF9191;
	margin: 0px; /*padding and margin settings for submenu*/
	padding: 3px 0px 3px 10px;
	height: 12px;
	width:120px
}
ul.rrmenuh li li li a:hover {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#FF9191;
	margin: 0px; /*padding and margin settings for submenu*/
	padding: 3px 0px 3px 10px;
	height: 12px;
	width:120px /*Third level width*/
}
ul.rrmenuh li li li:hover>a {
	background-color:#FF9191;
	/*border-color:#FF9191;
	border-style:solid;*/
	font:11px Arial !important;
	color: #FFFFFF;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 10px;
	width:120px /*Third level width*/
}
ul.rrmenuh li li li a {
	color: #990000;
	background: #FF9191;
	font:11px Arial !important;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 10px;
	width:120px /*Third level width*/
}
 /*Horizontal Menu end*/