﻿#menu {
width: 90%;
background-image:url('/Template Files/Top_Navigation_Background.jpg');
background-repeat:repeat-x;
background-color:transparent;
height:27px;
border:solid 1px black;
float:left;
text-align:center!important;
font-size:11px;
padding-left:75px;
}

#menu ul {
list-style: none;
margin: 0;
padding:0;
/*width: 8.5em;*/
float: left;
}

#menu a, #menu h2 {
font: bold 11px/11px verdana, helvetica, sans-serif;
display: block;
margin: 0;
/*border-bottom:1px dashed #ccc;*/
padding:3px;
}

#menu h2 {
color:#AA0000;
/*background: #fff;*/
/*text-transform: uppercase;*/

}

#menu a {
color:#AA0000;
text-decoration: none;
white-space:nowrap;
width:100%;
}

html > #menu a 
{
	width:100%;
}

#menu a:hover, #menu a#selected {
/*color: #a00;*/
color:#000!important;

}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
left: 0;
/*white-space:nowrap;*/
/*width: 14em;*/
text-align: left;
z-index: 500;
/*background-color:#fff;*/
/*padding:3px;*/
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
background:#ADADAD url('/Template Files/menu-item-border.gif') repeat; /*Used for a border on each flyout menu item*/
background-color:#ADADAD!important;
color:#000!important;
}

#menu ul ul li a
{
	width:100%;

}

#menu ul ul li 
{
	margin:0;
	padding:0;
	height:17px;
	min-width:14em;

}


#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
background-color:#fff!important;

}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover 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;}
