Size Matters! Problem with active and child menu items

[pixelita]

I am developing a site that uses child menus (submenus).  We want the active (chosen) page to have a slightly smaller font size, whether it is part of the main menu or part of a child menu. I've gone line by line in the menu stylesheet and cannot figure out what to change.  Hope someone can figure it out. 

Testbed is here:
http://hastingsfirm.mytestbed.com

If you click on "Practice Areas" you'll see the submenu items are black.  We also want them to be a bit smaller. I've tried it, but when I put 95% there, it throws OTHER unrelated menu items out of whack.

We also want the active menu item to be smaller if it is selected and it's a main link (e.g. Do You Have a Case?).. 

Let me know if I should post the stylesheet here or link to it for you.

Thanks!

Joni

Update:

I found this by digging around in this forum.  So here's a big fat clue for me.  I'll let you know if it works.  It might help someone else in a similar situation. 

http://www.maxdesign.com.au/presentation/list_cascade/

[Dr.CSS]

When you are on a page it gets a class of currentpage but it also has it set as h3 so this is the one to put your styling in...

div#menu_vert ul ul h3 {
/* next level current page */    meaning second level current page, ie. 'medical malpractice'
background-color: #630000;
display: block;
margin: 0 !important;
font-size: 90% !important; /* inherit; */
border-bottom: none !important;
color: #000; /* #ffffe6; */
padding: 0.8em 0.5em 0.8em 2.5em;
}

div#menu_vert ul li h3, div#menu_vert ul li.currentpage h3 {  first level current page, ie. 'pratice area', 'do you have a case'
font-size: inherit !important;
padding: 0.8em 0.5em 0.8em 1.5em;
color: #000;
}