[themes] How to get the top menu to have different styles?

[Jody Cleveland]

Hello,

> Try themeing your .mainnav and .sidebar to have rounded 
> corners (or a rounded corner) and leave the block ids and classes
square.

Excellent, got it!

Viewing the source of one of the pages, I have this:

<div class="mainnav">
  <p class="sidebar-title-noshade bg-blue07">About Us</p>
  <div class="sidebar-txtbox-noshade bg-grey03 mainmenu">
    <ul>
      <li></li>
      <li></li>
    </ul>
  </div>
    
  <p class="sidebar-title-noshade bg-blue07">Hours</p>
  <div class="sidebar-txtbox-noshade bg-grey03 mainmenu">  
    <ul>
      <li></li>
      <li></li>
    </ul>
  </div>
</div>

So, what I did was add this for .mainnav:
Background: #28497e url(image with curved edge) no-repeat;

And, then for bg-blue07:
Background: transparent;

So, that image with the rounded corner shows up at the top, and for all
others, since the background is transparent, that blue color shows
through.

Thank you very much for everyone's help!

- jody