Change text styling of a menu item

The CSS attached to the <a> tag contains the information for text styling. There are also several relevant text styling class values attached to the <a> tag that pertain to different menu states.

To change the text styling of a menu item, use the following table to locate the appropriate CSS rule, and then change the default value:

Style to change	CSS rule for vertical or horizontal menu bar	Relevant properties and default values
Default text	ul.MenuBarVertical a, ul.MenuBarHorizontal a	color: #333; text-decoration: none;
Text color when mouse pointer moves over it	ul.MenuBarVertical a:hover, ul.MenuBarHorizontal a:hover	color: #FFF;
Text color when in focus	ul.MenuBarVertical a:focus, ul.MenuBarHorizontal a:focus	color: #FFF;
Menu Bar item color when mouse pointer moves over it	ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemHover	color: #FFF;
Submenu item color when mouse pointer moves over it	ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover	color: #FFF;