.navholder .level0 { clear:both;padding:0; margin:0; position:relative; vertical-align:bottom; display:block }
 
.navholder .level0 .level1 { width:120px; height:25px; background:none; position: absolute; left: -3000px; padding:0; margin:0; float:right } /* set flyout BG color and preset the positioning */

.navholder .level0:hover .level1 { left: 0px; top:0px; z-index:100 } /* make flyout appear when the L0 is hovered */

.navholder .level0 .level1 .level1A { padding:0; margin:0; border:none }

.navholder .level0 .level1 .level1B { padding:0; margin:0; background:#79982B; text-align: center; vertical-align: middle; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; line-height: 18px; font-weight: bold; font-variant: normal; color: #FFFFFF; text-decoration: none; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF }

.navholder .level0 .level1 a { text-decoration: none }
.navholder .level0 .level1 .level1B:hover { background:#C7DB64; color: #003456 }

.level1A img { float:right; border-bottom:#fff solid 1px }



/* This is for older browsers...keep the following i!!n */

/* \*/ /*/ 
.level0 .level1 .level1B {position: static;}
/* */

/* The block above hides the rule inside so that only IE5/Mac can see it.
This rule causes the menus to be fully expanded vertically in that browser,
allowing those users to access the navigation without needing to hover it. */