@charset "UTF-8";
/* CSS Document */




/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////


/* Text colours

////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

h1, h2, h3 { color:#000000; }
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////


/* Breadcrumb colours

////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

 .Breadcrumb li { background: transparent url(../cssImages/interactive/BreadcrumbArrow.gif) no-repeat 0 5px !important; }
.Breadcrumb a:hover { background-color:#cc0000; }
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////


/* General link colours

////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.content a:hover, .content410 a:hover, .content605 a:hover, .contentWide a:hover, .AdBox a:hover, div.listbox a:hover { background-color:#f2ddb8; }
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////


/* OLD Left hand side Navigation colours


.leftColNav a, .leftColNav a:visited
{ 
   color: #ff9933;
}

.leftColNav .bold
{ 
   color: #cc6600;
}

.leftColNav a:hover{
color:#cc6600;
background-color:#fbd599;
}

.leftColNav .bold{
background-color:#fbd599;

}


.leftColNav li:hover
{  
   	background-color:#fbd599;
}


////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////// */




/* nav - reset normal navigation

////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.depth0 a:hover { background-color:#eaeaea; }
/* nav - selected content area only

////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


.leftColNav .bold { color: #cc0000; background-color: #FDE6C2; }
.depth1 a, .depth1 a:visited { color:#000066; font-weight:bold; }
.depth1 a:hover { color:#cc0000; background-color:#eaeaea; font-weight:bold; }
.depth2 a, .depth2 a:visited { color:#000066; font-weight:bold; }
.depth2 a:hover { color:#cc0000; background-color:#eaeaea; font-weight:bold; }
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////


/* topNav link colours

////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

 .topNav a:hover { background-color: #f2ddb8; }
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////


/* coloured panel of CTA's 

////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.colourPanel1 { background-color:#f2ddb8; }
.colourPanel2 { background-color:#d6e9f4; }
.callToAction { color:#000000 !important; background: transparent url(../cssImages/interactive/BreadcrumbArrowRed.gif) no-repeat right 6px !important; }
/* ///////////////////////// blue headings
.colourPanel1 .cta h3{
color:#000066;
}
////////////////////// */





/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////


/* extra boc / find out more / more articles to read

////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////// */



.roundedBox { background-color:#f2ddb8; color:#000000; }
.roundedBox h1 { color:#000066; }
.roundedBox h3 { color:#000066; font-weight:bold; }
.roundedBox a { color:#000000 !important; }
.roundedBox h2 { color:#000066; }
.roundedBox .top { background:transparent url(../cssImages/interactive/roundBoxTop.jpg) no-repeat; }
.roundedBox .top .right { background:transparent url(../cssImages/interactive/roundBoxTopRight.jpg) no-repeat; }
.roundedBox .bottom { background:transparent url(../cssImages/interactive/roundBoxBottom.jpg) no-repeat; background-color:#f2ddb8; }
.roundedBox .bottom .right { background:transparent url(../cssImages/interactive/roundBoxBottomRight.jpg) no-repeat; }
.roundedBox .innerBox { background-color:#ffffff; color:#000000; }
a.extraBoxLink { color:#cc0000 !important; background: transparent url(../cssImages/interactive/BreadcrumbArrow.gif) no-repeat right 6px !important; font-weight:bold; }
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////


/* quote box colours

////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////// */




p.quoteRgt, p.quoteLft { color:#ffffff; background:#cc0000 url(../cssImages/interactive/quoleft.jpg) left top no-repeat; }
* html p.quoteRgt, * html p.quoteLft { margin:0 10px 0 7px; }
p.quoteRgt strong, p.quoteLft strong, p.quoteRgt b, p.quoteLft b { background:transparent url(../cssImages/interactive/quoright.jpg) right bottom no-repeat; }
p.quoteRgt strong a, p.quoteLft strong a { color:#cc00 !important; }
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////


Introduction - bold text for intros - weight set within structure stylesheet

////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////arrow
////////////////////////////////////////////////////////// */

.introduction { color:#000000; }
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////


Large text - takes on styling of H2

////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.textXL { color:#000000; }
.magNav li a.active { background-color:#cc0000; color:#FFFFFF; }