#nav
{
    position: relative;
    width: 100%;
    z-index: 700;
}

#nav ul
{
    margin: 0px;
    padding: 0px;
}
#nav li
{
    float: left;
    padding: 0px;
    margin: 0px;
    list-style: none;
    height: 50px;
}
#nav a.nav_link
{
    display: block;
    text-indent: -1000em;
    height: 50px;
}
#nav a.on, #nav a.nav_link:hover, #nav a.nav_link.on
{
    background-position: 0px -50px;
}

#nav_about
{
    width: 137px;
}
#nav_about a.nav_link
{
    background: transparent url(/images/nav/nav_about.gif) no-repeat top;
}
#nav_bus
{
    width: 137px;
}
#nav_bus a.nav_link
{
    background: transparent url(/images/nav/nav_bus.gif) no-repeat top;
}
#nav_train
{
    width: 138px;
}
#nav_train a.nav_link
{
    background: transparent url(/images/nav/nav_train.gif) no-repeat top;
}
#nav_streets
{
    width: 139px;
}
#nav_streets a.nav_link
{
    background: transparent url(/images/nav/nav_streets.gif) no-repeat top;
}
#nav_share
{
    width: 137px;
}
#nav_share a.nav_link
{
    background: transparent url(/images/nav/nav_share.gif) no-repeat top;
}
#nav_express
{
    width: 137px;
}
#nav_express a.nav_link
{
    background: transparent url(/images/nav/nav_express.gif) no-repeat top;
}
#nav_projects
{
    width: 137px;
}
#nav_projects a.nav_link
{
    background: transparent url(/images/nav/nav_projects.gif) no-repeat top;
}



#nav li .subnav
{
    position: relative;
    background: transparent url(/images/nav/subnav_bg.gif) top repeat-y;
    left: 30px;
    top: 20px;
    margin: 15px 0px 15px 0px;
    width: 165px;
    font: 11px/12px Arial, sans-serif;
}

#nav li .subnav li
{
    position: relative;
    height: auto;
    float: none;
}

#nav a
{
    outline: #000000 none 0px;
}

#nav li .subnav a
{
    position: relative;
    display: block;
    height: inherit;
    overflow: visible;
    text-indent: 0em;
    background: none;
    width: 120px;
    margin: 0px 0px 0px 0px;
    padding: 5px 15px 5px 30px;
    color: #636363;
    text-decoration: none;
}

#nav li .subnav a:hover, #nav li .subnav a.on
{
    position: relative;
    background: transparent url(/images/nav/subnav_on1.gif) repeat-y 1px 0px; /*font-weight: bold;*/
    font: 11px/12px Arial, sans-serif; /*letter-spacing: -.5px;*/
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff; /* compensate for the new border with negative margin, otherwise the menus will change size */
    margin-top: -1px;
    margin-bottom: -1px;
}



.subnav_arrow
{
    position: absolute;
    background: transparent url(/images/subnav_top1.gif) no-repeat;
    top: -39px;
    left: 0px;
    z-index: 990;
}

.subnav_bottom
{
    position: absolute;
    left: 0px;
    bottom: -19px;
}

#subsub_nav a
{
    outline: #ffffff none 0px;
}

#subsub_nav
{
    position: relative;
    top: 14px;
    left: 10px;
    width: 100%;
    height: 52px;
}

#subsub_nav ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#subsub_nav li
{
    float: left;
    list-style: none;
    padding: 0px;
    margin: 0px;
    height: 38px;
    width: 146px;
    border-right: 1px solid #ffffff;
}


#subsub_nav a
{
    text-decoration: none;
    background: transparent url(/images/nav/subsubnav_bg2.gif) top;
    color: #606F73;
    font: 13px/17px Arial, sans-serif;
    display: table-cell;
    width: 126px;
    height: 40px;
    text-align: center;
    padding: 0px 10px 0px 10px;
    vertical-align: middle;
}
#subsub_nav a:hover, #subsub_nav a.on
{
    color: #06a1ce;
    background-position: 0px -44px;
}
#subsub_nav a.on
{
    border-right: 1px solid #ffffff;
}
#subsub_nav a:active
{
    outline: none;
}

.subsubnav_on
{
    position: absolute;
    top: -18px;
}