Styling 3 level subpage menu

I’m attempting to style a vertical menu of subpages and can’t figure out the CSS (or what I need to do to get some styles that make sense to me).

I get the following html from calling wp_list_pages(‘sort_column=’ .$sort_column. ‘&title_li=&echo=0&child_of=’ .$top_id) (via the wenderhost subpages plugin):

<div id="sidebar" class="sidebar-page">
<ul>
<li class="sidebox">
    <h4><span id="subpages-title"><a href="">Portfolio</a> </span></h4>
<li class="page_item page-item-16 current_page_item"><a href="">Structures Series</a>
    <ul>
	<li class="page_item page-item-15"><a href="h">Structures #1-20</a></li>
    </ul>
</li>
</ul>

I can style the current_page_item so it’s highlighted in the menu with the following:

#sidebar ul li a:hover, #sidebar ul li a:active, #sidebar ul li.current_page_item a {
color: #333;
border-bottom:#333 1px solid;
}

Problem is it highlights the subpages also. I don’t want that!

You can see this in action here (at least until it gets fixed or give up on the entire tabs + subpages in the sidebar plan): http://lisacall.com/wordpress/portfolio/structures/ (site isn’t live yet but hopefully soon)

I’ve spent 3 days searching for a solution and decided to give the forums a try.

Anyone have any suggestions? I know – this is basically a CSS question but it’s related to the way wp_list_pages puts the classes in the html.