/*
-=[ COLOR KEY ]=-
background (mint) = #BED7C1
Page Head (bright blue) = #3680C0
navigation (deep mint) = #9BC19F
head background (flat mint) = #B9D3CF
subnavigation (icy blue) = #9ABFDF
*/


/* ThemeMenuMenu Style Sheet */

.ThemeMenuMenu /* root menu */
{
	font-family: verdana;
	font-size: 11px;
    line-height:21px;
	height: 25px;
	padding: 0;
	white-space: nowrap;
	cursor: default;
}
.ThemeMenuSubMenuTable /* Submenu styles */
{
	font-family:	verdana;
	font-size:	12px;
	line-height: 17px;
	padding:	0;
	white-space:	nowrap;
	cursor:		default;
}

.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:-1px; /* 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-color:	#E6B465;
	font-family:	verdana;
	color: #FFFFFFF;
	font-weight:bold;
}

.ThemeMenuMainItemHover,.ThemeMenuMainItemActive 
{
	font-family:	verdana;/* root menu font ROLLOVER */
	color: #fff;/* root menu font color ROLLOVER */
	background-color: #17789A;/* root menu background ROLLOVER */
	font-weight:bold;
	border-right:1px solid #000;
	padding-left: 5px; 
	padding-right: 5px; 


}

.ThemeMenuMenuItem
{
	background-color:	#E5E5E5;
}

.ThemeMenuMenuItemHover,.ThemeMenuMenuItemActive 
{
	background-color:	#A8B361; /* submenu background ROLLOVER */
	color: #fff; /* submenu ROLLOVER ? */ 
	padding-left: 5px; 
	padding-right: 5px;  
}

/* horizontal main menu */

.ThemeMenuMainItem 
{
	border:0;
	color: #000; /* root menu text color NORMAL*/
	padding-left: 5px; 
	padding-right: 5px; 	
	border-right:1px solid #000;
	/*border-right: 2px solid white;*/ /* root menu border NORMAL*/
}

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:#17789A;/* submenu left background color ROLLOVER*/
	white-space:	nowrap;
}

.ThemeMenuMenuFolderText,.ThemeMenuMenuItemText 
{
	background-color:#17789A;/* 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: #17789A; /* submenu rightside background color ROLLOVER */
	white-space:	nowrap;
	padding-right:20px; /* submenu rightside padding ROLLOVER*/
}

.ThemeMenuMenuItem .ThemeMenuMenuFolderLeft,
.ThemeMenuMenuItem .ThemeMenuMenuItemLeft
{
	white-space:	nowrap;
	border:		0;
	background-color:	#F7E7CD;/* submenu leftside background color NORMAL*/
}

.ThemeMenuMenuItem .ThemeMenuMenuFolderText,
.ThemeMenuMenuItem .ThemeMenuMenuItemText 
{
	border:		0;
	background-color:	 #F7E7CD; /* submenu text background color NORMAL*/
	color: #000;
	font-size: 11px;
}

.ThemeMenuMenuItem .ThemeMenuMenuFolderRight,
.ThemeMenuMenuItem .ThemeMenuMenuItemRight /* right side of Submenu */
{
	border:		0;
	background-color:	 #F7E7CD;/* 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;
}