/* 
    Styles for the Taproot primary menu
*/

/*******************************
 Structural Styles 
********************************/
#mnu { /* menu wrapper div */
	padding: 0;
	margin: 0;
	border: 0;
	white-space: nowrap;
	position: relative;
}

#mnu ul { /* all submenu lists */
	padding: 0;
	margin: 0;
	border: 0;
	list-style-type: none;
	white-space: nowrap;
	z-index: 99999;
}

#mnu li { /* all list items */
	position: relative;
	display: inline;
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
}

#mnu li li { /* all items under the top level */
	z-index: 11113;
}

#mnu a { /* all links within the menu wrapper */
	display: block;
	margin: 0; 
	border: 0;
	padding: 0;
}

#mnu li li a { /* all item links under the top level */
	margin: 0;
	border: 0;
	padding: 0;
}

#mnu li a:hover {
	margin: 0;
	border: 0;
	padding: 0;
}

#mnu li li a:hover {
	margin: 0;
	border: 0;
	padding: 0;
}

#mnu li ul {
	position: absolute;
	margin: 0;
	border: 0;
	padding: 0;
	z-index: 11112;
}

#mnu li ul ul { /* third-and-above-level lists */
	margin: 0;
	border: 0;
	padding: 0;
}

#mnu li:hover ul ul, 
#mnu li:hover ul ul ul, 
#mnu li.sfhover ul ul, 
#mnu li.sfhover ul ul ul {
	left: -9999px;
}

#mnu li:hover ul, 
#mnu li li:hover ul, 
#mnu li li li:hover ul, 
#mnu li.sfhover ul, 
#mnu li li.sfhover ul, 
#mnu li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 99999;
}

#mnu iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
	display: block;
}

.ArrowPointer
{
	cursor: default;
}


/*******************************
 Customized Presentation Styles
********************************/
#mnu { /* menu wrapper div */
	border: 0;
	width: 100%;
	background-color: #5B4B42;
	height: 38px;
}

#mnu ul { /* all submenu lists */
	line-height: 24px;
	background-color: #5B4B42;
}

#mnu li { /* all list items */
	height: 38px;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: auto;
	_width: 1px;
	height: 38px;
	/* end hack */
}

#mnu li li { /* all items under the top level */
	width: 144px;
	height: 38px;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: auto;
	_width: 1px;
	height: 38px;
	/* end hack */
}

#mnu a { /* all links within the menu wrapper */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight : bold;
	text-decoration : none;
	color : #fff;
	background-color: transparent;
	padding: 5px;
	width: auto;
	height: 22px;
	text-align: center;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	_width: auto;
	height: 13px;
	_height: 100%;
	/* end hack */
}

#mnu li li a { /* all item links under the top level */
	padding: 5px;
	width: 134px;
	height: 22px;
	text-align: left;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	_width: 140px;
	height: 13px;
	_height: 100%;
	/* end hack */
}

#mnu li a:hover {
	margin: 1px;
	border: 0;
	padding: 4px;
	height: 14px;
}

#mnu li li a:hover {
	margin: 1px;
	border: 0;
	padding: 4px;
	_width: 140px;
	height: 14px;
}

#mnu li ul { /* second-level lists */
	width: 144px; /* width of submenu, must be set so third-level list can get shifted over properly */
	left: -9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border: solid 1px #999;
	margin: 0;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	margin: 1px 0 0 0;
	_margin: 0;
	/* end hack */
	line-height: 14px;
}

#mnu li ul ul { /* third-and-above-level lists */
	margin: -38px 0 0 144px;
	_margin: -38px 0 0 142px;
	border: solid 1px #999;
	line-height: 14px;
}

/* Applied to the parent item, if displayed, in either vertical or horizontal
   orientation. Must follow other styles. */
#mnu #mnuParentItem a
{ /* all links under the parent item (li) */
	background-color: transparent; 
	text-decoration: none;
}

#mnu a#mnuParentLinkx
{ /* parent link itself */
	background-color: transparent; 
	text-decoration: none;
}

#mnu a#mnuCurrentLink
{ /* current link itself */
	margin: 2px;
	border: 0;
	padding: 3px;
	height: 14px;
	color: #000;
	text-decoration: none;
}

/* Set the width of leaf buttons */
#mnuItemHome          {width:  87px !important;} 
#mnuItemProducts      {width: 102px !important;} 
#mnuItemSuppliers     {width: 108px !important;} 
#mnuItemNewsletter    {width: 119px !important;}
#mnuItemClassesEvents {width: 161px !important;} 
#mnuItemAboutUs       {width: 102px !important;} 
#mnuItemPortalAdministration {width: 35px !important; margin-right: 20px !important;}
#mnuItemHost          {width: 125px !important; }

/* Set the hovers for each leaf button */
#mnu #mnuItemHome a:hover {
    color: #000;
	height: 28px;
	_height: 36px;
    background: url(home_leaf_hvr.gif) no-repeat center;
}

#mnu #mnuItemProducts a:hover {
    color: #000;
	height: 28px;
	_height: 36px;
    background: url(prod_leaf_hvr.gif) no-repeat center;
}

#mnu #mnuItemSuppliers a:hover {
    color: #000;
	height: 28px;
	_height: 36px;
    background: url(supp_leaf_hvr.gif) no-repeat center;
}

#mnu #mnuItemNewsletter a:hover {
    color: #000;
	height: 28px;
	_height: 36px;
    background: url(news_leaf_hvr.gif) no-repeat center;
}

#mnu #mnuItemClassesEvents a:hover {
    color: #000;
	height: 28px;
	_height: 36px;
    background: url(classes_leaf_hvr.gif) no-repeat center;
}

#mnu #mnuItemAboutUs a:hover {
    color: #000;
	height: 28px;
	_height: 36px;
    background: url(about_leaf_hvr.gif) no-repeat center;
}