#menuBar .nav
{
    float:right;
}
#menuBar .nav, #menuBar .nav ul{
    margin:0;
    padding:0;
    list-style-type:none;
    list-style-position:outside;
    position:relative;
}

#menuBar .nav li{
    float:left;
    position:relative;
    height:26px;
}

#menuBar .nav a{
    display:block;
    color:#fff;
    text-decoration:none;
    background-color:#333;
    background-image:url(../images/menuItemBG.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	text-align:center;
    text-transform:uppercase;
	padding: 5px 15px 0px 20px;
	font-size:10px;
	height:20px;
}

#menuBar .nav a:hover{
    background-image:url(../images/menuItemBG-hover.jpg);
}


#menuBar .nav ul {
    position:absolute;

    display:none;
    width:12em;
    top:26px;
    left:-20px;
}

#menuBar .nav ul li {
    height:auto;
}

#menuBar .nav li ul a{
    width:120px;
    height:auto;
    float:left;
    background-image:none;
    background-color:#E0EEF6;
    color:#115A81;
    border:solid 1px #87BDCB;
    padding-bottom:5px;
    padding-top:5px;
}
#menuBar .nav li ul a:hover {
    background-image:none;
    background-color:#FFF;

}

#menuBar .nav ul ul{
top:auto;
}	

#menuBar .nav li ul ul {
    left:12em;
    margin:0px 0 0 10px;
}

#menuBar .nav li:hover ul ul, #menuBar .nav li:hover ul ul ul, #menuBar .nav li:hover ul ul ul ul{
    display:none;
}
#menuBar .nav li:hover ul, #menuBar .nav li li:hover ul, #menuBar .nav li li li:hover ul, #menuBar .nav li li li li:hover ul{
    display:block;
}