<ul id="MenuBar1" class="MenuBarHorizontal">
 
  <li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
 
      <ul>
 
        <li><a href="#">Item 1.1</a></li>
 
        <li><a href="#">Item 1.2</a></li>
 
        <li><a href="#">Item 1.3</a></li>
 
      </ul>
 
  </li>
 
  <li><a href="#">Item 2</a></li>
 
  <li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
 
      <ul>
 
        <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
 
            <ul>
 
              <li><a href="#">Item 3.1.1</a></li>
 
              <li><a href="#">Item 3.1.2</a></li>
 
            </ul>
 
        </li>
 
        <li><a href="#">item title</a></li>
 
        <li><a href="#">Item title</a></li>
 
      </ul>
 
  </li>
 
  <li><a href="#">Item title</a></li>
 
</ul>
 
<script type="text/javascript">
 
<!--
 
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
 
//-->