
/* ThemeMenuMenu Style Sheet */

.ThemeMenuMenu /* root menu */
{
	font-family: arial;
	font-size: 11px;
	font-weight:bold;
	height: 25px;
	padding: 0;
	white-space: nowrap;
	cursor: default;
	width: 748px;
	float: left;
}
.ThemeMenuSubMenuTable /* Submenu styles */
{
	font-family: arial;
	font-size: 11px;
	line-height: 21px;
	padding: 0;
	white-space: nowrap;
	cursor: default;
	border:1px solid #005837;
}

.ThemeMenuSubMenu
{
	position: absolute; /* DON'T CHANGE */
	visibility: hidden; /* DON'T CHANGE */ 
	/* Netscape/Mozilla renders borders by increasing their z-index.  The following line is necessary to cover any borders underneath */
	z-index: 100; /* DON'T CHANGE */
	border: 0; /* DON'T CHANGE */
	padding: 0; /* DON'T CHANGE */
	overflow: visible; /* DON'T CHANGE */ /* border: 1px solid #000;*/ 
	/* Whole submenu branch border */ 
	/* margin-top:4px; */ 
	/* moves sub menus down X pixels in standards based browsers*/ 
	/* margin-top:4px; */ 
	/* moves sub menus down X pixels in standards based browsers*/ 
	/* _margin-top:10px; */ 
	/* moves sub menus down X pixels in IE*/
	margin-left: 0; /* moves sub menus right X pixels */
}

.ThemeMenuSubMenuTable
{
	overflow: visible;
}

.ThemeMenuMainItem, .ThemeMenuMainItemHover, .ThemeMenuMainItemActive, .ThemeMenuMenuItem, .ThemeMenuMenuItemHover, .ThemeMenuMenuItemActive   /* DON'T CHANGE */
{
	border: 0;
	cursor: default;
	white-space: nowrap;
}

.ThemeMenuMainItem /* root menu NORMAL (not text color, see below for text color) */
{
	background-image:url('/Images/menu_bg.gif');
	font-family: arial;
	font-size: 11px;
	color: #005837;
}

.ThemeMenuMainItemHover, .ThemeMenuMainItemActive
{
	background-color:#005837; /* root menu background ROLLOVER */
	font-family: arial; /* root menu font ROLLOVER */
	color: #ffffff; /* root menu font color ROLLOVER */
	padding-left:7px;
}

.ThemeMenuMenuItem
{
	background-color: #005837;
}

.ThemeMenuMenuItemHover, .ThemeMenuMenuItemActive
{
	background-color: #bfd5cd; /* submenu background ROLLOVER */
}

/* horizontal main menu */

.ThemeMenuMainItem
{
	border: 0;
	color: #005837; /* root menu text color NORMAL*/
	padding-left: 7px;
}

td.ThemeMenuMainItemHover, td.ThemeMenuMainItemActive
{
}

.ThemeMenuMainFolderLeft, .ThemeMenuMainItemLeft, .ThemeMenuMainFolderText, .ThemeMenuMainItemText, .ThemeMenuMainFolderRight, .ThemeMenuMainItemRight
{
	background-color: inherit; /* root TEXTONLY background color */
}

/* vertical main menu sub components */
/* ONLY APPLY TO VERTICAL MENU? */

td.ThemeMenuMainFolderLeft, td.ThemeMenuMainItemLeft
{
	background-color: inherit;
}

td.ThemeMenuMainFolderText, td.ThemeMenuMainItemText
{
	background-color: inherit;
	white-space: nowrap;
}

td.ThemeMenuMainFolderRight, td.ThemeMenuMainItemRight
{
	background-color: inherit;
}

tr.ThemeMenuMainItem td.ThemeMenuMainFolderLeft, tr.ThemeMenuMainItem td.ThemeMenuMainItemLeft
{
	white-space: nowrap;
	border: 0;
	background-color: inherit;
	width: 5px;
}

tr.ThemeMenuMainItem td.ThemeMenuMainFolderText, tr.ThemeMenuMainItem td.ThemeMenuMainItemText
{
	border: 0;
	background-color: inherit;
}

tr.ThemeMenuMainItem td.ThemeMenuMainItemRight, tr.ThemeMenuMainItem td.ThemeMenuMainFolderRight
{
	border: 0;
	background-color: inherit;
}

/* sub menu sub components
====================================================*/

.ThemeMenuMenuFolderLeft, .ThemeMenuMenuItemLeft
{
	background-color: #005837; /* submenu left background color ROLLOVER*/
	white-space: nowrap;
}

.ThemeMenuMenuFolderText, .ThemeMenuMenuItemText
{
	background-color: #005837; /* submenu text only background color ROLLOVER*/
	white-space: nowrap;
	color: #fff; /* submenu Text color ROLLOVER*/
	font-size: 11px; /* submenu text size ROLLOVER*/
}

.ThemeMenuMenuFolderRight, .ThemeMenuMenuItemRight
{
	background-color: #005837; /* submenu rightside background color ROLLOVER */
	white-space: nowrap;
	padding-right: 10px; /* submenu rightside padding ROLLOVER*/
}

.ThemeMenuMenuItem .ThemeMenuMenuFolderLeft, .ThemeMenuMenuItem .ThemeMenuMenuItemLeft
{
	white-space: nowrap;
	border: 0;
	background-color: #ffffff; /* submenu leftside background color NORMAL*/

}

.ThemeMenuMenuItem .ThemeMenuMenuFolderText, .ThemeMenuMenuItem .ThemeMenuMenuItemText
{
	border: 0;
	background-color: #ffffff; /* submenu text background color NORMAL*/
	color: #005837;
	font-size: 11px;

}

.ThemeMenuMenuItem .ThemeMenuMenuFolderRight, .ThemeMenuMenuItem .ThemeMenuMenuItemRight /* right side of Submenu */
{
	border: 0;
	background-color: #ffffff; /* submenu rightside background color NORMAL*/

}

/* menu splits */

.ThemeMenuMenuSplit
{
	margin: 2px;
	height: 1px;
	overflow: hidden;
	background-color: inherit;
	border-top: 1px solid #fff;
}

/* image shadow animation */

/*
	seq1:	image for normal
	seq2:	image for hover and active

	To use, in the icon field, input the following:
	<img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/

.ThemeMenuMenuItem img.seq1
{
	display: inline;
}

.ThemeMenuMenuItemHover seq2, .ThemeMenuMenuItemActive seq2
{
	display: inline;
}

.ThemeMenuMenuItem .seq2, .ThemeMenuMenuItemHover .seq1, .ThemeMenuMenuItemActive .seq1
{
	display: none;
}
