/*****  Menu  *****/
/* Menu Container */ 

#menu_container {
	position: relative;
	display: block;
	z-index: 1000;
}

ul.menu {
	display: block;
	float: left;
	width: 190px;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}

ul.menu li {
	display: block;
	position: relative; /* Important -- keeps drop downs menus under each menu category */
	height: 25px;
	margin: 0;
	padding-right: 15px;
	list-style: none;
	text-align: right;
	border-top: 1px solid #555;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #555;
	background: #000 url(../_images/menu_lvl1.gif) repeat-x;
}

/* Make menu category text look the same 
 * as the menu link text. */
ul.menu li.menuTitle {
	color: #FFE69D;
	font-weight: bold;
	line-height: 22px;
	padding-right:15px;
}

/* Style for menu link text.
 * Bold font weight is inherited from typography stylesheet. 
 * :visited & :active pseudo class added for IE6 */
ul.menu li a,
ul.menu li a:visited,
ul.menu li a:active {
	color: #FFE69D;
	line-height: 22px;
	text-decoration: none;
}

/************************************ CURRENT MENU Managers ******************************************/
/* Set the menu category to current*/
ul.menu li.currentMenuTitle {
	color: #FFF;
	font-weight: bold;
	line-height: 22px;
	padding-right:15px;
	background:#3F2B27;
}

ul.menu li.current {
	background:#3F2B27;
}

/* Make the text for the current selection white 
 * :visited & :active pseudo class added for IE6 */
ul.menu li.current a,
ul.menu li.current a:visited,
ul.menu li.current a:active {
	color: #fff;
}

/*Change background for currently selected submenu*/
ul.menu li ul.submenu li.current {
	background:#3F2B27;
}
/************************************ CURRENT MENU Managers ******************************************/

/* Keep the cursor from changing to a pointer for the current selection */
ul.menu li.current a:hover {
	cursor: default;
}

/* Applies the down arrow graphic to menu categories with submenus. */
ul.menu li span.downArrow {
	position: absolute; /* Important - Fixes IE7 float right (hasLayout) bug in IE7. */
	float: right;
	width: 5px;
	height: 7px;
	margin: 8px 0 0 5px;
	background: transparent url(../_images/nav_arrow_right.gif) no-repeat;
}

/* Hack for IE7 & IE6 to manage placement of the down arrow 
 * in menu categories with submenus. */
ul.menu li span.downArrow {
	*margin: 2px 0 0 5px;
}

/* Hover effect for menus */
ul.menu li.hover {
	background: #000 url(../_images/menu_lvl1_o.gif) repeat-x;
	cursor: pointer;
}

/* Hover effect for submenus */
ul.menu li ul.submenu li.subhover {
	background: #000 url(../_images/menu_lvl2_o.gif) repeat-x;
	cursor: pointer;
}

/* Style for submenu UL */
ul.menu li ul.submenu {
	position: absolute; /* Important - Keeps submenu from affecting main navigation flow. */
	display: none;
	top: 0;
	left: 188px;
	width: 190px;
	margin: 0;
	padding: 0;
	background: #444;
}

/* Style for submenu LI */
ul.menu li ul.submenu li {
	width: 189px;
	margin: 0;
	padding: 0;
	text-align:left;
	border: 1px solid #000;
	background: #000 url(../_images/menu_lvl2.gif) repeat-x;
	clear: both;
}

html ul.menu li ul.submenu li a {
	padding-left: 10px;
	color:#9D3732;
}

/* Prevent underline on submenu anchor link hover */
html ul.menu li ul.submenu li a:hover {
	text-decoration: none;
}