/*
        navmenu.css - navigation menus CSS
		$Id: navmenu.css,v 1.8 2005/05/11 19:03:13 ashaffer Exp $
        $Revision: 1.8 $
*/

/* NAVMENU STUFF */

/* Default set the margins and padding to zero. */

.navmenu * {
	margin: 0px;
	padding: 0px;
}

/* The div */

.navmenu {
	margin: 0px;
	padding: 0px;
	display: block;
	width: 100%;
	border-bottom: 1px solid #C8E168;
}

/* Block display the top-level menu. */

ul.vmenu {
	list-style: none;
}

/* Block display the individual list items. */

ul.vmenu li {
	text-align: right;
	cursor: pointer;
	font-weight: normal;
	font-size: 18px;
	border: 1px solid #C8E168;
	border-width: 1px 0px 0px 0px;

	/* Need to set these so that the flyouts are positioned correctly */
	width: 100%; 
 	position: relative;

	display: block;
	/* I wish we could put these in the links rather than the enclosing li */
	/* but when we position: block the anchor tags inside the li tags */
	/* we get an extra 4px something below each one. */
	/* If we set a width on the anchor, this goes away, but when the flyouts */
	/* happen, it comes back.  Stabbity stabbity. */
/* 	padding-top: 8px;
	padding-bottom: 8px; */
} 

ul.vmenu li.topopen {
	border-top-width: 0px;
}

ul.vmenu li.bottomclosed {
	border-bottom-width: 1px;
}

ul.vmenu a {
	text-decoration: none;
}

/* Turn off the border on the dictionaries menu item - the top of the 
sidebar has the border */

#menu_dictionaries {
	border-top: none;
}

/* turn off the top border for each of the second-level menu items.
(They inherit the border from the "ul li" rule) */

ul.vmenu ul li {
	margin: 0px;
	padding: 0px;
 	border-top: none;
	color: white;
	display: inline;
}

ul.vmenu ul {
	border: 1px solid #C8E168;
}

ul.vmenu li a,
ul.vmenu li span
{
	display: block;
}

ul.vmenu li a,
ul.vmenu li span {
	width: 150px;
	font-size: smaller;
	padding: 8px 10px 8px 0px;
}

ul.vmenu ul span,
ul.vmenu ul a {
	display: inline;
	padding: 0px;
	width: auto;
}

ul.vmenu ul a {
	width: auto;
	display: inline;
}

/* Resize the link inside the span for the categories. */

ul.vmenu ul span a {
	font-size: larger;
}

ul.vmenu li h2 {
	font-size: 18px;
	display: inline;
	position: relative;
}

/* The flyout menus. */

ul.vmenu ul {
	background-color:  #813B32;
	position: absolute;
	left: 161px; /* Flyout menu position from the left side of the main menu */
	top: -1px; /* Compensate for the border */
	z-index: 500;
	margin: 0px;
}

/* Second-level menu items. */

ul.vmenu ul a, 
ul.vmenu ul span.category {
	background-color: #813B32;
	text-align: left;	
	position: relative;
	left: 0px;
	margin: 0px;
	display: block;	
	padding: 2% 2%;
	width: 96%;
}

li#categories ul {
	top: -600%;
}

li#categories span.category {
	width: auto;
	padding: 0px;
	display: block;
	text-align: right;
	clear: both;
	position: relative;
	font-size: small;
}

li#categories span.category a {
	font-size: small;
	width: 75%;
	display: block;
	float: left;
	padding-left: 3px;
	padding: 3px 0px 3px 3px;
}

ul.vmenu li ul {
	width: 220px;
}

ul.vmenu li       ul { display: none; }
ul.vmenu li:hover ul, 
ul.vmenu li.over  ul { display: block; } /* The magic */

/*.navmenu ul li a:hover { color: #C8E168; background: #55281E; }*/ /* Hover Styles */

ul.vmenu li:hover, 
ul.vmenu ul a:hover, /* So the second-level links highlight in firefox. */
ul.vmenu li.over {
	background: #55281E;
}

/* Override brokenness. */
#sidebar {
  text-align: left;
}

/* END NAVMENU STUFF */