Navigation Menus

There are 4 levels to the navigation menus, A,B,C and D. These menus allow you to navigate the site.

A Level - Top Navigation
Is the constant (global) navigation menu, which remains the same across the whole site. This is located below the header of each page.

A level - Over - Off
Arial 13px Bold #990000
A level - Off
Arial 13px Bold #FFFFFF
A level - Current
Arial 13px Bold #FFFFFF


B Level - Top Expanded Navigation

Expands down from the A level displaying the sections under each of the main menu items of the global navigation.

B level - Over
verdana 11px #990000
B level - Current

Div height: 30px
Div width: 1000px
Margin: 0 0 1px 0
A color: #FFFFFF; size: 11px; font: Verdana; text-decoration: none

B level - Current - Over
A:hover color: #FFFFFF; size: 11px; font:
Verdana; text-decoration: underlined;
B level - Sub - Over
Verdana 11px #39515D Bold Underlined


C Level - Side Navigation

Is additional navigation relating to the section you are in from the B menu level. It is located on the left side of the page. This is optional on all page levels, other than the homepage level where it is not used.

D level - Side Expanded Navigation
This menu expands down from the C menu located to the left of the page. This displays the sub-sections relating to the sections listed on the C level.

Nav Title
Div width: 211px
Verdana 11px #000000 Bold
Compactor Open
Heading: Verdana 11px #39515D Bold
Sub: Verdana 11px #39515D, BG color: #F6F6F6
Sub Over: Verdana 11px #FFFFFF

Functionality: If there are sub-items under a menu then clicking on the top menu opens and closes the compactor. It does not take the user to another page. When the compactor is closed there is an arrow on the left hand side pointing down.
Sub - Off
Verdana 11px #39515D Bold
Sub - Current
Verdana 11px #FFFFFF Bold
Sub - Over
Verdana 11px #39515D Bold Underlined