#pad  
    {  
      height: 200px;  
    }  
    /* this demo only */  
    #nav, #nav ul  
    {  
      padding: 0;  
      margin: 0 auto;  
      list-style: none;  
      background: #fff;  
    }  
    #nav  
    {  
      position: relative;  
      z-index: 50;  
    }  
    #nav ul  
    {  
      display: none;  
    }  
    #nav li  
    {  
      float: left;  
      position: relative;  
    }  
    #nav li a  
    {  
      text-decoration: none;  
      font-family: garamond, serif;  
      font-size: 16px;  
      white-space: nowrap;  
    }  
    #nav li b  
    {  
      display: block;  
      padding: 0 20px 0 10px;  
      cursor: pointer;  
      height: 30px;  
      line-height: 30px;  
      float: left;  
      background: url(jQuery/horizontalSlidingDropdownMenu2/list-back.gif) center top;  
      font-weight: normal;  
      color: #000;  
    }  
    #nav li.first b  
    {  
      padding-left: 40px;  
      background-position: left top;  
    }  
    #nav li.last b  
    {  
      padding-right: 30px;  
      background-position: right top;  
    }  
    #nav li a b.clicked  
    {  
      color: #fff;  
    }  
    #nav li ul  
    {  
      position: absolute;  
      left: 0;  
      top: 35px;  
      height: auto;  
      float: left;  
      background: #f8f8f8;  
      padding: 2px;  
      border: 1px solid #aaa;  
    }  
    #nav li ul.w1  
    {  
      width: 190px;  
    }  
    #nav li ul.w2  
    {  
      width: 130px;  
    }  
    #nav li ul.w3  
    {  
      width: 110px;  
    }  
    #nav li ul.w4  
    {  
      width: 130px;  
    }  
    #nav li ul.w5  
    {  
      width: 150px;  
    }  
    #nav li ul li  
    {  
      float: none;  
    }  
    #nav li ul li a  
    {  
      display: block;  
      height: 20px;  
      line-height: 20px;  
      padding: 0 5px;  
      color: #000;  
      font-size: 14px;  
    }  
    #nav li ul li a:hover  
    {  
      background: #aaa;  
      color: #fff;  
    }