a.top:link {color: #000000; text-decoration: none}
a.top:visited {color: #000000; text-decoration: none}
a.top:hover {color: white; background: black}
a.nav:link {color: #000000; text-decoration: none}
a.nav:visited {color: #000000; text-decoration: none}
a.logo:link {text-decoration: none}
a.logo:hover {text-decoration: none}
a.logo:visited {text-decoration: none}
a.logo:active {text-decoration: none}
a:link {color: #000000}
a:visited {color: #000000}
a:hover {color: #3333ff; background: #ffcc33}
a:active {color: #000000}




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.urbangreymenu{
width: 200px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
text-indent: 10px;
padding: 7px 0 7px 0; /*31px is left indentation of header text*/
}

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

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


.urbangreymenu ul li a{
Display: inline;
font: normal 16px Arial;
color: black;
position: relative;
/*background: #E9E9E9;*/
display: block;
padding: 1px 0;
line-height: 17px;
padding-left: 8px; /*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: black;
}