.urbangreymenu{
width: 160px; /*width of menu*/
margin-top: 16px;

}

.urbangreymenu .headerbar{
font-family: Verdana;
font-size: 9px;
font-weight: bold;
color: white;
background: #000000 ; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 5px 5 5px 5px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar  a {

font-family: Verdana;
font-size: 9px;

color: white;
background: #000000 ; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 5px 5 5px 5px; /*31px is left indentation of header text*/
text-decoration: none;
}


.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}



.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{

font-family: Verdana;
font-size: 9px;

background-image: url(bgnav.gif);
display: block;
padding: 5px 0;
line-height: 10px;
padding-left: 5px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: gray;
text-decoration: underline;
}