Spry Hor. Menu with Varied Width Cells and Uniform Submenu

Question

1. Which Spry Style will I edit to change and vary the width of the top line (master) menu bar?
2. What code will create a width for every cell independent of the neighboring cells?
I don't want to use auto. I want to be able to determine the width of each cell independently so I can accomodate longer titles and fill my div.
Thanks for the help guys and gals.
Rob

Answer 1

This is the markup
<ul id="MenuBar1" class="MenuBarHorizontal">
  <li><a href="#">Home</a>          </li>
  <li style="width:8.3em;"><a href="#" class="MenuBarItemSubmenu">Who We Are</a>
    <ul>
      <li><a href="#">Our Location</a></li>
      <li><a href="#">Our Services</a></li>
      <li><a href="#">Our Community</a></li>
      <li><a href="#">Our Pastors</a></li>
      <li><a href="#">Our Beliefs</a></li>
    </ul>
  </li>
  <li style="width:8.5em;"><a class="MenuBarItemSubmenu" href="#">What We Do</a>
    <ul>
      <li><a href="#">Children Ministry</a>              </li>
      <li><a href="#">Youth Ministry</a></li>
      <li><a href="#">Worship</a></li>
      <li><a href="#">Mens Group</a></li>
      <li><a href="#">Outreaches</a></li>
    </ul>
  </li>
  <li><a href="#">Events</a></li>
  <li style="width:7.7em;"><a href="#" class="MenuBarItemSubmenu">Contact Us</a>
    <ul>
      <li><a href="#">Prayer Request</a></li>
      <li><a href="#">Subscribe</a></li>
      <li><a href="#">Contact Us</a></li>
    </ul>
  </li>
  <li><a href="#">Pastor's Blog</a></li>
  <li style="width:5.1em;"><a href="#" class="MenuBarItemSubmenu">Media</a>
    <ul>
      <li><a href="#">Listen Online</a></li>
    </ul>
  </li>
  <li><a href="#">Give</a></li>
</ul>
and this is the result
You can adjust the suggested values to utilise the full width, this is up to you. I merely wanted to show that it can be done.
Cheers
Gramps