.urbangreymenu
{
    width: 250px; /*width of menu*/
    float: right;
    position: relative;
}

.urbangreymenu .headertop
{
    font: bold 12px;
    background: url('/images/sidebar-header.png') no-repeat #f0f0f0; /*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: normal;
    padding: 7px 0 7px 20px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar
{
    font: bold 12px;
    color: #656464;
    background: url('/images/sidebar-med-header.png') no-repeat #f0f0f0; /*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: normal;
    padding: 7px 0 7px 7px; /*31px is left indentation of header text*/
}

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

h3.headerbar
{
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #f0f0f0;
}

h3.headertop
{
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #f0f0f0;
}

.urbangreymenu .footerbar
{
    background: url('/images/sidebar-footer_p.png') no-repeat #f0f0f0; /*last 2 values are the x and y coordinates of bullet image*/
    margin-bottom: 0; /*bottom spacing between header and rest of content*/
    height: 93px;
}

.urbangreymenu .footerbar-thinner
{
    margin-top: 0px;
    background: url('/images/sidebar-footer-thinner.png') no-repeat #f0f0f0; /*last 2 values are the x and y coordinates of bullet image*/
    margin-bottom: 0; /*bottom spacing between header and rest of content*/
    height: 34px;
}

.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;
    color: black;
    background: #E9E9E9;
    display: block;
    padding: 4Px 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: black;
    background: #F0F0F0;
}

/* start feedback page */

.urbangreymenu_override_375
{
    width: 375px; /*width of menu*/
}

.urbangreymenu_override_375 .headertop
{
    background: url('/images/sidebar-header-375.png') no-repeat #f0f0f0; /*last 2 values are the x and y coordinates of bullet image*/
}

.urbangreymenu_override_375 .headerbar
{
    background: url('/images/sidebar-med-header-375.png') no-repeat #f0f0f0; /*last 2 values are the x and y coordinates of bullet image*/
}

.urbangreymenu_override_375 .fb
{
    background: url('/images/sidebar-med-header-fb-375.png') no-repeat #f0f0f0; /*last 2 values are the x and y coordinates of bullet image*/
}

span.fb
{
    font-size: 16px;
    font-weight: bolder;
    color: #3B5998;
}

.urbangreymenu_override_375 .tw
{
    background: url('/images/sidebar-med-header-tw-375.png') no-repeat #f0f0f0; /*last 2 values are the x and y coordinates of bullet image*/

}

span.tw
{
    font-size: 16px;
    font-weight: bolder;
    color: #33CCFF;
}

.urbangreymenu_override_375 .yt
{
    background: url('/images/sidebar-med-header-yt-375.png') no-repeat #f0f0f0; /*last 2 values are the x and y coordinates of bullet image*/
}

span.yt
{
    font-size: 16px;
    font-weight: bolder;
    color: #ff0000;
}

.urbangreymenu_override_375 .footerbar-thinner
{
    background: url('/images/sidebar-footer-thinner-375.png') no-repeat #f0f0f0; /*last 2 values are the x and y coordinates of bullet image*/
}

/* end feedback page */

.urbangreymenu .blue_skin
{
    background: url('/images/sidebar-header-blue.png') no-repeat;
}