.urbangreymenu{
width: 300px;
height:auto;
background:none;
margin-bottom:10px;
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
margin: 0;
background:url(../images/base/widget_bg.gif) repeat-x;
text-transform: uppercase;
color:#333;
font-family:'Arial', Helvetica, sans-serif;
border-top:1px solid #bbb;
border-bottom:1px solid #bbb;
cursor:pointer;
}
.urbangreymenu .headerbar span{ background:transparent url(../images/base/arrowstop.gif) no-repeat 8px 6px; padding: 7px 0 7px 31px; display:block; }

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0;
}

.urbangreymenu ul li{
padding-bottom: 1px;
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px;
text-decoration: none;
}

.urbangreymenu ul li a:active{
background: #88ae45;
color:#fff;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: #fff;
background: #88ae45;
}