# Menu Trouble - Please Help

**URL:** <https://forum.kirupa.com/t/menu-trouble-please-help/204319>\
**Category:** web dev\
**Created:** [October 18, 2006, 8:52pm UTC](https://forum.kirupa.com/t/menu-trouble-please-help/204319 "2006-10-18T20:52:40Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![cjfusion](https://avatars.discourse-cdn.com/v4/letter/c/34f0e0/32.png) [@cjfusion](https://forum.kirupa.com/u/cjfusion)\
**Post date:** [October 18, 2006, 8:52pm UTC](https://forum.kirupa.com/t/menu-trouble-please-help/204319/1 "2006-10-18T20:52:40Z")

</div>

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](http://www.greatstreetsstlouis.net/index.php?option=com_content&task=view&id=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:

```auto

.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;
}

```