Theme Builder

I have a question about customizing the text inside a menu. My situation is as follows:

• I have multiple menus inside a single panel.
• Some of these menus depend on the Longhorn menu skin. So, I can't just go with the Custom skin and Extreme Menu Customization to do it all from scratch. (Even if I wanted to, I am pretty sure I don't know enough about menus and CSS to pull this off!)
• I can pass some properties into the table cells of the menu and they work fine. But, others fail to do anything.
• I have included an example below: Example Menu 1 is modified by the CSS on the page while Example Menu 2 is not.
• Notice that the font-weight property is properly interpreted in Example Menu 1 but, the font-size property is not properly interpreted.
• All the menu's in the panel do not have the same font size so, setting the font size in the panel does not get me home either.

So, my questions are as follows:

• Specific: Any idea how I might modify the size of the text in Example Menu 1?
• General: Can I extend this technique to other properties that are not working (e.g. font-family)?

Any assistance would be greatly appreciated.

Thanks! -RRC

Example Code

{style}
.mymenubar1 div.dynarch-horiz-menu table tr td {
  font-weight: bold;
  font-size: 16px;
}
{style}

{menubar:id=mymenu1|class=mymenubar1}
  {compound-menuitem:dashboard|caption=Dashboard 1}
  {compound-menuitem:home|caption=Home 1}
{menubar}

{menubar:id=mymenu2}
  {compound-menuitem:dashboard|caption=Dashboard 2}
  {compound-menuitem:home|caption=Home 2}
{menubar}

Example Menu 1

Example Menu 2