/* ######### class for grey menu ######### */

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

 
.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{
border-style:outset;
font: bold 15px Arial;
color: #3366FF;
position: relative;
background: #E9E9E9;
display: block;
padding: 3px 0;
line-height: 12px;
padding-left: 7px; /*link text is indented 8px*/
text-decoration: none;
}
 

.urbangreymenu ul .mojo a{
border-style:outset;
font: bold 15px Arial;
color: red;
position: relative;
background: white;
display: block;
padding: 3px 0;
line-height: 12px;
padding-left: 7px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul .mojo a:hover{
border-style:outset;
font: bold 15px Arial;
color: red;
position: relative;
background: white;
display: block;
padding: 3px 0;
line-height: 12px;
padding-left: 7px; /*link text is indented 8px*/
text-decoration: none;
}


.urbangreymenu ul li a:hover, .urbangreymenu ul li a.selectedanchor{ /*hover state CSS*/
font: bold 15px Arial;
color: black;
background: white;
border-style:outset;
position: relative;
display: block;
padding: 3px 0;
line-height: 12px;
padding-left: 7px; /*link text is indented 8px*/
text-decoration: none;
}