/* Menu CSS   */
.LeftMenu { font-family:Verdana; font-weight:bold; line-height:1.5; color:White;}
.LeftMenu .AspNet-Menu-Vertical { position:relative; top: 1em; left: 0; z-index: 300; }
.LeftMenu ul { background:#806028; }
/* Top tier */
.LeftMenu .AspNet-Menu-Vertical ul.AspNet-Menu { font-size:1.15em; width: 12em; }
/* EXCEPT THE TOP TIER in the menu this way... */
.LeftMenu ul.AspNet-Menu ul { width: 17em; left: 15em; top:0em; z-index: 400; font-size:0.8em;}
.LeftMenu ul.AspNet-Menu ul ul { width: 11.5em; left: 21.25em; }
.LeftMenu ul.AspNet-Menu li { background:#806028 url(/images/bg_nav.gif) repeat-x; }
.LeftMenu ul.AspNet-Menu li a,
.LeftMenu ul.AspNet-Menu li span { color: white; padding: 4px 2px 4px 8px; border:1px solid #806028;
    border-bottom: 0; background: transparent url(/images/arrowRight.gif) right center no-repeat; }
/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.LeftMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.LeftMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span { background-image: none; }
/* Not used presently.  This is here if you modify the menu adapter so it renders img tags, too. */
.LeftMenu ul.AspNet-Menu li a img { border-style: none; vertical-align: middle; }
.LeftMenu ul.AspNet-Menu li:hover, 
.LeftMenu ul.AspNet-Menu li.AspNet-Menu-Hover { background:#c8c898; }
.LeftMenu ul.AspNet-Menu li:hover a, 
.LeftMenu ul.AspNet-Menu li:hover span, 
.LeftMenu ul.AspNet-Menu li.AspNet-Menu-Hover a,
.LeftMenu ul.AspNet-Menu li.AspNet-Menu-Hover span,
.LeftMenu ul.AspNet-Menu li:hover li:hover a, 
.LeftMenu ul.AspNet-Menu li:hover li:hover span, 
.LeftMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.LeftMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.LeftMenu ul.AspNet-Menu li:hover li:hover ul a:hover, 
.LeftMenu ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, 
.LeftMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover,
.LeftMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover { color: White; }
.LeftMenu ul.AspNet-Menu li:hover ul a, 
.LeftMenu ul.AspNet-Menu li:hover ul span, 
.LeftMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul a,
.LeftMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul span,
.LeftMenu ul.AspNet-Menu li:hover li:hover ul a, 
.LeftMenu ul.AspNet-Menu li:hover li:hover ul span, 
.LeftMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a,
.LeftMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span { color:White; }
.LeftMenu ul.AspNet-Menu li a:hover,
.LeftMenu ul.AspNet-Menu li span.Asp-Menu-Hover { color: White; 
    background:transparent url(/images/activeArrowRight.gif) right center no-repeat; }
.LeftMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover { background-image: none; }
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* this web site uses absolute positioning to force the menu to occupy a specific place in the web page. */
.LeftMenu .AspNet-Menu-Horizontal { position:absolute; left: 9.5em; top: 0; z-index: 300; }
/* This rule controls the width of the top tier of the horizontal menu. */
/* this width needs to be the width of the individual top tier menu items multiplied by the number of items. */
.LeftMenu .AspNet-Menu-Horizontal ul.AspNet-Menu { width: 45em; }
/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* Remember that only the topmost tier of the menu is horizontal. So, they need a much smaller width */
/* the width of a single menu item in the second and their tiers. */
.LeftMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul { width: 10.5em; left: 0; top: 100%; }
.LeftMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul { top: -0.3em; }
.LeftMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul { width: 11.5em; }
/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here.  We will override this below to set the width for */
/* all menu items from the second tier downward in the menu. */
.LeftMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li { width: 9em; text-align:center; }
/* This rule establishes the width of menu items below the top tier.  */
.LeftMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li { text-align:left; width: 10.5em; }
.LeftMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li { width: 11.5em; }
/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
.LeftMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul { margin: -1.4em 0 0 10.35em; }