/* menu styles */
.navbar {
	background-color:#c0927d;
	height:30px;
	border-bottom:1px solid #c0927d;
	border-top:1px solid #c0927d;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* set the next two heights the same */
#menu, #menu li a {
	height:30px; 
}
#menu li a {
	line-height:30px;
}

#menu {
	padding:0;
	padding-left:20px; /* how far from the left the menu starts */
	margin:0; 
	list-style:none; 
	position:relative; 
	z-index:500; 
	font-family:arial, helvetica, sans-serif;
	float:left;
	margin-right:0px;
}
#menu li {
	float:left;
	margin: 0;
	border-right:0px solid #c0927d;
	border-left:1px solid #c0927d;
	font-size:14px; 
	font-weight:normal;
}

#menu li a {
	display:block;
	float:left; 
	background:#c0927d; 
	color:#fff; 
	text-decoration:none; 
	font-size:14px; 
	font-weight:normal;
	padding:0 20px 0 20px;
}

#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover { /* hover over main menu item */
	z-index:200; 
	position:relative;
	color:#674739; /* maroon - needed for IE6 */
	background-color:#c0927d; /* light red bg color */
}
#menu li:hover {
	position:relative; 
	z-index:200;
}

#menu li:hover > a { /* hover over main menu item */
	color:#674739; /* maroon */
	background:#c0927d; /* light red bg color */
}

#menu li:hover > a.sub { /* hover over menu item with sub menu */
	color:#674739; 
	background-color:#c0927d; /* white */
}

#menu li.current a { /* current top menu selection style */
	color:#c0927d; 
	background:#fff;
}

#menu li a.sub {background: #c0927d;}
#menu li.current a.sub {
	color:#c0927d; 
	background:#fff;
}

#menu :hover ul { /* format the list containing the drop down menu items */
	left:-1px; /* because of the border */
	top:30px; /* must be the same as the heights defined at the top */
	background:#c0927d;
}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul /* third level menu formatting */
{left:120px; top:-1px; background:#222; white-space:nowrap; width:100px; z-index:200; height:auto;}

#menu :hover ul li {/* style of drop down items */
	margin:0; 
	border-top:1px solid #c0927d;
	border-left:1px solid #c0927d;
	border-right:1px solid #c0927d;
}
#menu :hover ul li.last {/* style of last drop down items */
	border-bottom:1px solid #c0927d;
}

#menu :hover ul li a, #menu :hover ul li.currentsub { /* style of drop down items */
	width:134px; 
	padding:0; 
	text-indent:10px; 
	color:#fff; 
	background:#c0927d;
	height:30px; 
	line-height:30px;
}

#menu :hover ul li a.fly {background:#fff url(right-arrow.gif) no-repeat right center;}

#menu :hover ul :hover {
	background-color:#c0927d; 
	color:#674739;
}
#menu :hover ul :hover a.fly {background-color:#c0927d; color:#674739;}

#menu :hover ul li.currentsub { /* currently selected submenu item */
	background:#fff; 
	color:#c0927d;
}
#menu :hover ul li.currentsub a.fly {background:#881401 url(right-arrow.gif) no-repeat right center; color:#fff;}

#menu :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#3e3e3e; color:#ccc;}
#menu :hover ul :hover ul :hover {background-color:#d70; color:#fff;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#881401; color:#fff;}
