/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
	position: relative;
	top: 0px;
	left: 0px;
  margin: 0;
  border: 0 none;
  padding: 0;
/*  width: 500px; For KHTML*/
  list-style: none;
  height: 24px;
  z-index: 3;
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 206px;
  list-style: none;
  display: none;
  position: absolute;
  top: 23px;
  left: 0;
}

ul#navmenu ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
	padding: 0 7px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block; /*  background: #EEE;*/
	color: #646075;
	font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	border-left: 1px solid #D4D9EC;
	border-bottom: 1px solid #F5F7F2;
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
/*  background: #CCC;*/
  color: #D4D9EC;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	float: none; /*  background: #EEE;*/
	color: #454452;
	border-bottom: 1px solid #454452;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
/*  background: #CCC;*/
  color: #D4D9EC;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
/*  background: #EEE;*/
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
/*  background: #CCC;*/
  color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

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


/* Navi-main */
		
ul#nav-top {
	float: right;
}
#nav {
/*		font-variant: small-caps;*/
		font-weight: bold;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 296px; /* Width of Menu Items */
	border-bottom: 1px solid #9899AD;
}

ul li {
	position: relative;
	font-size: 14px;
	}
	
li ul {
	position: absolute;
	right: 295px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #454452;
	/*background-image: url(images/menu_bg.gif);*/
	background: #D4D9EC;
	padding: 9px;
	border: 1px solid #F5F7F2;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/

* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { 
	color: #646075; 
	/*background-image: url(images/menu_bg_over.gif);*/
	background: #F5F7F2;
}
		
li ul li a { 
	padding: 2px 5px; 
	font-size: 13px;

} /* Sub Menu Styles */
		
li:hover ul, li.over ul { display: block; } /* The magic */

.menu-end {
	background-image: url(images/menu_bg_end.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 60px;
}
