Drop-down (CSSMenu)

This is a drop-down menu that is using only CSS (although some Javascript is required for Internet Explorer). It can be either vertical or horizontal. Select the horizontal version by navigating to Menus/Navigation systems --> Drop-down (CSSMenu) --> Horizontal in the navigation to the left.

The code we have inserted in the template that this page is using is simply {cms_module module='menumanager' template='cssmenu-accessible.tpl'}.
You style the menu in the stylesheet Default CSSMenu Vert or Default CSSMenu Horiz for the horizontal CSSMenu.

But to be on the safe side, copy this stylesheet and attach the new stylesheet to the template instead (and make your changes in the new stylesheet). Then you can always revert to the default stylesheet if something goes wrong.