/* 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.navMain {
position: relative;
}
ul.navMain,
ul.navMain ul {
margin: 0;
padding: 0;
display: block;
}
ul.navMain li {
position: relative;
list-style: none;
}
ul.navMain li a,
ul.navMain li span {
display: block;
text-decoration: none;
}
ul.navMain ul {
position: absolute;
display: none;
}
/* Add more rules here if your menus have more than three (3) tiers */
ul.navMain li:hover ul ul,
ul.navMain li:hover ul ul ul,
ul.navMain li.navMain-Hover ul ul,
ul.navMain li.navMain-Hover ul ul ul {
display: none;
}
/* Add more rules here if your menus have more than three (3) tiers */
ul.navMain li:hover ul,
ul.navMain li li:hover ul,
ul.navMain li li li:hover ul,
ul.navMain li.navMain-Hover ul,
ul.navMain li li.navMain-Hover ul,
ul.navMain li li li.navMain-Hover ul {
display: block;
}
/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is navMainHorizontal. This allows us to force the top tier of the menu to layout */
/* horizontally, whereas all subsequent tiers of the menu lay out vertically. */
.navMainHorizontal ul.navMain li {
float: left;
}
.navMainHorizontal ul.navMain li li {
float: none;
}