.urbangreymenu{
width: 214px; /*width of menu*/
margin-top:10px;
margin-left:9px;
}

.urbangreymenu .headerbar{
font: bold 12px Arial;
color: white;
background: #ffffff url(../../images/blue-link-background.jpg) no-repeat 0px 0px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 6px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 5px 0 7px 10px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar:hover{
font: normal 14px Arial;
color: white;
background: #666666 url(../../images/grey-link-background.jpg) no-repeat 0px 0px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 6px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 5px 0 7px 10px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbarstatic{
font: normal 14px Arial;
color: white;
background: #ffffff url(../../images/blue-link-background.jpg) no-repeat 0px 0px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 6px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 5px 0 7px 10px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbarstatic:hover{
font: normal 14px Arial;
color: white;
background: #ffffff url(../../images/grey-link-background.jpg) no-repeat 0px 0px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 6px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 5px 0 7px 10px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbarstaticyen{
font: bold 11px Arial;
color: white;
background: #990000 url(arrowstop.gif) no-repeat 0px 0px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 6px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 5px 0 7px 10px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbarstaticyen:hover{
font: bold 12px Arial;
color: white;
background: #666666 url(arrowstop.gif) no-repeat 0px 0px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 6px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 5px 0 7px 10px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
font: bold 12px Arial;
text-decoration: none;
color: white;
display: block;
margin-bottom:0em;
margin-top:0.4em;
}

.urbangreymenu .headerbar a.hover{
font: bold 12px Arial;
width:214px;
background-color: #666666;
text-decoration: none;
color: white;
display: block;
margin-bottom:0em;
margin-top:0.4em;
}

.urbangreymenu .headerbar a.active{
font: bold 12px Arial;
width:214px;
background-color: #666666;
text-decoration: none;
color: white;
display: block;
margin-bottom:0em;
margin-top:0.4em;
}

.urbangreymenu .headerbarstatic a{
font: bold 12px Arial;
text-decoration: none;
color: white;
display: block;
margin-bottom:0em;
margin-top:0.4em;
}

.urbangreymenu .headerbarstatic a.hover{
font: bold 12px Arial;
text-decoration: none;
color: white;
display: block;
margin-bottom:0em;
margin-top:0.4em;
}

.urbangreymenu .headerbar a.active{
font: bold 12px Arial;
width:214px;
background-color: #666666;
text-decoration: none;
color: white;
display: block;
margin-bottom:0em;
margin-top:0.4em;
}

.urbangreymenu .headerbarstaticyen a{
font: bold 12px Arial;
text-decoration: none;
color: white;
display: block;
margin-bottom:0em;
margin-top:0.4em;
}

.urbangreymenu .headerbarstaticyen a.hover{
font: bold 12px Arial;
text-decoration: none;
color: white;
display: block;
margin-bottom:0em;
margin-top:0.4em;
}

.urbangreymenu .headerbarstaticyen a.active{
font: bold 12px Arial;
text-decoration: none;
color: white;
display: block;
margin-bottom:0em;
margin-top:0.4em;
}

.urbangreymenu ul{
list-style-type: none;
margin-top: 0em; /*bottom spacing between each UL and rest of content*/
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
margin-left: 0;

}

.urbangreymenu ul li{
width:214px;
color: #157BC3;
background: #E9E9E9;
margin-bottom: 0px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: bold 11px Arial;
color: #157BC3;
background: #ffffff url(../../images/light-grey-link-background.jpg) no-repeat 0px 0px; /*last 2 values are the x and y coordinates of bullet image*/
display: block;
line-height: 0.5em;
padding-top: 10px; /*link text is indented 8px*/
padding-bottom: 10px; /*link text is indented 8px*/
padding-left: 20px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: #157BC3;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #666666 url(../../images/grey-link-background.jpg) no-repeat 0px 0px; /*last 2 values are the x and y coordinates of bullet image*/

}

