.foo { }
/* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

/* This style sheet is intended to contain RARELY CHANGED rules used when the Menu control adapter is enabled. */
/* These rules correspond to the "pure CSS menu" technique that have been evolving over the past several years. */
/* See WhitePaper.aspx for details. */

ul.AspNet-Menu { position: relative; color: black; }
ul.AspNet-Menu, ul.AspNet-Menu ul { margin: 0; padding: 0; display: block; }
ul.AspNet-Menu li { position: relative; list-style: none; float: left; }
ul.AspNet-Menu li a, ul.AspNet-Menu li span { display: block; text-decoration: none; }
ul.AspNet-Menu ul { position: absolute; visibility: hidden; }
/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul ul { visibility: hidden; }
/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul, ul.AspNet-Menu li li:hover ul, ul.AspNet-Menu li li li:hover ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li li.AspNet-Menu-Hover ul { visibility: visible; }
.AspNet-Menu-Vertical ul.AspNet-Menu li { width: 100%; }

/* Top Node */
.MainMenu .AspNet-Menu-Horizontal { z-index: 300; }
.MainMenu .AspNet-Menu-Horizontal li:hover { /* Background within the dropped down menu */ width: 150px; height: 37px; }

/* Drop Down Area */
.MainMenu .AspNet-Menu-DropDown { font-size: 15px; z-index: 400; }
.MainMenu .AspNet-Menu-DropDown li { width: 180px; height: 16px; padding-top: 2px; padding-bottom: 2px; }
.MainMenu .AspNet-Menu-DropDown li:hover { /* high lighted background of selected drop down item*/ width: 180px; height: 16px; padding-top: 2px; padding-bottom: 2px; margin-top: -1px; margin-bottom: -1px; margin-left: -1px; }
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul { /* Border and position of the drop down area */ left: 2px; top: 100%; width: 180px; padding: 5px; z-index: 400; }

/* Area that Expands to the Left styles */
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul { position: absolute; left: 200px; top: -18px; width: 200px; z-index: 500; }
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Leaf a, .MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.Asp-Menu-Leaf span { background-image: none !important; }
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li li a, .MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li li span { text-align: left; }
.MainMenu .AspNet-Menu-NonLink { font-size: 16px; height: 37px; text-align: center; padding-top: 0px; margin-top: 0px; vertical-align: top; }
.AspNet-Menu-NonLink { width: 150px; height: 37px; background-position: center top; }
.AspNet-Menu-NonLink:hover { width: 150px; height: 37px; background-position: center top; }
.Asp-Menu-NonLink-TextArea { padding-top: 6px; font-size: 18px; }