/*******
**   Note about menu styling:
**  
**   Menu item style is determined by applying ALL of the different styles that apply
**   to a particular item. (In the HTML, each item will have multiple classes applied
**   to it)
**  
**   For example, if an item is clickable AND the mouse is currently hovered over it,
**   it will use the CSS attributes from ALL of these classes:
**   mi, miHOV, menuLink, menuLinkHOV
**
********/


/*** MENU ITEM TYPE DEFINITIONS *****************************************************
****
**** mi		- Applies to ALL types of menu items.
**** menuLink		- Menu items that can be clicked on.
**** ms		- Menu items that have ms items listed under them
**** staticItem		- Menu items that are not clickable and have no ms items.
************************************************************************************/



/* Container TABLE object for menus */
#mainmenu .menu
{
	border-collapse:collapse;
}

/*** BASE ITEM STYLES ***************************************************************
****
**** These styles are applied to menu items regardless of whether or not the mouse is
**** currently hovering over the item.
****
************************************************************************************/

#mainmenu .mi
{
	border:solid 1px gray;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:12px;
	padding:3px 20px 3px 4px;
	/*padding:1px 20px 1px 4px;*/
	white-space:nowrap;	
	cursor:default;
}

#mainmenu .menuItem
{
	border:solid 1px gray;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:12px;
	padding:3px 20px 3px 4px;
	/*padding:1px 20px 1px 4px;*/
	white-space:nowrap;	
	cursor:default;
}


#mainmenu .staticItem
{
}

#mainmenu .menuLink
{
	cursor:pointer !important;	/* use !important to override mi's default cursor value */
}

#mainmenu .ms
{
	background:url(/images/arrow.gif);
	background-position:right center;
	background-repeat:no-repeat;
}

#mainmenu .subMenu
{
	background:url(/images/arrow.gif);
	background-position:right center;
	background-repeat:no-repeat;
}

/*** STANDARD ITEM STYLES ***********************************************************
****
**** These styles are applied to menu items when the mouse is not hovering over them.
****
************************************************************************************/

#mainmenu .miSTD
{
	color:#ffffff;
	background-color:#0f4b29;
}

#mainmenu .menuItemSTD
{
	color:#ffffff;
	background-color:#0f4b29;
}

#mainmenu .staticItemSTD
{
}

#mainmenu .menuLinkSTD
{
}

#mainmenu .msSTD
{
}

/*** HOVERED ITEM STYLES ************************************************************
****
**** These styles are applied to menu items when the mouse is hovering over them.
****
************************************************************************************/

#mainmenu .miHOV
{
	color:#ccff99;
	background-color:#339966;
}

#mainmenu .menuItemHOV
{
	color:#ccff99;
	background-color:#339966;
}

#mainmenu .staticItemHOV
{
}

#mainmenu .menuLinkHOV
{
	text-decoration:underline;	
}

#mainmenu .msHOV
{
}