#nav {
  position: absolute;
  height: 15px;	
  top: 177px;
  left: 0px;
  z-index: 90;
}

#nav, #nav ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  width: 100%;
  float: left;
}

#nav li {
  float: left;
  position: relative;
  width: 108px;
}

#nav li.l1 {
	background-image: url('/image/bg/submenu.gif');
	background-repeat: x-repeat;
}

#nav a.l1 {
	color: #48791B;
	margin: 2px 3px 2px 10px; 
}

#nav a.l1:hover {
	color: #48791B;
}

#nav a {
  z-index: 98; /* for opera */
  position: relative;
  text-decoration: none;
  display: block;
  width: 100%;
  color: #38591B;/*#E9ECC3;*/
  font-weight: 600;
  font-size: 10px;	
  background-repeat: no-repeat;
  background-position: 0px 50%;
}

#nav a span {
	display: block;
	margin: 0px 5px 4px 18px;	
}

#nav a:hover {
  background-color: none;
  color: #FFFFFF;
}

#nav li:hover {
  z-index: 99; /* for opera */
  background-color: #FF0000;
}

#nav li.l1:hover {
  background-color: none;
}

#nav li ul {
  /*display: none;*/
  position: absolute;
  padding: 0px 0px 0px 0px;
  width: 108px;
}

#nav li ul.sub {
  margin-top: -192px;
  height: 178px;
  border-left: 1px solid #E9ECC3;
  border-right: 1px solid #E9ECC3;
}

/* layer under ancors. bglayer*/
#nav div {
  position: absolute;
  width: 108px;
  left: 0px;
  top: 0px;
  background-image: url(/image/bg/popupbg.png); /*for opera, but gecko support both: -moz-opacity and png*/ 
  height: 100%;
}

/*set bglayer height. mod for ie and opera.  */
#nav div br {
	font-size: 14px;
}

#nav li li a {
/*  width: 95px;*/
}

#nav li:hover ul {
  display: block;
}

#nav li:hover li ul {
  display: none;
  width: 108px;
  top: 0px;
  left: 106px;
}
#nav li:hover li:hover ul {
  display: block;
}

#nav table td {
	padding-bottom: 5px;
}