/* ---- Vertical Flyout Menu ---- */
#vfmenu {
float: left;
width: 152px; /* visible width without hover */
}
#vfnav, #vfnav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
background: #e6f0c2; /* 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 #999; /* mainitem border */
}
#vfnav li.ab {
border-right: 1px solid #999; /* mainitem border */
border-bottom: 1px solid #999; /* mainitem border */
border-left: 1px solid #999; /* mainitem border */
}
#vfnav li.ba, #vfnav li.ca, #vfnav li.da {
border: 1px solid #999; /* subitem border */
}
#vfnav li.bb, #vfnav li.cb, #vfnav li.db {
border-right: 1px solid #999; /* subitem border */
border-bottom: 1px solid #999; /* subitem border */
border-left: 1px solid #999; /* subitem border */	
}
#vfnav li a {
display: block;
color: #066; /* mainitem normal font color */
text-decoration: none;
padding: 0px 10px; /* mainitem font padding */
text-align: left; /* for all menu items */
overflow: hidden;
}
#vfnav li:hover {
background: #099; /* mainitem hover bg color */
}
#vfnav li:hover a {
color: #ffc; /* 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: 51px; /* 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: 50px; /* subitem width */
font-weight: bold;
}
#vfnav li li a {
padding: 0px 10px; /* subitem font padding */ /* ? */
width: 30px; /* 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 50px; /* neg subitem line height plus 1px, subitem width */
}
#vfnav li li:hover {
background: #099; /* 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: #ffc; /* 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: #066; /* 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: #e6f0c2; /* subitem normal bg color */
}