/* Root = Horizontal, Secondary = Vertical */

#menu
	{
	background-color: #850000;
	cursor: pointer;
	display: table-row;
	height: 26px; /* sets margin beneath menu */
  	list-style: none;
  	margin: 0;
  	padding: 0;
  	position: relative;
  	width: 100%; /* for KHTML */
  	z-index: 2;
	}

#menu li
	{
  	border: none;
  	display: table-cell;
  	margin: 0;
  	padding: 0;
  	position: relative;
	}

#menu ul
	{
  	border: none;
  	display: none;
	left: 0;
  	list-style: none;
  	margin: 0;
  	padding: 0;
	position: absolute;
	width: 151px;
	z-index: 3;
	}

#menu ul:after /* for IE 7 lack of compliance*/
	{
  	clear: both;
	content: ".";
  	display: block;
  	font: 1px/0px serif;
  	height: 0;
  	visibility: hidden;
	}
	
#menu > li > ul
	{
	margin-top: -1px;
	}

#menu ul li
	{
  	display: block !important;
  	display: inline; /* for IE */
  	float: left; /* for IE 7 lack of compliance */
 	width: 151px;
	}
	
#menu ul ul
	{
	margin-left: -1px;
	}
	
/* Root Menu */

#menu a
	{
	background-color: #850000;
	border-top: 1px solid #000000;
  	color: #FFFFFF;
  	display: block;
  	float: none !important; /* for Opera */
  	float: left; /* for IE */
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
  	height: auto !important;
	height: 1%; /* for IE */
	line-height: 23px;
	margin: 0; /* margin between each menu item */
 	padding: 0px 18px 1px 18px;
  	text-decoration: none;
	}
	
#menu > li:not(:first-child) > a
	{
	border-left: 1px solid #000000;
	}

#menu a#last {margin-right: 0;}
#menu a#small {padding: 0px 17px 1px 17px;}

/* Root Menu Hover */

#menu a:hover,
#menu li:hover a,
#menu li.iehover a
	{
  	background: #FFFF00;
	border-bottom: 1px solid #FFFF00;
	border-top: 1px solid #FFFF00;
  	color: #000000;
	}
	
#menu > li a:not(:hover)
	{
	border-bottom: 1px solid #000000;
	}

/* 2nd Menu */

#menu li:hover li a,
#menu li.iehover li a
	{
  	background: #444444; /* blue: #444444 */
	border-bottom: none;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000; /* offsets IE submenu problem */
  	border-top: 1px solid #000000;
	color: #FFFFFF; 
  	float: none;
	margin-left: 0;
	margin-right: 0px; /* offsets IE submenu problem */
	}
	
#menu li:hover li a#bottom,
#menu li.iehover li a#bottom {border-bottom: 1px solid #000000;}

/* 2nd Menu Hover */

#menu li:hover li a:hover,
#menu li:hover li:hover a,
#menu li.iehover li a:hover,
#menu li.iehover li.iehover a
	{
  	background: #FFFF00;
  	color: #000000;
	}

/* 3rd Menu */

#menu li:hover li:hover li a,
#menu li.iehover li.iehover li a
	{
  	background: #444444;
  	color: #FFFFFF; 
	}

/* 3rd Menu Hover */

#menu li:hover li:hover li a:hover,
#menu li:hover li:hover li:hover a,
#menu li.iehover li.iehover li a:hover,
#menu li.iehover li.iehover li.iehover a
	{
  	background: #FFFF00;
  	color: #000000;
	}

/* 4th Menu */

#menu li:hover li:hover li:hover li a,
#menu li.iehover li.iehover li.iehover li a
	{
  	background: #444444;
  	color: #FFFFFF; 
	}

/* 4th Menu Hover */

#menu li:hover li:hover li:hover li a:hover,
#menu li.iehover li.iehover li.iehover li a:hover
	{
  	background: #FFFF00;
  	color: #000000;
	}

#menu ul ul,
#menu ul ul ul
	{
  	display: none;
 	left: 151px;
 	position: absolute;
	top: 0;
	}

/* do not move - must come before display: block for Gecko */

#menu li:hover ul ul,
#menu li:hover ul ul ul,
#menu li.iehover ul ul,
#menu li.iehover ul ul ul {display: none;}

#menu li:hover ul,
#menu ul li:hover ul,
#menu ul ul li:hover ul,
#menu li.iehover ul,
#menu ul li.iehover ul,
#menu ul ul li.iehover ul {display: block}

#menu-spacer
	{
  	background-color: #EEEEEE; 
	border: 1px solid #FFFFFF;
  	border-bottom-color: #CCCCCC;
  	border-right-color: #CCCCCC;
  	float: left;
 	width: 151px;
	}
	
#panel
	{
	background-color: #850000;
	border-top: 4px solid #FFFF00;
	line-height: 23px;
	margin: 1px 0 1px 0;
	padding: 0 0 1px 0;
	text-align: center;
	}