/* Horizontal primary menu w/o dropdown sub-menus */
/*
 * A: 0.5em	padding above 1st-level horizontal menu text
 * B: 0.75em	cap size
 * C: 1em	padding below 1st-level horizontal menu text
 * D: 1.75	line-height
 * E: 0.084em	slop padding-top: ceil((D-1.5)/3)
 * F: 0.167em	slop padding-bottom: D-1.5-E
 */
/* XXX
 * font-size is only approximate.  not only are rounding errors possible due
 * to scaling, the font's bounding box is usually larger than the font-size.
 * screws 2nd-level vertical menu positioning.  text is always vertically
 * centered in a box line-height*font-size high.  pick a line-height
 * 'sufficiently' large to accomodate large bounding boxes.  FF4b8 and
 * "Lucida Sans Unicode" require a line-height of at least 1.6667.  rounding
 * up to a 'nice' line-height that generates an integral pixel height (at
 * least based on original default font-size of 16px, reduced by 0.75) yields
 * 1.75 (or 21px).
 */
/* XXX
 * for unknown reasons, line-height needs to be at least 1.5 (at least with
 * "Lucida Sans Unicode" font on FF4b8).  otherwise, #menu is shorter than
 * #mannav, causing 2nd-level ul to be positioned too high (difference is
 * split between margin-top and margin-bottom, ul off by one or the other,
 * not sure which, don't care.  uncompensated (E & F), line-height > 1.5
 * causes #menu to be taller than #mannav.  if #mainnav not padded, 2nd-level
 * ul positioned too low.
 */
/* XXX
 * line-height > 1.5 requires 'extra' padding to compensate.  split extra over
 * 1.5 to padding.
 */
/* fonts */
#menu {
 font-family:"Lucida Sans Unicode", sans-serif;
 font-weight:400;
 line-height:1.25;		/* D */
}
/* centered horizontal layout */
#menu {
 /* adjust menu div height to match ul, li & a */
 Ypadding-top:0.5em;		/* A */
 Ypadding-bottom:1em;		/* C */
 text-align:center;
}
#menu ul {
 display:-moz-inline-box;
 display:inline-block;
 list-style-type:none;
 Ymargin:0.5em 0 1em;		/* A _ C */
 padding:0;
}
#menu ul#mainnav {
 background-color:#2F2F2F;
 margin:1.5em 0 0;		/* override user agent */
 padding:0 0.75em 0;		/* E B F */
}
#menu li {
 display:-moz-inline-box;
 display:inline-block;
 Xpadding:0.5em 0 1em;		/* A _ C */
}
/* skin */
#menu li {
 background:#2F2F2F;
}
#menu li:hover {
 background-image:url(/images/bg_nav_on5.gif);
 background-position:center bottom;
 background-repeat:repeat-x;
}
#menu a {
 color:#E6E6E6 !important;	/* jquery-ui override (skin.css) override */
 display:-moz-inline-box;
 display:inline-block;
/* padding:0 20px 0;	/* don't add t/b padding - controls separator height */
 padding:0.5em 0 1em;		/* A _ C */
 text-decoration:none;
 white-space:nowrap;
}
#menu li.L0>a span.link {
 border-left:1px solid #666;
 line-height:1;
 padding:0 20px;
}
#menu li#I0 a span.link {
 border-left:0 none;
}
/* multi level menu */
#menu li {
 position:relative;
 text-align:left;
}
#menu li ul {
 background-color:#2F2F2F;
 line-height:1.75;
 margin-top:1.25em;		/* D*1em */
 padding:0.25em 0;
 position:absolute;		/* XXX 3rd level menu might require change */
 top:1.5em;			/* A + C */
 z-index:9995;			/* drop down menus should obscure any content */
}
#menu li.L0 li a {
 border-left:none;
padding:0 20px;
 white-space:nowrap;
}
#menu li li {
background:#2F2F2F;
 display:block;
 margin:0;
 padding:0.25em 0;
 padding:0 0;
 Xz-index:9999;			/* drop down menus should obscure any content */
}
#menu li li:hover {
 background-image:url(/images/bg_vnav_on.gif);
 background-position:3px bottom;
 background-repeat:no-repeat;
}
#menu li ul {		/* hide all levels after 1st */
 left:-9000px;
}
x#menu li:hover ul ul {	/* hide all levels 2nd after current */
 left:-9000px;
}
#menu li:hover ul {	/* restore sub-menu of hovered menu item */
 left:0;
}
#menu .submenu {
 color:#AAA;
 font-size:0.75em;
 font-weight:bold;
 height:16px;
 line-height:16px;
 position:absolute;
 right:0;
 text-align:center;
 top:0.5em;		/* A */
 width:16px;
}
#menu .embed .search {
 border-left:1px solid #666;
 line-height:1;
 padding-left:0.25em;
 xposition:relative;
 xleft:-5em;
}
#menu .embed .search input {
 line-height:1;
 margin:0 0.25em;
}
#menu .embed .search input.query {
 xborder:0.16667em inset;
 border:2px inset #04559F;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
 font-size:0.9em;
 xmargin:0.33333em 0.25em 0.83333em;
 padding:0 5px;
}
#menu .embed .search input.query:focus {
 outline:0;
}
#menu .embed .search input.submit {
 display:inline;
 vertical-align:middle;
}