/* ---- Horizontal Dropdown Menu ---- */
#hdmenu {
width: 454px; /* mainitem widths plus borders */
margin: 0 auto; /* for centered menu */
}
#hdnav, #hdnav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
background: #eee; /* mainitem normal bg color */
font-size: 13px; /* mainitem font size */
font-weight: bold; /* mainitem font weight */
line-height: 22px; /* mainitem line height */
}
#hdnav li {
float: left;
padding: 0;
width: 150px; /* mainitem width if fixed */
}
#hdnav li.aa {
border: 1px solid #999; /* mainitem border */
}
#hdnav li.ab {
border-top: 1px solid #999; /* mainitem border */
border-right: 1px solid #999; /* mainitem border */
border-bottom: 1px solid #999; /* mainitem border */
}
#hdnav li.ba, #hdnav li.bb {
position: relative;
left: -1px;	
}
#hdnav li.ba, #hdnav li.ca, #hdnav li.da {
border: 1px solid #999; /* subitem border */
}
#hdnav li.bb, #hdnav li.cb, #hdnav li.db {
border-right: 1px solid #999; /* subitem border */
border-bottom: 1px solid #999; /* subitem border */
border-left: 1px solid #999; /* subitem border */
}
#hdnav li a {
display: block;
color: #939; /* mainitem normal font color */
text-decoration: none;
padding: 0px 10px; /* mainitem font padding */
text-align: center; /* for all menu items */
}
#hdnav li:hover {
background: #000; /* mainitem hover bg color */
}
#hdnav li:hover a {
color: #ffc; /* mainitem hover font color */
}
#hdnav li a:hover {
background: none; /* to avoid conflict with global a:hover */
}
#hdnav li ul {
position: absolute;
left: -999em;
height: auto;
width: 151px; /* subitem width plus 1px */
/* font-weight: xxxx; */ /* if mainitem and subitem font weights differ */
line-height: 1;
margin: 0;
}
#hdnav li li {
width: 150px; /* subitem width */
font-weight: bold; /* subitem font weight */
}
#hdnav li li a {
padding: 0px 10px;
width: 130px; /* subitem width minus l-r padding */ /* ? */
font-size: 13px; /* subitem font size */
line-height: 21px; /* subitem line height */
}
#hdnav li ul ul {
margin: -22px 0 0 150px; /* neg subitem line-height plus 1px, subitem width */
}
#hdnav li li:hover {
background: DarkSeaGreen; /* subitem hover bg color */
}
#hdnav li ul li:hover a, #hdnav li ul li li:hover a, #hdnav li ul li li li:hover a, #hdnav li ul li li li li:hover a {
color: FloralWhite; /* subitem hover font color */
}
#hdnav li:hover li a, #hdnav li li:hover li a, #hdnav li li li:hover li a, #hdnav li li li li:hover li a {
color: Olive; /* subitem normal font color */
}
#hdnav li:hover ul ul, #hdnav li:hover ul ul ul, #hdnav li:hover ul ul ul ul {
left: -999em;
}
#hdnav li:hover ul, #hdnav li li:hover ul, #hdnav li li li:hover ul, #hdnav li li li li:hover ul {
left: auto;
background: LightGoldenRodYellow; /*subitem normal bg color */
}
/* ---- Vertical Flyout Menu ---- */
#vfmenu {
float: left;
width: 152px; /* mainitem width plus borders */
}
#vfnav, #vfnav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
background: #D9E8BD; /* mainitem normal bg color */
font-size: 13px; /* mainitem font size */
font-weight: bold; /* mainitem font weight */
line-height: 21px; /* mainitem line height */
}
#vfnav li {
float: left; /* keeps things together? */
padding: 0;
width: 150px; /* mainitem width */
}
#vfnav li.aa {
border: 1px solid #999999; /* mainitem border */
}
#vfnav li.ab {
border-right: 1px solid #999999; /* mainitem border */
border-bottom: 1px solid #999999; /* mainitem border */
border-left: 1px solid #999999; /* mainitem border */
}
#vfnav li.ba, #vfnav li.ca, #vfnav li.da {
border: 1px solid #999999; /* subitem border */
}
#vfnav li.bb, #vfnav li.cb, #vfnav li.db {
border-right: 1px solid #999999; /* subitem border */
border-bottom: 1px solid #999999; /* subitem border */
border-left: 1px solid #999999; /* subitem border */	
}
#vfnav li a {
display: block;
color: #006666; /* mainitem normal font color */
text-decoration: none;
padding: 0px 10px; /* mainitem font padding */
text-align: left; /* for all menu items */
overflow: hidden; /* added for vfmenu */
}
#vfnav li:hover {
background: #009999; /* mainitem hover bg color */
}
#vfnav li:hover a {
color: #FFFFCC; /* mainitem hover font color */
}
#vfnav li a:hover {
background: none; /* avoid conflict with global a:hover */	
}
#vfnav li ul {
position: absolute;
left: -999em;
height: auto;
width: 101px; /* subitem width plus 1px */
/*font-weight: xxxx; /* if mainitem and subitem font weights differ */
line-height: 1;
margin: -22px 0 0 150px; /* negative mainitem line height plus 1px, mainitem width */
}
#vfnav li li {
width: 100px; /* subitem width */
font-weight: bold;
}
#vfnav li li a {
padding: 0px 10px; /* subitem font padding */ /* ? */
width: 80px; /* subitem width minus l-r padding */
font-size: 13px; /* subitem font size */
line-height: 21px; /* subitem line height */
}
#vfnav li li ul {
margin: -22px 0 0 100px; /* neg subitem line height plus 1px, subitem width */
}
#vfnav li li:hover {
background: #009999; /* subitem hover bg color */
}
#vfnav li ul li:hover a, #vfnav li ul li li:hover a, #vfnav li ul li li li:hover a, #vfnav li ul li li li li:hover a {
color: #FFFFCC; /* subitem hover font color */
}
#vfnav li:hover li a, #vfnav li li:hover li a, #vfnav li li li:hover li a, #vfnav li li li li:hover li a {
color: #006666; /* subitem normal font color */
}
#vfnav li:hover ul ul, #vfnav li:hover ul ul ul, #vfnav li:hover ul ul ul ul {
left: -999em;
}
#vfnav li:hover ul, #vfnav li li:hover ul, #vfnav li li li:hover ul, #vfnav li li li li:hover ul {
left: auto;
background: #CCFFCC; /* subitem normal bg color */
}