.urbangreymenu{
padding-left:7px;
width: 210px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: normal 14px 'Trebuchet MS', Verdana, sans-serif;
color:#6699CC;


margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform:none;
padding: 2px 0 2px 0px; /*31px is left indentation of header text*/
}

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

.urbangreymenu .headerbar a:hover{
color:#333333;
}

.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: normal 12px 'Trebuchet MS', Verdana, sans-serif;
color: #666666;
background: white;
display: block;
padding: 0px 0;
line-height: 17px;
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: #666666;
}






#dropmenudiv{
position:absolute;

border:1px solid black;
border-bottom-width: 0;
font:normal 12px arial;
line-height:20px;
z-index:100;
}

#dropmenudiv a{
padding-left:10px;
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid white;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
background-color:#666666;
color:white;
}

#dropmenudiv a:hover{ /*hover background color*/
padding-left:0px;
background-color:#F0F0F0;
color:#333333;
border-bottom: 1px solid #333333;
}

/* Sample CSS definition for the example list. Remove if desired */
.navlist{
list-style-type: square;
width: 191px;

}