#menu {
position: relative;
margin: 0 auto 0 auto;
width: 760px;
height: 20px;
background: #2f4f80;
border: 0;
z-index: 9;
}


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

#menu ul li a {
font: bold 11px/16px sans-serif;
display: block;
border-right: 1px solid #ffffff;
margin: 0;
padding: 2px 3px;
color: #ffffff;
text-align: center;
}


.withsm {
background: url(../images/menu.gif) top right no-repeat;
}

.withsm:hover {
background: #336699 url(../images/menu_hover.gif) top right no-repeat;
}

.withfo a{
background: #eeeeee url(../images/flyout.gif) top right no-repeat;
}

.withfo a:hover {
background: #336699 url(../images/flyout_hover.gif) top right no-repeat;
}

.nofo a {
color: #2f4f80;
background: #eeeeee;
}

.nofo a:hover {
color: #ffffff;
background: #336699;
}

.nosm:hover {
color: #ffffff;
background: #336699;
}

#menu ul li ul li{
margin-top: -1px;
}

#menu ul li ul li a {
color: #2f4f80;
text-decoration: none;
border: solid 1px;
border-color: #bbbbbb;
text-align: left;
width: 120px;
}

#menu ul li ul li a:hover {
color: #ffffff;
}

#menu ul li ul li ul li a:hover {
background: #336699;
}

#menu ul li ul li ul li a {
background: #eeeeee;
}

#menu li {
position: relative;
float: left; 
width: 100%;
}

#menu ul ul ul {
position: absolute;
margin-top: 1px;
margin-left: 21px;
top: 0;
left: 100%;
}

#menu ul ul {
position: absolute;
margin-top: 1px;
}

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