/*******
**   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 */
#topmenu .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.
****
************************************************************************************/

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

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

#topmenu .staticItem
{
}

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

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

#topmenu .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.
****
************************************************************************************/

#topmenu .miSTD
{
	color:#0f4b29;
	background-color:silver;
}

#topmenu .menuItemSTD
{
	color:#0f4b29;
	background-color:silver;
}

#topmenu .staticItemSTD
{
}

#topmenu .menuLinkSTD
{
}

#topmenu .msSTD
{
}

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

#topmenu .miHOV
{
	color:white;
	background-color:gray;
}

#topmenu .menuItemHOV
{
	color:white;
	background-color:gray;
}

#topmenu .staticItemHOV
{
}

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

#topmenu .msHOV
{
}