/* =============================================================================
Colour
================================================================================
Definitions for site colour and imagery
----------------------------------------------------------------------------- */

/* ========================================
Normalisation
======================================== */

html
{
	background-color:#FFFFFF;
	background-image:url(../images/background.jpg);
}

body
{
	color:#666666;
}

h1, h2, h3, h4, h5
{
	color:#002E8B;
}

a
{
	color:#666666;
}

/* ========================================
Header
======================================== */

div#header
{
	background-image:url(../images/header/background.jpg);
}

/* ========================================
Main
======================================== */

div#main
{
	background-image:url(../images/main/background.jpg);
}

div#main div.vertical-seperator
{
	background-image:url(../images/main/vertical-seperator.gif);
}

/* ========================================
Primary Navigation
======================================== */

div#primary-navigation
{
	background-image:url(../images/primary-navigation/horizontal-seperator.gif);
}

div#primary-navigation ul li a
{
	background-color:#002E8B;
	color:#FFFFFF;
}

div#primary-navigation ul li a span.top-left
{
	background-image:url(../images/primary-navigation/link-top-left-off.gif);
}

div#primary-navigation ul li a span.top-right
{
	background-image:url(../images/primary-navigation/link-top-right-off.gif);
}

div#primary-navigation ul li a span.bottom-right
{
	background-image:url(../images/primary-navigation/link-bottom-right-off.gif);
}

div#primary-navigation ul li a span.bottom-left
{
	background-image:url(../images/primary-navigation/link-bottom-left-off.gif);
}

/* Item 1
---------------------------------------- */

/* Hover State */

div#primary-navigation ul li.item-1 a:hover,
div#primary-navigation ul li.item-1 a:focus,
div#primary-navigation ul li.item-1 a:active
{
	background-color:#0399FA;
}

div#primary-navigation ul li.item-1 a:hover span.top-left,
div#primary-navigation ul li.item-1 a:focus span.top-left,
div#primary-navigation ul li.item-1 a:active span.top-left
{
	background-image:url(../images/primary-navigation/item-1-link-top-left-on.gif);
}

div#primary-navigation ul li.item-1 a:hover span.top-right,
div#primary-navigation ul li.item-1 a:focus span.top-right,
div#primary-navigation ul li.item-1 a:active span.top-right
{
	background-image:url(../images/primary-navigation/item-1-link-top-right-on.gif);
}

div#primary-navigation ul li.item-1 a:hover span.bottom-right,
div#primary-navigation ul li.item-1 a:focus span.bottom-right,
div#primary-navigation ul li.item-1 a:active span.bottom-right
{
	background-image:url(../images/primary-navigation/item-1-link-bottom-right-on.gif);
}

div#primary-navigation ul li.item-1 a:hover span.bottom-left,
div#primary-navigation ul li.item-1 a:focus span.bottom-left,
div#primary-navigation ul li.item-1 a:active span.bottom-left
{
	background-image:url(../images/primary-navigation/item-1-link-bottom-left-on.gif);
}

/* On State */

div#primary-navigation ul li.item-1 a.on
{
	background-color:#0399FA;
}

div#primary-navigation ul li.item-1 a.on span.top-left
{
	background-image:url(../images/primary-navigation/item-1-link-top-left-on.gif);
}

div#primary-navigation ul li.item-1 a.on span.top-right
{
	background-image:url(../images/primary-navigation/item-1-link-top-right-on.gif);
}

div#primary-navigation ul li.item-1 a.on span.bottom-right
{
	background-image:url(../images/primary-navigation/item-1-link-bottom-right-on.gif);
}

div#primary-navigation ul li.item-1 a.on span.bottom-left
{
	background-image:url(../images/primary-navigation/item-1-link-bottom-left-on.gif);
}

/* Item 2
---------------------------------------- */

/* Hover State */

div#primary-navigation ul li.item-2 a:hover,
div#primary-navigation ul li.item-2 a:focus,
div#primary-navigation ul li.item-2 a:active
{
	background-color:#269A1A;
}

div#primary-navigation ul li.item-2 a:hover span.top-left,
div#primary-navigation ul li.item-2 a:focus span.top-left,
div#primary-navigation ul li.item-2 a:active span.top-left
{
	background-image:url(../images/primary-navigation/item-2-link-top-left-on.gif);
}

div#primary-navigation ul li.item-2 a:hover span.top-right,
div#primary-navigation ul li.item-2 a:focus span.top-right,
div#primary-navigation ul li.item-2 a:active span.top-right
{
	background-image:url(../images/primary-navigation/item-2-link-top-right-on.gif);
}

div#primary-navigation ul li.item-2 a:hover span.bottom-right,
div#primary-navigation ul li.item-2 a:focus span.bottom-right,
div#primary-navigation ul li.item-2 a:active span.bottom-right
{
	background-image:url(../images/primary-navigation/item-2-link-bottom-right-on.gif);
}

div#primary-navigation ul li.item-2 a:hover span.bottom-left,
div#primary-navigation ul li.item-2 a:focus span.bottom-left,
div#primary-navigation ul li.item-2 a:active span.bottom-left
{
	background-image:url(../images/primary-navigation/item-2-link-bottom-left-on.gif);
}

/* On State */

div#primary-navigation ul li.item-2 a.on
{
	background-color:#269A1A;
}

div#primary-navigation ul li.item-2 a.on span.top-left
{
	background-image:url(../images/primary-navigation/item-2-link-top-left-on.gif);
}

div#primary-navigation ul li.item-2 a.on span.top-right
{
	background-image:url(../images/primary-navigation/item-2-link-top-right-on.gif);
}

div#primary-navigation ul li.item-2 a.on span.bottom-right
{
	background-image:url(../images/primary-navigation/item-2-link-bottom-right-on.gif);
}

div#primary-navigation ul li.item-2 a.on span.bottom-left
{
	background-image:url(../images/primary-navigation/item-2-link-bottom-left-on.gif);
}

/* Item 3
---------------------------------------- */

/* Hover State */

div#primary-navigation ul li.item-3 a:hover,
div#primary-navigation ul li.item-3 a:focus,
div#primary-navigation ul li.item-3 a:active
{
	background-color:#6AD345;
}

div#primary-navigation ul li.item-3 a:hover span.top-left,
div#primary-navigation ul li.item-3 a:focus span.top-left,
div#primary-navigation ul li.item-3 a:active span.top-left
{
	background-image:url(../images/primary-navigation/item-3-link-top-left-on.gif);
}

div#primary-navigation ul li.item-3 a:hover span.top-right,
div#primary-navigation ul li.item-3 a:focus span.top-right,
div#primary-navigation ul li.item-3 a:active span.top-right
{
	background-image:url(../images/primary-navigation/item-3-link-top-right-on.gif);
}

div#primary-navigation ul li.item-3 a:hover span.bottom-right,
div#primary-navigation ul li.item-3 a:focus span.bottom-right,
div#primary-navigation ul li.item-3 a:active span.bottom-right
{
	background-image:url(../images/primary-navigation/item-3-link-bottom-right-on.gif);
}

div#primary-navigation ul li.item-3 a:hover span.bottom-left,
div#primary-navigation ul li.item-3 a:focus span.bottom-left,
div#primary-navigation ul li.item-3 a:active span.bottom-left
{
	background-image:url(../images/primary-navigation/item-3-link-bottom-left-on.gif);
}

/* On State */

div#primary-navigation ul li.item-3 a.on
{
	background-color:#6AD345;
}

div#primary-navigation ul li.item-3 a.on span.top-left
{
	background-image:url(../images/primary-navigation/item-3-link-top-left-on.gif);
}

div#primary-navigation ul li.item-3 a.on span.top-right
{
	background-image:url(../images/primary-navigation/item-3-link-top-right-on.gif);
}

div#primary-navigation ul li.item-3 a.on span.bottom-right
{
	background-image:url(../images/primary-navigation/item-3-link-bottom-right-on.gif);
}

div#primary-navigation ul li.item-3 a.on span.bottom-left
{
	background-image:url(../images/primary-navigation/item-3-link-bottom-left-on.gif);
}

/* Item 4
---------------------------------------- */

/* Hover State */

div#primary-navigation ul li.item-4 a:hover,
div#primary-navigation ul li.item-4 a:focus,
div#primary-navigation ul li.item-4 a:active
{
	background-color:#FFBA00;
}

div#primary-navigation ul li.item-4 a:hover span.top-left,
div#primary-navigation ul li.item-4 a:focus span.top-left,
div#primary-navigation ul li.item-4 a:active span.top-left
{
	background-image:url(../images/primary-navigation/item-4-link-top-left-on.gif);
}

div#primary-navigation ul li.item-4 a:hover span.top-right,
div#primary-navigation ul li.item-4 a:focus span.top-right,
div#primary-navigation ul li.item-4 a:active span.top-right
{
	background-image:url(../images/primary-navigation/item-4-link-top-right-on.gif);
}

div#primary-navigation ul li.item-4 a:hover span.bottom-right,
div#primary-navigation ul li.item-4 a:focus span.bottom-right,
div#primary-navigation ul li.item-4 a:active span.bottom-right
{
	background-image:url(../images/primary-navigation/item-4-link-bottom-right-on.gif);
}

div#primary-navigation ul li.item-4 a:hover span.bottom-left,
div#primary-navigation ul li.item-4 a:focus span.bottom-left,
div#primary-navigation ul li.item-4 a:active span.bottom-left
{
	background-image:url(../images/primary-navigation/item-4-link-bottom-left-on.gif);
}

/* On State */

div#primary-navigation ul li.item-4 a.on
{
	background-color:#FFBA00;
}

div#primary-navigation ul li.item-4 a.on span.top-left
{
	background-image:url(../images/primary-navigation/item-4-link-top-left-on.gif);
}

div#primary-navigation ul li.item-4 a.on span.top-right
{
	background-image:url(../images/primary-navigation/item-4-link-top-right-on.gif);
}

div#primary-navigation ul li.item-4 a.on span.bottom-right
{
	background-image:url(../images/primary-navigation/item-4-link-bottom-right-on.gif);
}

div#primary-navigation ul li.item-4 a.on span.bottom-left
{
	background-image:url(../images/primary-navigation/item-4-link-bottom-left-on.gif);
}

/* Item 5
---------------------------------------- */

/* Hover State */

div#primary-navigation ul li.item-5 a:hover,
div#primary-navigation ul li.item-5 a:focus,
div#primary-navigation ul li.item-5 a:active
{
	background-color:#FED43F;
}

div#primary-navigation ul li.item-5 a:hover span.top-left,
div#primary-navigation ul li.item-5 a:focus span.top-left,
div#primary-navigation ul li.item-5 a:active span.top-left
{
	background-image:url(../images/primary-navigation/item-5-link-top-left-on.gif);
}

div#primary-navigation ul li.item-5 a:hover span.top-right,
div#primary-navigation ul li.item-5 a:focus span.top-right,
div#primary-navigation ul li.item-5 a:active span.top-right
{
	background-image:url(../images/primary-navigation/item-5-link-top-right-on.gif);
}

div#primary-navigation ul li.item-5 a:hover span.bottom-right,
div#primary-navigation ul li.item-5 a:focus span.bottom-right,
div#primary-navigation ul li.item-5 a:active span.bottom-right
{
	background-image:url(../images/primary-navigation/item-5-link-bottom-right-on.gif);
}

div#primary-navigation ul li.item-5 a:hover span.bottom-left,
div#primary-navigation ul li.item-5 a:focus span.bottom-left,
div#primary-navigation ul li.item-5 a:active span.bottom-left
{
	background-image:url(../images/primary-navigation/item-5-link-bottom-left-on.gif);
}

/* On State */

div#primary-navigation ul li.item-5 a.on
{
	background-color:#FED43F;
}

div#primary-navigation ul li.item-5 a.on span.top-left
{
	background-image:url(../images/primary-navigation/item-5-link-top-left-on.gif);
}

div#primary-navigation ul li.item-5 a.on span.top-right
{
	background-image:url(../images/primary-navigation/item-5-link-top-right-on.gif);
}

div#primary-navigation ul li.item-5 a.on span.bottom-right
{
	background-image:url(../images/primary-navigation/item-5-link-bottom-right-on.gif);
}

div#primary-navigation ul li.item-5 a.on span.bottom-left
{
	background-image:url(../images/primary-navigation/item-5-link-bottom-left-on.gif);
}

/* Item 6
---------------------------------------- */

/* Hover State */

div#primary-navigation ul li.item-6 a:hover,
div#primary-navigation ul li.item-6 a:focus,
div#primary-navigation ul li.item-6 a:active
{
	background-color:#D72626;
}

div#primary-navigation ul li.item-6 a:hover span.top-left,
div#primary-navigation ul li.item-6 a:focus span.top-left,
div#primary-navigation ul li.item-6 a:active span.top-left
{
	background-image:url(../images/primary-navigation/item-6-link-top-left-on.gif);
}

div#primary-navigation ul li.item-6 a:hover span.top-right,
div#primary-navigation ul li.item-6 a:focus span.top-right,
div#primary-navigation ul li.item-6 a:active span.top-right
{
	background-image:url(../images/primary-navigation/item-6-link-top-right-on.gif);
}

div#primary-navigation ul li.item-6 a:hover span.bottom-right,
div#primary-navigation ul li.item-6 a:focus span.bottom-right,
div#primary-navigation ul li.item-6 a:active span.bottom-right
{
	background-image:url(../images/primary-navigation/item-6-link-bottom-right-on.gif);
}

div#primary-navigation ul li.item-6 a:hover span.bottom-left,
div#primary-navigation ul li.item-6 a:focus span.bottom-left,
div#primary-navigation ul li.item-6 a:active span.bottom-left
{
	background-image:url(../images/primary-navigation/item-6-link-bottom-left-on.gif);
}

/* On State */

div#primary-navigation ul li.item-6 a.on
{
	background-color:#D72626;
}

div#primary-navigation ul li.item-6 a.on span.top-left
{
	background-image:url(../images/primary-navigation/item-6-link-top-left-on.gif);
}

div#primary-navigation ul li.item-6 a.on span.top-right
{
	background-image:url(../images/primary-navigation/item-6-link-top-right-on.gif);
}

div#primary-navigation ul li.item-6 a.on span.bottom-right
{
	background-image:url(../images/primary-navigation/item-6-link-bottom-right-on.gif);
}

div#primary-navigation ul li.item-6 a.on span.bottom-left
{
	background-image:url(../images/primary-navigation/item-6-link-bottom-left-on.gif);
}

/* ========================================
Secondary Navigation
======================================== */

div#secondary-navigation ul li
{
	background-image:url(../images/secondary-navigation/horizontal-seperator.jpg);
}

div#secondary-navigation ul li a
{
	color:#666666;
}

div#secondary-navigation ul li a:hover,
div#secondary-navigation ul li a:focus,
div#secondary-navigation ul li a:active
{
	background-image:url(../images/secondary-navigation/link-on.gif);
}

div#secondary-navigation ul li a.on
{
	background-image:url(../images/secondary-navigation/link-on.gif);
}

/* ========================================
Footer
======================================== */

div#footer div.footer-links ul li
{
	background-image:url(../images/footer/horizontal-seperator.gif);
}

div#footer div.footer-links ul li a
{
	color:#002E8B;
}