dropdown menu question…probably something simple

Hi,

I’m a newb and have a question about highlighting the current parent menu item in a dropdown menu. I’m using wordpress as a CMS.

The menu section in question is like this:

Top level menu item:

Work

Dropdown submenu categories:

Interactive
Microsite
Email
Print
Collateral
Direct Mail
Outdoor
Broadcast

I have it now that when a user clicks on, let’s say, ‘Print’, ‘Print’ stays highlighted…BUT I want both ‘Print’ AND ‘Work’ to stay highlighted. I simply cannot figure out how to get the top level menu item ‘Work’ to stay highlighted too.

Also, if the user clicks on a post within a submenu category like ‘Print’ for example, I’d like for ‘Print’ and ‘Work’ to stay highlighted.

So basically, whenever a user is anywhere within the ‘Work’ section, on a subcategory or a post within a subcategoy, I’d like ‘Work’ to stay highlighted.

Here’s the navigation code from header.php:

<!-- Navigation -->
    <ul class="sf-menu">
    <li<?php
                if (is_home())
                {
                echo " id=\"current\"";
                }?>>
                <a href="<?php bloginfo('url') ?>">Home</a>
</li>

      <li>
          <a>Work</a>
                 <ul>
                     <?php wp_list_categories("exclude=$blog_ID&title_li="); ?>
    		</ul>
         </li> 

    <!--  <?php wp_list_categories("include=$blog_ID&title_li="); ?> -->

<li<?php
                if (is_page('About'))
                {
                echo " id=\"current\"";
                }?>>
                <a href="<?php bloginfo('url') ?>/about">About</a>
        </li>

<li<?php
                if (is_page('Contact'))
                {
                echo " id=\"current\"";
                }?>>
                <a href="<?php bloginfo('url') ?>/contact">Contact</a>
        </li>
    	</li>
    </ul>

</div>

Here’s the css:

/* Navigation Highlights */

.sf-menu li.current-cat a, li.current_page_item a {font-weight:bold;color:#e2007d;}

#current a {font-weight:bold;color:#e2007d;}
.sf-menu a:hover{color:#e2007d;}
.sf-menu li.current-cat a{font-weight:bold;color:#e2007d;}
.sf-menu li.current-cat a:hover{font-weight:bold;color:#e2007d;

I figured out how to get other pages to stay highlighted, but I just can’t solve the riddle of how to get ‘Work’ to stay highlighted when on a submenu item.

Here’s a link to the site: https://newsite.blairshapiro.com

Been racking my brain for days, any help would be GREATLY appreciate.

Thanks!