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 |
![]() |
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 |
![]() |