#nav {
    width: 100%;
    float: left;
    margin: 2px 0px 0px 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:0px;
    padding-bottom:0px;
    list-style: none;
    background-color: #FFa74B;
    border-bottom: 0px solid #ccc;
    border-top: 0px solid #ccc; }
#nav li {
    float: left; }
#nav li a {
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    font-weight: bold;
    color: #533A1B;
    border-right: 1px solid #ccc; }
#nav li a:hover {
    color: #fff;
    background-color: #533A1B; }
#navc {
    background-color: #d46a1e;
}

#navg {
    width: 100%;
    float: left;
    margin: 2px 0px 0px 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:0px;
    padding-bottom:0px;
    list-style: none;
    background-color: #000;
    border-bottom: 0px solid #ccc;
    border-top: 0px solid #ccc; }
#navg li {
    float: left; }
#navg li a {
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    border-right: 1px solid #ccc; }
#navg li a:hover {
    color: #000;
    background-color: #fff; }
#navgc {
    background-color: #808080;
}

#navgreen {
    width: 100%;
    float: left;
    margin: 2px 0px 0px 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:0px;
    padding-bottom:0px;
    list-style: none;
    background-color: #000;
    border-bottom: 0px solid #ccc;
    border-top: 0px solid #ccc; }
#navgreen li {
    float: left; }
#navgreen li a {
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    border-right: 1px solid #ccc; }
#navgreen li a:hover {
    color: #000;
    background-color: #fff; }
#navgreenc {
    background-color: #184F38;
}

#navgold {
    width: 100%;
    float: left;
    margin: 2px 0px 0px 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:0px;
    padding-bottom:0px;
    list-style: none;
    background-color: #000;
    border-bottom: 0px solid #ccc;
    border-top: 0px solid #ccc; }
#navgold li {
    float: left; }
#navgold li a {
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    border-right: 1px solid #ccc; }
#navgold li a:hover {
    color: #000;
    background-color: #fff; }
#navgoldc {
    background-color: #E8B94A;
}

#navblue {
    width: 100%;
    float: left;
    margin: 2px 0px 0px 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:0px;
    padding-bottom:0px;
    list-style: none;
    background-color: #000;
    border-bottom: 0px solid #ccc;
    border-top: 0px solid #ccc; }
#navblue li {
    float: left; }
#navblue li a {
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    border-right: 1px solid #ccc; }
#navblue li a:hover {
    color: #000;
    background-color: #fff; }
#navbluec {
    background-color: #1D3B55;
}

#navred {
    width: 100%;
    float: left;
    margin: 2px 0px 0px 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:0px;
    padding-bottom:0px;
    list-style: none;
    background-color: #000;
    border-bottom: 0px solid #ccc;
    border-top: 0px solid #ccc; }
#navred li {
    float: left; }
#navred li a {
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    border-right: 1px solid #ccc; }
#navred li a:hover {
    color: #000;
    background-color: #fff; }
#navredc {
    background-color: #ff0000;
}
#accnav {
    float: left;
    width: 280px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
}
#accnav li a {
    display: block;
    padding: 10px 15px;
    background: #ccc;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #999;
    text-decoration: none;
    color: #000;
}
#accnav li a:hover, #accnav li a.active {
    background: #999;
    color: #fff;
}
#accnav li ul {
    display: none; // used to hide sub-menus
}
#accnav li ul li a {
    padding: 10px 25px;
    background: #ececec;
    border-bottom: 1px dotted #ccc;
}

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

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(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: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.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 Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 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;
}