/* CSS Menus - Vertical CSS Menu with Popout and Dropdown Menus - 20050131 */


#menu ul{
list-style:none;
margin:0;
padding:0;
width:100%;
border-bottom: 1px solid #4b5d38; /*  864219 */
}

/* style, color and size links and headings to suit */
#menu a {
display: block;
font: normal 12px/16px arial, helvetica, sans-serif;
color: #FBF3BA;
text-decoration: none;
text-align: right;
text-transform: uppercase;
border: 1px solid #4b5d38; /*  864219 */
border-bottom: 0;
margin: 0;
padding: 3px 6px;
}

#menu ul {
background: transparent;
}

#menu ul li ul {
background: #04514A;  /*  58260C  */
width: 105%;
}

#menu ul li ul li a {
text-align: left;
}

#menu ul li a:hover {
	color: white;
	background: #014842;  /*  340E01  */
}

#menu ul li ul li a:hover {
	color: white;
	background: #014842;  /*  340E01  */
} 

#menu ul li a:active {
	background: #58260C;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
position:relative;
}

div#menu li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display:block;}

/* End non-anchor hover selectors */

/* Styling for Expand 

#menu a.x, #menu a.x:visited{
background:#eee url(/css/images/expand3.gif) no-repeat bottom right;
}

#menu a.x:hover{
color:lime;
background:red;
}

#menu a.x:active{
color:black;
background:white;
}
*/