Menu Trouble - Please Help

programming web dev
1

Hi,

I got the menu the working the way I want, except I can’t get the last two on the menu to be bold becasue they are like Multimodal Corridor Planning, a category with articles under it.

Here is the link:
http://www.greatstreetsstlouis.net/…d=32&Itemid=204

I just need to get Site Planning to be bold, and then Choices & Guidelines. I have to use CSS as well, becasue the menu is done through Joomla and is dynamic. I need those last two titles to behave the same way when clicked on like Multimodal Corridor does. Thank you.

Here is the code:


.extmenu .modulebdr div div div #mainlevel {
    font:.8em/14px Verdana,sans-serif;
}
.extmenu .modulebdr div div div #mainlevel li a.mainlevel_active {
    background: url(../images/bullet_arrow_down.gif) left center no-repeat;
    padding-left:11px;
    color:#2E69BF;
    font-weight:bold;

}
.extmenu .modulebdr div div div #mainlevel li a.mainlevel_current {
    background: url(../images/bullet_arrow_down.gif) left center no-repeat;
    padding-left:11px;
    color:#000000;
}
.extmenu .modulebdr div div div #mainlevel li a.sublevel_active {
    background: url(../images/bullet_arrow_down.gif) left center no-repeat;
    padding-left:11px;
    color:#2E69BF;
    font-weight:bold;
}
.extmenu .modulebdr div div div #mainlevel li a.sublevel_current {
    background: url(../images/bullet_arrow_right.gif) left center no-repeat;
    padding-left:9px;
    color:#000000;
}
.extmenu .modulebdr div div div #mainlevel li a.sublevel {
    padding-left:9px;

    }

.extmenu .modulebdr div div div #mainlevel .sublevel_active ul li a.sublevel{
    color:#666666;
    margin-left:14px;
}

.extmenu .modulebdr div div div #mainlevel li .sublevel_active { 
    padding:0;
}
.extmenu .modulebdr div div div #mainlevel li .sublevel_active .sublevel_active { 
    margin-left:11px;
}
.extmenu .modulebdr div div div #mainlevel li .sublevel_active .sublevel_current { 
    margin-left:10px;
}

.extmenu .modulebdr div div div ul {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}
.extmenu .modulebdr div div div #mainlevel li .sublevel_current { 
    margin-left:8px;
}
.extmenu .modulebdr div div div #mainlevel li .sublevel { 
    margin-left:7px;
}