<style type="text/css">

.urbangreymenu{
width: 190px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 12px Verdana;
color: blue;
background: #E8E8F9; / url(media/arrowstop.gif) no-repeat 8px 6px--*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 2px 7px 2px 0; /*31px is left indentation of header text*/
/*margin-top: 0;/* vertical distance between eah main menu item */*/
margin: 0 0;
}

.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: 3px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #FFFFFF;
display: block;
padding: 3px 0;/* 3px is height of sub menu */
line-height: 15px;
padding-left: 15px; /*link text is indented 15px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: blue;
background: gray;
}

#logo        { position: absolute; top: 0; left: 0; width: 250; height: 164; z-index: -1 }

</style>