/* ********** Dark Blue Top Menu Start ************ */


.menu_dark_blue { /* Top Menu */
    color: white;
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    border-right: 1px solid white;
    text-decoration: none;
    background-color: #003466; /* Change colour */
    padding: 6px;
}

.menu_dark_blue:hover /* Menu Hover Colour */
{
    background-color: #006699;  /* Change colour */
}

.toolbar_dark_blue {
    /* Menu background Colour */
    background-color: #003466; /* Change colour */
    padding: 6px 0px 6px 0px;
    width: 329px;
    position: absolute;
    top: 42px;
    left: 420px;
    border-left: 1px solid white;
}

.img_right /* Header Right Image */
{
    position: absolute;
    top: 66px;
    left: 313px;
    
}
.img_left /* Header Left Image */
{
    position: absolute;
    top: 1px;
    left: 279px;
    top: 66px;
    left: 0px;
    right: 564px;
}
 
 .img_top /* Header Logo Image */
 {
    width: 385px;
    height: 24px;
    position: absolute;
    left: 0px;
    top: 42px;
    }
 
.header_box_dark_blue /* Header background colour */
{
    height: 132px;
    width: 770px;
    position: absolute;
    top: 42px;
    left: 0px;
    background: #003466; /* Change colour */
    z-index: -1;
}

/* ********** Navy Blue Top Menu ************ */



.menu_navy_blue { /* Top Menu */
    color: white;
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    border-right: 1px solid white;
    text-decoration: none;
    background-color: #030133; /* Change colour */
    padding: 6px;
}

.menu_navy_blue:hover /* Menu Hover Colour */
{
    background-color: #035599;  /* Change colour */
}

.toolbar_navy_blue {
    /* Menu background Colour */
    background-color: #030133; /* Change colour */
    padding: 6px 0px 6px 0px;
    width: 217px;
    position: absolute;
    top: 42px;
    left: 420px;
    border-left: 1px solid white;
}

.img_right /* Header Right Image */
{
    position: absolute;
    top: 66px;
    left: 313px;
    
}
.img_left /* Header Left Image */
{
    position: absolute;
    top: 1px;
    left: 279px;
    top: 66px;
    left: 0px;
    right: 564px;
}
 
 .img_top /* Header Logo Image */
 {
    width: 385px;
    height: 24px;
    position: absolute;
    left: 0px;
    top: 42px;
    }
 
.header_box_navy_blue /* Header background colour */
{
    height: 132px;
    width: 770px;
    position: absolute;
    top: 42px;
    left: 0px;
    background: #030133; /* Change colour */
    z-index: -1;
}



/* ********** Light Blue Top Menu ************ */



.menu_light_blue { /* Top Menu */
    color: white;
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    border-right: 1px solid white;
    text-decoration: none;
    background-color: #0099CC; /* Change colour */
    padding: 6px;
}

.menu_light_blue:hover /* Menu Hover Colour */
{
    background-color: #CFE3EC;  /* Change colour */
}

.toolbar_light_blue {
    /* Menu background Colour */
    background-color: #0099CC; /* Change colour */
    padding: 6px 0px 6px 0px;
    width: 217px;
    position: absolute;
    top: 42px;
    left: 420px;
    border-left: 1px solid white;
}

.img_right /* Header Right Image */
{
    position: absolute;
    top: 66px;
    left: 313px;
    
}
.img_left /* Header Left Image */
{
    position: absolute;
    top: 1px;
    left: 279px;
    top: 66px;
    left: 0px;
    right: 564px;
}
 
 .img_top /* Header Logo Image */
 {
    width: 385px;
    height: 24px;
    position: absolute;
    left: 0px;
    top: 42px;
    }
 
.header_box_light_blue /* Header background colour */
{
    height: 132px;
    width: 770px;
    position: absolute;
    top: 42px;
    left: 0px;
    background: #0099CC; /* Change colour */
    z-index: -1;
}




/* ********** Pink Top Menu ************ */



.menu_pink { /* Top Menu */
    color: white;
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    border-right: 1px solid white;
    text-decoration: none;
    background-color: #CC3366; /* Change colour */
    padding: 6px;
}

.menu_pink:hover /* Menu Hover Colour */
{
    background-color: #F2D4DC;  /* Change colour */
}

.toolbar_pink {
    /* Menu background Colour */
    background-color: #CC3366; /* Change colour */
    padding: 6px 0px 6px 0px;
    width: 217px;
    position: absolute;
    top: 42px;
    left: 420px;
    border-left: 1px solid white;
}

.img_right /* Header Right Image */
{
    position: absolute;
    top: 66px;
    left: 313px;
    
}
.img_left /* Header Left Image */
{
    position: absolute;
    top: 1px;
    left: 279px;
    top: 66px;
    left: 0px;
    right: 564px;
}
 
 .img_top /* Header Logo Image */
 {
    width: 385px;
    height: 24px;
    position: absolute;
    left: 0px;
    top: 42px;
    }
 
.header_box_pink /* Header background colour */
{
    height: 132px;
    width: 770px;
    position: absolute;
    top: 42px;
    left: 0px;
    background: #CC3366; /* Change colour */
    z-index: -1;
}
/* ********** Purple Top Menu ************ */



.menu_purple { /* Top Menu */
    color: white;
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    border-right: 1px solid white;
    text-decoration: none;
    background-color: #666699; /* Change colour */
    padding: 6px;
}

.menu_purple:hover /* Menu Hover Colour */
{
    background-color: #CCCCFF;  /* Change colour */
}

.toolbar_purple {
    /* Menu background Colour */
    background-color: #666699; /* Change colour */
    padding: 6px 0px 6px 0px;
    width: 217px;
    position: absolute;
    top: 42px;
    left: 420px;
    border-left: 1px solid white;
}

.img_right /* Header Right Image */
{
    position: absolute;
    top: 66px;
    left: 313px;
    
}
.img_left /* Header Left Image */
{
    position: absolute;
    top: 1px;
    left: 279px;
    top: 66px;
    left: 0px;
    right: 564px;
}
 
 .img_top /* Header Logo Image */
 {
    width: 385px;
    height: 24px;
    position: absolute;
    left: 0px;
    top: 42px;
    }
 
.header_box_purple /* Header background colour */
{
    height: 132px;
    width: 770px;
    position: absolute;
    top: 42px;
    left: 0px;
    background: #666699; /* Change colour */
    z-index: -1;
}


/* ********** Red Top Menu ************ */



.menu_red { /* Top Menu */
    color: white;
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    border-right: 1px solid white;
    text-decoration: none;
    background-color: #9A1530; /* Change colour */
    padding: 6px;
}

.menu_red:hover /* Menu Hover Colour */
{
    background-color: #CC0033;  /* Change colour */
}

.toolbar_red {
    /* Menu background Colour */
    background-color: #9A1530; /* Change colour */
    padding: 6px 0px 6px 0px;
    width: 217px;
    position: absolute;
    top: 42px;
    left: 420px;
    border-left: 1px solid white;
}

.img_right /* Header Right Image */
{
    position: absolute;
    top: 66px;
    left: 313px;
    
}
.img_left /* Header Left Image */
{
    position: absolute;
    top: 1px;
    left: 279px;
    top: 66px;
    left: 0px;
    right: 564px;
}
 
 .img_top /* Header Logo Image */
 {
    width: 385px;
    height: 24px;
    position: absolute;
    left: 0px;
    top: 42px;
    }
 
.header_box_red /* Header background colour */
{
    height: 132px;
    width: 770px;
    position: absolute;
    top: 42px;
    left: 0px;
    background: #9A1530; /* Change colour */
    z-index: -1;
}



/* ********** Orange Top Menu ************ */



.menu_orange { /* Top Menu */
    color: white;
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    border-right: 1px solid white;
    text-decoration: none;
    background-color: #FF6600; /* Change colour */
    padding: 6px;
}

.menu_orange:hover /* Menu Hover Colour */
{
    background-color: #FFCC99;  /* Change colour */
}

.toolbar_orange {
    /* Menu background Colour */
    background-color: #FF6600; /* Change colour */
    padding: 6px 0px 6px 0px;
    width: 217px;
    position: absolute;
    top: 42px;
    left: 420px;
    border-left: 1px solid white;
}

.img_right /* Header Right Image */
{
    position: absolute;
    top: 66px;
    left: 313px;
    
}
.img_left /* Header Left Image */
{
    position: absolute;
    top: 1px;
    left: 279px;
    top: 66px;
    left: 0px;
    right: 564px;
}
 
 .img_top /* Header Logo Image */
 {
    width: 385px;
    height: 24px;
    position: absolute;
    left: 0px;
    top: 42px;
    }
 
.header_box_orange /* Header background colour */
{
    height: 132px;
    width: 770px;
    position: absolute;
    top: 42px;
    left: 0px;
    background: #FF6600; /* Change colour */
    z-index: -1;
}



/* ********** Mid Blue Top Menu ************ */



.menu_mid_blue { /* Top Menu */
    color: white;
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    border-right: 1px solid white;
    text-decoration: none;
    background-color: #006699; /* Change colour */
    padding: 6px;
}

.menu_mid_blue:hover /* Menu Hover Colour */
{
    background-color: #006699;  /* Change colour */
}

.toolbar_mid_blue {
    /* Menu background Colour */
    background-color: #006699; /* Change colour */
    padding: 6px 0px 6px 0px;
    width: 217px;
    position: absolute;
    top: 42px;
    left: 420px;
    border-left: 1px solid white;
}

.img_right /* Header Right Image */
{
    position: absolute;
    top: 66px;
    left: 313px;
    
}
.img_left /* Header Left Image */
{
    position: absolute;
    top: 1px;
    left: 279px;
    top: 66px;
    left: 0px;
    right: 564px;
}
 
 .img_top /* Header Logo Image */
 {
    width: 385px;
    height: 24px;
    position: absolute;
    left: 0px;
    top: 42px;
    }
 
.header_box_mid_blue /* Header background colour */
{
    height: 132px;
    width: 770px;
    position: absolute;
    top: 42px;
    left: 0px;
    background: #006699; /* Change colour */
    z-index: -1;
}