/*
 * GENERAL NAV STYLES
 */
ul, ol { padding: 0px }

#navcontainer {
    background: transparent url(/web/20100715192011oe_/http://blogs.adobe.com/mt-static/plugins/ts-adobe-professional/i/bg-nav.gif) repeat-x scroll top left;
    display: block;
    height: 6.5em;
    width: 100%;
    position: absolute;
    left: 0px;
    z-index: 0;
}

#blog-nav {
    position: relative;
    width: 100%;
    height: 6.5em;
}

#blog-nav ul {
    position: relative;
    line-height: 0px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#blog-nav li {
    position: relative;
}

#blog-nav a {
    position: relative;
    display: block;
    font-weight: bold;
/*    display: inline-block;*/
}

#blog-nav ul ul {
    display: none;
    position: absolute;
    top: 6.5em;
    left: 0px;
    list-style: none;
    margin: 0;
    line-height: 0px;
}


/*
 * GENERAL NAV STYLES
 */
#blog-nav li.nav-top {
    border-top: 0px;
    border-left: 2px solid #fff;
    width: 9em;
    float: left;
}

#blog-nav li.nav-top.hovered {
/*    height: 400px;*/
}

#blog-nav ul ul li {
    white-space: nowrap;
    width: auto;
/*    display: list-item;*/
    float: none;
}

/*
#blog-nav li.hovered ul {
    display: block;
}
*/

#blog-nav li.nav-top > a {
    float: left;
    width: 9em;
    height: 6.5em;
    z-index: 10;
}

#blog-nav ul ul a {
    width: auto;
    height: auto;
    line-height: 32px;
    z-index: 10;
    min-width: 9em;
    border-top: 1px solid #999;
}
#blog-nav a.nolink { cursor: default !important;}

#blog-nav ul ul a span {
    padding:20px;
}

#blog-nav li.nav-top > a span {
    position: absolute;
    bottom: 5px;
    left: 10px;
    width: 5em;
    display: block;
    font-size: 1.182em;
    line-height: 17px;
    z-index: 5;
}

/*
 * HOVER EFFECTS
 */
 
#blog-nav a {                   color: #fff;
                                background-color: #949793 } 
#blog-nav a:hover {             background-color: #767a76 }
#blog-nav li.active a {         background-color: #000000 !important }
#blog-nav li.active a:hover {   background-color: #333333 !important }

#blog-nav li.hovered > a {      background-color: #767a76 }

#blog-nav ul ul a {             background-color: #767a76 }
#blog-nav ul ul a:hover {       background-color: #666666 }


/*
 * SPECIALTY STYLES
 */
#blog-nav li.nav-top:before {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 25px;
    margin-top: -2px;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #fff;
    content: " ";
}
/*#blog-nav ul ul li:before  { border-top-width: 0px; }*/