/*******
**   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:
**   menuItem, menuItemHOV, menuLink, menuLinkHOV
**
********/


/*** MENU ITEM TYPE DEFINITIONS *****************************************************
****
**** menuItem		- Applies to ALL types of menu items.
**** menuLink		- Menu items that can be clicked on.
**** subMenu		- Menu items that have submenu items listed under them
**** staticItem		- Menu items that are not clickable and have no submenu 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 .menuItem
{
	border:solid 1px #477b62;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:12px;
	padding:5px 20px 5px 10px;
	white-space:nowrap;	
	cursor:default;
	
}

#mainmenu .staticItem
{
}

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

#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 .menuItemSTD
{
	color:#003300;
	/*ffffff*/
	background-color:#74ae73;
	/*0f4b29*/
}

#mainmenu .staticItemSTD
{
}

#mainmenu .menuLinkSTD
{
}

#mainmenu .subMenuSTD
{
}

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

#mainmenu .menuItemHOV
{
color: #ccff00;
	/*ccff99*/
	background-color:#0f4b29;
	/*339966*/
}

#mainmenu .staticItemHOV
{
}

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

#mainmenu .subMenuHOV
{
}