.urbangreymenu{
width: 201px; /*width of menu*/
height: 1024px;
}

.urbangreymenu .headerbar{
color: #000000;
background: #EDEDED no-repeat;
margin-bottom: 0;
margin-top: 0; 
display: block;
height: 24px;
width: 201px;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: 24px;
font-weight: normal;
font-variant: normal;
text-indent: 10px;
}

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

.urbangreymenu .headerbar a:hover{
text-decoration: none;
color: #FFFFFF;
line-height: 22px;
display: block;
height: 24px;
width: 201px;
background-color: #018EAA;
background-image: url(../menu/selectarrow.gif);
background-repeat: no-repeat;
background-position: right center;
}

.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: 0; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
background: white;
display: block;
padding: 5px 0;
line-height: 14px;
padding-left: 20px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: #666666;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: #018EAA;
background-image: url(../menu/selectarrow2.gif);
background-repeat: no-repeat;
background-position: right center;
}

.menu-item-selected { /*selected top level menu item*/
text-decoration: none;
color: #FFFFFF;
line-height: 24px;
display: block;
height: 24px;
width: 201px;
background-color: #D40026;
background-image: url(../menu/selectarrow.gif);
background-repeat: no-repeat;
background-position: right center;
}

.submenu-item-selected { /*selected 2nd level menu item*/
color: #D40026;
background-image: url(../menu/selectarrow2.gif);
background-repeat: no-repeat;
background-position: right center;
}