/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#info
{
	clear: both; 
	height: auto;
	float: left;
	width: 100%;
	color: #ffffff;
	background: #bb2222 url(../images/FebMenu.gif) repeat-x top;  /* Set top-level background here to avoid browser differences */
}
    
.menu {
	width: 100%;
	font-size: 85%; 
	border-bottom: none;
}
/* Remove all the bullets, borders and padding from default list styling */
.menu ul {
	padding: 0; 
	margin: 0;
	list-style-type: none;	 
	height: 3em;
	background: transparent;
}
/* Style the sub-level lists */
.menu ul ul 
{
    width: 15em;
}
/* Float the top list items to make it horizontal and a relative position so that you can
   control the dropdown menu position */
.menu ul li {
	float: left; 
	height: 3em;
	line-height: 3em;
	display: block;
	text-align: center; /* RGC added */
	background: url(../images/MenuDivider.gif) no-repeat center right; /* RGC added */
}
.menu .lastitem 
{
    background: none; /* RGC added. Remove RH border for last menu item */
}
/* Style the sub-level list items */
.menu ul ul li {
	display: block;
	width: 12em;
	text-align: left; /* RGC added */
	height: auto;
	line-height: 1em;	
}
/* Style the links for the top level */
.menu a, .menu a:visited {
	display: block;
	float: left; 
	height: 100%;
	width: 7em;
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
	border-bottom: none; /* changed from none, 31-Dec-07 to solve glitch */
	padding: 0 3em 0 1em;
	color: #ffffff; 
	background: transparent;
}
/* Hack IE5.x to correct the faulty box model */
* html .menu a, * html .menu a:visited {
	width: 11em; /* Sets width of top level */
	w\idth: 7em;
}
/* Style the sub-level links */
.menu ul ul a, .menu ul ul a:visited {
	display: block; 
	background: #ffffff;
	color: #000000;	
	width: 12em;
	height: 100%; 
	line-height: 1em;
	padding: 0.5em 1em;
    border-bottom: 1px solid #dedede; /* RGC test */
    border-left: 1px solid #dedede; /* RGC test */
    border-right: 1px solid #dedede; /* RGC test */
	font-weight: normal; /* RGC added */
}
* html .menu ul ul a, * html .menu ul ul a:visited {
	width: 14em;
	w\idth: 12em;
}
.menu ul ul a.topline 
{
    border-top: 1px solid #dedede; /* RGC added */
}
/* Style the table so that it takes no part in the layout - required for IE to work */
.menu table 
{
    border-collapse: collapse;
    padding: 0;
    margin: -1px;
    width: 0;
    height: 0;
    font-size: 1em;
    z-index: 1;
}
/* Style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited 
{
    background: #ffffff;
}
/* Style the sublevel 1 background */
.menu ul :hover a.sub1 {
	background: #ffffff; /* url(../images/fly.gif) no-repeat right center; /* Colour for dropdown item that has children. Not used now but keep it in. */ 
}
/* Style the level hovers */
/* First */
* html .menu a:hover {
	color: #bb2222;
	background: #dedede url(../images/DecMenuGrey.gif) repeat-x top;
	position: relative;
	z-index: 100;
}
.menu li:hover {
	position: relative;
}
/*.menu li:hover ul, .menu LI A:hover UL {
	border: #000000 1px solid;
	background: #ffffff;
	left: -1px; 
	visibility: visible; 
	overflow: visible; 
	height: auto;
} */
.menu :hover > a {
	color: #bb2222;      /* Hover text colour for top level */
	background: #dedede url(../images/DecMenuGrey.gif) repeat-x top; /* Hover colour for top level */
/*	text-decoration: none; */
}
/* Second */
* html .menu ul ul a:hover {
	color: #bb2222; 
	background: #dedede url(../images/DecMenuGrey.gif) repeat-x top;
	position: relative;
	z-index: 110;
	font-weight: bold;	/* RGC added */
}
.menu ul ul li:hover {
	position: relative;
}
.menu ul ul :hover > a {
	color: #bb2222;
    background: #dedede url(../images/DecMenuGrey.gif) repeat-x top;
	font-weight: bold;	/* RGC added */
}
.menu ul ul :hover > a.sub1 {
	background: #dedede url(../images/DecMenuGrey.gif) repeat-x top;
}
* html .menu ul ul a.sub1:hover 
{
	background: #dedede url(../images/DecMenuGrey.gif) repeat-x top;
}    
/* Third */
* html .menu ul ul ul a:hover {
	background: #dedede url(../images/DecMenuGrey.gif) repeat-x top;
	position: relative;
	z-index: 120;
}
.menu ul ul ul :hover > a {
	color: #bb2222;
	background: #dedede url(../images/DecMenuGrey.gif) repeat-x top;
}
/* Hide the sub-levels and given them a position absolute so that they take up no room */
.menu ul ul 
{
    visibility: hidden;
    position: absolute;
    height: 0;
    top: 3em;
    left: 0;
    width: 14em;
}
/* Position the third level flyout menu */
.menu ul ul ul 
{
    left: 12em;
	top: 0;
	width: 14em;
}
/* Make the second level visible when hover on first level list or link */
.menu ul :hover ul {
    visibility: visible;
    height: auto;
    padding: 0 3em 3em 3em;
    background: transparent url(..\images\trans.gif);
    left: -3em;
}
/* Keep the third level hidden when you hover on the first level list or link */
.menu ul :hover ul ul {
	visibility: hidden;
}
/* Make the third level visible when you hover over second level list or link */
.menu ul :hover ul :hover ul {
	visibility: visible;
	left: 9em;
}
/* Offset the top level menu from the left-hand side. (RGC added) */
.menu ul.toplevel
{
    padding-left: 50px;
}