.menubar, .menubar ul{
margin: 10px 0 0 0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
width: auto;
line-height:1.5em;
}

.menubar a{
display:block;
padding:0px 5px;
color:#4c4c4c;
text-decoration:none;
background: transparent;
height: 30px;
float: left;     /* IE6 fix */
}

.menubar a span{
float:right;
display:block;
padding:4px 15px 5px 15px;
margin: 0px;
color:#4c4c4c;
font-size: 18px;
background: transparent;
}


.menubar a:hover{
color:#333;
}

.menubar li:hover span{
text-decoration: underline;

}

.menubar li{
float:left;
position: relative;
display: inline;
}

.menubar li a.submenu {
background: url('/Images/sub.gif') no-repeat right center;
}

.menubar ul {
position:absolute;
display:none;
top:1.5em;
border-bottom: 1px #ccc solid;
background: url('/Images/menu-top_noalpha.png') no-repeat left top;
padding-top: 8px;
left: 0; /* IE7 positioning fix */
float: left;
}

.menubar ul li {
border-right: 1px #ccc solid;
border-left: 1px #ccc solid;
border-bottom: 1px #ccc dotted;
padding-right: 5px;
background: #fff;
}

.menubar li ul a {
padding: 5px;
width: 160px;
height: auto;
float:left;
display: block;
}

.menubar li ul li:hover {
background-color: #ccc;
}

.menubar ul ul {
top:auto;
background: #fff none;
border: 1px #ccc solid;
padding: 0;
}	

.menubar li ul ul {
left: 165px;
margin: 0 0 0 10px;
}

.menubar li:hover ul ul, .menubar li:hover ul ul ul, .menubar li:hover ul ul ul ul{
display:none;
}

.menubar li:hover ul, .menubar li li:hover ul, .menubar li li li:hover ul, .menubar li li li li:hover ul{
display:block;
height: auto;
}