Different hover state for first-level list items with children

Hi,

1. I'm wanting to configure the menu so that first level list-items with children have a different hover state (a rollover tab) than those which don't have children (links are just underlined).

2. Also, the very first level of dropdown navigation needs to be styled differently from the rest of the flyouts. I've tried putting a class on the first-level nav, but this is inherited throughout the rest of the flyouts, which I don't want.

<ul id="udm" class="udm">
<li>Nav Item 1</li>
<li>Nav Item 2 // different hover state for this link
<ul>
<li>Subnav Item 1</li> // 'special' style for first level flyout
<li>Subnav Item 2
<ul>
<li>Third level nav</li> // this and all other flyouts to use
<ul> styles defined in UDM4
</li>
<li>Subnav Item 3</li>
<ul>
</li>
<li>Nav Item 3</li>
<li>Nav Item 4</li>
</ul>

Any ideas on how I can achieve this would be much appreciated