/* top navigation */

#nav-top {
 background:#DCDDDE url(/images/nav-bkg.gif);
 width:770px;
}

#nav-top ul {
 margin:0px;
 padding:0px;
 list-style-type:none;
}

#nav-top>ul li {
 /* underlying 1px right-hand white divider bar for "hidden" cases */
 background:transparent url(/images/nav_divider.gif) right top repeat-y;
}

#nav-top ul li {
 float:left;
 display:inline;
}

#nav-top ul li a {
 /* default styles */
 display:block;
 width:113px;
 font:normal 11px "Arial Narrow", "Arial", "Helvetica", "Verdana";
 text-transform:uppercase;
 text-decoration:none;
 color:#333;
 line-height:32px;
 height:32px;
 padding:0px 2px 2px 0px;
 border-bottom:1px solid #fff;
 border-right:1px solid #fff;
 text-align:center;
 background:#DCDDDE url(/images/nav_item_arrow_0.gif) right bottom no-repeat;
}

#nav-top ul li a.hidden {
 visibility:hidden;
 background:none;
}

#nav-top ul li a.hidden:hover {
 /* hidden hover state */
 background:transparent;
 border-bottom:1px solid #fff;
 cursor:none;
}

#nav-top ul li a:hover,
#nav-top li.hover a,
#nav-top ul li a.selected {
 background:#4D5154 url(/images/nav_item_arrow_on.gif) right bottom no-repeat;
 border-bottom:1px solid #4D5154;
 color:#DCDDDE;
}

#nav-top ul li:hover>a {
 /* CSS-2 hover - separate from above rule since IE would skip the declaration otherwise */
 background:#4D5154 url(/images/nav_item_arrow_on.gif) right bottom no-repeat;
 border-bottom:1px solid #4D5154;
 color:#DCDDDE;
}

#nav-top ul ul {
 /* sub-nav container */
 float:none;
 position:absolute;
 display:none;
 background:#A5AEB7;
 width:190px;
 z-index:100;
}

#nav-top ul li:hover ul,
#nav-top ul li.hover ul {
 display:block;
}

#nav-top ul li.hidden ul {
 /* prevent hidden nav sub-items from showing */
 display:none !important;
}

#nav-top ul li ul {
 /* drop-down container */
 padding-bottom:18px;
}

#nav-top ul li li {
 float:none;
 display:block;
}

#nav-top ul ul a {
 border-bottom:1px solid #ccc;
}

#nav-top ul li li a {
 /* sub-nav (drop-down item) styles - !important required for inheritance fix due to non-CSS2 hover */
 width:188px;
 height:18px;
 background:#A5AEB7 none !important;
 font-size:12px;
 line-height:18px;
 color:#fff !important;
 border-bottom:none !important;
 border-right:none;
 text-align:left;
 text-indent:12px;
}

#nav-top ul li li a:hover {
 /* override inherit from parent */
 background:#4D5154 none !important;
 border-bottom:none;
}

/* top nav item widths etc. */

#nav-top li.main a {
 width:164px;
 background-image:none;
 text-align:right;
 padding-right:25px; 
}

#nav-top li.about a {
 width:113px;
}

#nav-top li.about ul {
 margin-left:-75px;
}

#nav-top li.about li a {
 /*text-align:right;*/
 width:178px;
 padding-right:12px;
}