/* Class Definitions

mmMainMenu, mmMainMenuHover - These affect all top-level menus.
mmMainMenuSub, mmMainMenuSubHover - These are all submenus of the Main Menu items, regardless of their contents.
mmHasSubMenus, mmHasSubMenusHover - These are submenu items that have their own submenus underneath
mmCurrent, mmCurrentHover - These only get applied to the current location's menu items.
mmCurrentWithSubs, mmCurrentWithSubsHover - These only get applied to the current location's menu items if the location has submenus.

WARNING: These are non-inclusive! If one of these are assigned to a menu item it will lose
it's original class! This is a problem with Milonic, a menu item can only hold one class at a time.
*/

/* All top-level menus */
.mmMainMenu, .mmMainMenuHover {
	background-color: transparent;
	text-decoration: none;
	text-transform: uppercase;
	color: black;
	margin: 3px 11px 3px 4px;
	padding: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* Top-level menus that are hovered over */
.mmMainMenuHover {
	color: #993300 !important;
}

/* All submenu items, including the current location */
.mmMainMenuSub, .mmMainMenuSubHover, .mmHasSubMenus, .mmHasSubMenusHover, .mmCurrent, .mmCurrentHover, .mmCurrentWithSubs, .mmCurrentWithSubsHover {
	margin-left: 7px;
	color: black;
	border-bottom: 1px solid #D0DAC1;
	text-decoration: none;
	text-transform: capitalize;
	background-color: white;
	/*min-width:25px;*/
	white-space: nowrap;
}

* html .mmMainMenuSub, .mmMainMenuSubHover, .mmHasSubMenus, .mmHasSubMenusHover, .mmCurrent, .mmCurrentHover, .mmCurrentWithSubs, .mmCurrentWithSubsHover {
	/*min-width: 25px;*/
}

/* Submenus with their own menus get cream on hover, as well as the current location */
.mmHasSubMenusHover, .mmCurrent, .mmCurrentHover, .mmCurrentWithSubs, .mmCurrentWithSubsHover {
	background-color: #EDEBC1;
}

/* Submenus without their own submenus get an arrow on hover. The current location also gets an arrow. */
.mmMainMenuSubHover, .mmCurrent, .mmCurrentHover {
	background-image: url('/_images/arrow.gif');
	background-repeat: no-repeat;
	background-position: 1px center;
	padding-left: 2px;
}

/* This will counteract the padding-left that is applied to these items when they are hovered. */
.mmMainMenuSub {
	padding-right: 2px;
}