/* Horizontal primary menu w/ dropdown sub-menus */
/* for jsmenu, add selectors li:hover -> #jsmactive */
/* fonts */
#menu {
 font-size:8pt;
 height:1.5em;
 line-height:1.5;
}
#menu li ul {
 line-height:1.25;
 line-height:1;
}
/* layout */
body #menu {	/* override primary layout */
 overflow:visible;
}
#menu {
 border-bottom-width:1px;
 border-bottom-style:solid;
 margin:0pt;
 padding:0pt;
}
#menu a {
 display:block;
 margin:0pt;
 padding:0pt;
}
#menu li ul a {
 padding:0.35em 0pt;	/* li:first-child */
}
#menu ul {
 list-style-type:none;
 margin:0pt;
 padding:0pt;
 position:absolute;
 z-index:10000;
}
#menu li {
 float:left;	/* 1st level only */
 margin:0pt 3px;
 padding:0pt;
 position:relative;
}
#menu li ul {
 border-top-width:1px;
 border-top-style:solid;
 width:165px;	/* NN: doesn't wrap content w/ width in 'li li' selector */
}
#menu li li {
 float:none;	/* >= 2nd level */
 margin:0pt;	/* revert top-level margin */
}
* html #menu li li a {
 height:1%;		/* IE hasLayout (2 layout fixes in one - no li li) */
}
/* behavior */
#menu li ul,		/* hide all levels after 1st */
#menu li:hover ul ul {	/* hide all levels 2nd after current */
 left:-9000px;
}
#menu li:hover ul {	/* restore sub-menu of hover */
 left:0pt;
}
untested #menu li li:hover ul { /* >= tertiary menu level */
 left:175px;
 top:-1px;	/* border adjustment */
}
untested * html #menu li li:hover ul {
 left:174px;
}
/* skin */
#menu {
 background-color:#ffffff;
 background-image:url(/images/menu-bg.gif);
 background-repeat: repeat-x;
 background-position:center bottom;
 border-bottom-color:#666666;
}
#menu a {
 text-decoration:none;
}
#menu a.current {
 text-decoration:underline;
}
#menu li ul {
 border-top-color:#666666;
}
#menu li {
 background-color:transparent;
 background-image:url(/images/menu-left.gif);
 background-position:left top;		/* ul: xpos ypos */
 background-repeat:no-repeat;
 padding-left:8px;
}
#menu li:hover {
 background-position:left -60px;	/* ul: xpos ypos */
}
#menu li a {
 background-color:transparent;
 background-image:url(/images/menu.gif);
 background-position:right top;		/* ur: xpos ypos */
 background-repeat:no-repeat;
 color:#dddddd;
 padding-right:8px;
}
#menu li:hover a {
 background-position:right -60px;	/* ur: xpos ypos */
 color:#ffffff;
}
#menu li ul {
 background-color:transparent;
 background-image:url(/images/menu.gif);
 background-position:left bottom;	/* ul: xpos ypos */
 background-repeat:no-repeat;
 padding-bottom:11px;
}
#menu li li,				/* XXX not needed for production */
#menu li:hover li {
 background-image:url(/images/menu.gif);
 background-position:left -71px;	/* ul: xpos ypos */
 padding-left:0pt;
}
#menu li li a,				/* XXX not needed for production */
#menu li:hover li a {
 background-image:none;
 color:#dddddd;
 padding-left:8px;
}
#menu li li:first-child a {
 padding-top:0.5em;
}
#menu li li:hover a {
 background-image:url(/images/menu-left-hlt2.gif);
 background-position:left center;
 background-repeat:no-repeat;
 color:#ffffff;
}