/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */
#menu{
font-size:11px;
text-transform:lowercase;
color:#808080;
text-align:left;
}

#menu img{
float:left;
}

#menu a{
display:block;
white-space:nowrap;
padding:2px 10px 4px 11px;
margin:0 3px 0 3px;
color:#D6D6D6;
}

#menu a:hover{
color:#F4F4F5;
background-color:#808080;
}

#menu a.over{
color:#4D4D4D;
}

#menu a.over:hover{
color:#F4F4F5;
}

#menu ul{
position:absolute;
z-index:500;
top:auto;
display:none;
list-style:none;
margin:0 0 0 3px;
padding:0;
width:110px;
border:1px solid #808080;
text-transform:uppercase;
}

/* ---New--- */
#menu ul li{
position:relative;
line-height:16px;
#height:16px;
background-color:#F4F4F5;
}

#menu ul li a{
margin:0;
padding:2px 5px;
#padding:2px;
color:#4D4D4D;
background:url(../img/bg_menu.gif) top left repeat-x #F4F4F5;
}

#menu ul li a:hover{
color:#F4F4F5;
background-image:none;
background-color:#808080;
}

#menu ul li.topexc a{
background-image:none;
}
/* ------- */

table#menu li:hover{
cursor:pointer;
z-index:100;
}

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

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