/* Root = Horizontal, Secondary = Vertical */
ul#nav-menu {
      margin            : 0;  
      padding           : 0;
      width             : 970px; /*For KHTML*/
      height            : 24px;
      border            : 0 none;
      list-style        : none;
      background-color  : #42395E;
      background-image  : url("../img/common/bg_nav.jpg");
      background-repeat : repeat-x;
      }

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

ul#nav-menu ul {
      margin      : 0;
      padding     : 0;
      width       : 160px;
      border      : 0 none;
      list-style  : none;
      display     : none;
      position    : absolute;
      top         : 24px;
      left        : 0;     
      }

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

ul#nav-menu ul li {
      margin   : 0;
      width    : 200px;
      float    : left; /*For IE 7 lack of compliance*/
      display  : block !important;
      display  : inline; /*For IE*/ 
      z-index  : 1000;
      }


/* Root Menu */
ul#nav-menu a  {
      padding  : 0 8px;
      float    : none !important; /*For Opera*/
      float    : left; /*For IE*/
      display  : block;
      color    : #FFFFFF;
      font     : bold 13px/24px Arial, Verdana, Helvetica, sans-serif;
      text-decoration: none;
      height   : auto !important;
      height   : 1%; /*For IE*/    
      z-index  : 100;
      }

      /* Root Menu Hover Persistence */
      ul#nav-menu a:hover,
      ul#nav-menu li:hover a,
      ul#nav-menu li.iehover a  {
            background  : #EEEEEE;
            color       : #4E436F;
            }
            

/* 2nd Menu */
ul#nav-menu li:hover li a,
ul#nav-menu li.iehover li a  {
      font                 : bold 14px/22px "宋体";
      border               : 1px solid #FFF;
      border-left-color    : #CCC;
      border-right-color   : #CCC;
      border-bottom-color  : #CCC;
      float                : none;
      background           : #FFFFFF;
      color                : #666;
      }

      /* 2nd Menu Hover Persistence */
      ul#nav-menu li:hover li a:hover,
      ul#nav-menu li:hover li:hover a,
      ul#nav-menu li.iehover li a:hover,
      ul#nav-menu li.iehover li.iehover a   {
            background  : #554979;
            color       : #FFF;
            }
            

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

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

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

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

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

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

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