#menu {
width: 980px;
height:29px;
background-image:url('MenuBar.jpg');
background-position: center bottom;
background-repeat:repeat-x;
border-top:2px solid #4c4e49;
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 140px;
float: left;
}

#menu a, #menu h2 {
font: normal 14px/16px Calibri, Arial;
display: block;
border :1px solid #303030;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #ffffff;
background: #cccccc;
text-transform: none;
}

#menu a {
color: #4c4e49;
background: #cccccc;
text-decoration: none;
width:auto;
white-space: nowrap;
font-size:11px;
}

#menu a:hover {
color: #ffffff;
background: #4c4e49;
}

#menu li {position: relative; width:auto;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

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;}