/* -------- Site section specific colour changes -------- */

/* --- All sections --- */
.living #mainNav a.active span, 
.living #mainNav a.active:hover span,
.visiting #mainNav a.active span, 
.visiting #mainNav a.active:hover span,
.working #mainNav a.active span, 
.working #mainNav a.active:hover span,
.learning #mainNav a.active span, 
.learning #mainNav a.active:hover span,
.online #mainNav a.active span, 
.online #mainNav a.active:hover span,
.oneisland #mainNav a.active span, 
.oneisland #mainNav a.active:hover span,
.myprofile #mainNav a.active span, 
.myprofile #mainNav a.active:hover span {
	background-position:100% -44px;}
	
.living #mainNav a.active, 
.living #mainNav a.active:hover,
.visiting #mainNav a.active, 
.visiting #mainNav a.active:hover,
.working #mainNav a.active, 
.working #mainNav a.active:hover,
.learning #mainNav a.active, 
.learning #mainNav a.active:hover,
.online #mainNav a.active, 
.online #mainNav a.active:hover,
.oneisland #mainNav a.active, 
.oneisland #mainNav a.active:hover,
.myprofile #mainNav a.active, 
.myprofile #mainNav a.active:hover {	
	background-position:0% -44px;}

.living #mainNav a:hover,
.visiting #mainNav a:hover,
.working #mainNav a:hover,
.learning #mainNav a:hover,
.online #mainNav a:hover,
.oneisland #mainNav a:hover,
.myprofile #mainNav a:hover {	
	background-position:0% 3px;}

.living #mainNav a:hover span,
.visiting #mainNav a:hover span,
.working #mainNav a:hover span,
.learning #mainNav a:hover span,
.online #mainNav a:hover span,
.oneisland #mainNav a:hover span, 
.myprofile #mainNav a:hover span{
	background-position:100% 3px;}	


/* --- Living --- */	
	
.living #mainNav a {
	background:url(../images/tab_left_living.gif) no-repeat left top;}

.living #mainNav a span {
	background:url(../images/tab_right_living.gif) no-repeat right top;}
	
.living #subNav, 
.living .hpbTitle {	
	background-color: #BAB894;}

.living #subNav ul li a{
	border-right: 1px solid #EEEEE6; }	
	
.living #subNav ul li a:Hover, 
.living #subNav ul li a.subNavActive,
.living #sideNavTitle,
.living a.sideNavTitle,
.living #InfoColumnTitle, 
.living #quickLinksTitle {
	background-color: #A4A271;}							
	
.living #sideNav .sideNavParent {
	background-color: #D3D2BC;}

.living #sideNav .sideSubNavItem:hover, 
.living #sideNav .sideNavItem:Hover {
	background-color: #EEEEE6;}
	
/* --- Visiting --- */	
	
.visiting #mainNav a {
	background:url(../images/tab_left_visiting.gif) no-repeat left top;}

.visiting #mainNav a span {
	background:url(../images/tab_right_visiting.gif) no-repeat right top;}
	
.visiting #subNav, 
.visiting .hpbTitle {	
	background-color: #87AD5C;}

.visiting #subNav ul li a{
	border-right: 1px solid #E7EFDE; }	
	
.visiting #subNav ul li a:Hover, 
.visiting #subNav ul li a.subNavActive,
.visiting #sideNavTitle,
.visiting #InfoColumnTitle, 
.visiting #quickLinksTitle {
	background-color: #71934A;}							
	
.visiting #sideNav .sideNavParent {
	background-color: #BCD2A6;}

.visiting #sideNav .sideSubNavItem:hover, 
.visiting #sideNav .sideNavItem:Hover {
	background-color: #E7EFDE;}
	

/* --- Working --- */	
	
.working #mainNav a {
	background:url(../images/tab_left_working.gif) no-repeat left top;}

.working #mainNav a span {
	background:url(../images/tab_right_working.gif) no-repeat right top;}

.working #subNav, 
.working .hpbTitle {	
	background-color: #B6859E;}

.working #subNav ul li a{
	border-right: 1px solid #EADBE2; }	
	
.working #subNav ul li a:Hover, 
.working #subNav ul li a.subNavActive,
.working #sideNavTitle,
.working #InfoColumnTitle, 
.working #quickLinksTitle {
	background-color: #85506B;}							
	
.working #sideNav .sideNavParent {
	background-color: #D2B5C4;}

.working #sideNav .sideSubNavItem:hover, 
.working #sideNav .sideNavItem:Hover {
	background-color: #EADBE2;}
	
/* --- Learning --- */	
	
.learning #mainNav a {
	background:url(../images/tab_left_learning.gif) no-repeat left top;}

.learning #mainNav a span {
	background:url(../images/tab_right_learning.gif) no-repeat right top;}

.learning #subNav, 
.learning .hpbTitle {	
	background-color: #74A09B;}

.learning #subNav ul li a{
	border-right: 1px solid #D6E2E1; }	
	
.learning #subNav ul li a:Hover, 
.learning #subNav ul li a.subNavActive,
.learning #sideNavTitle,
.learning #InfoColumnTitle, 
.learning #quickLinksTitle {
	background-color: #5F8B86;}							
	
.learning #sideNav .sideNavParent {
	background-color: #A7C2BF;}

.learning #sideNav .sideSubNavItem:hover, 
.learning #sideNav .sideNavItem:Hover {
	background-color: #D6E2E1;}
	
/* --- Council (SHARED WITH HOMEPAGE) --- */	
/*	
.council #mainNav a {
	background:url(../images/tab_left_living.gif) no-repeat left top;}

.council #mainNav a span {
	background:url(../images/tab_right_living.gif) no-repeat right top;}

.council #subNav, 
.council .hpbTitle {	
	background-color: #659ACF;}

.council #subNav ul li a{
	border-right: 1px solid #92B7DC; }	
	
.council #subNav ul li a:Hover, 
.council #subNav ul li a.subNavActive,
.council #sideNavTitle,
.council #InfoColumnTitle, 
.council #quickLinksTitle {
	background-color: #3D7EC0;}							
	
.council #sideNav .sideNavParent {
	background-color: #D3DFF1;}

.council #sideNav .sideSubNavItem:hover, 
.council #sideNav .sideNavItem:Hover {
	background-color: #ECF2F9;}
*/
	
/* --- Online --- */	
	
.online #mainNav a {
	background:url(../images/tab_left_online.gif) no-repeat left top;}

.online #mainNav a span {
	background:url(../images/tab_right_online.gif) no-repeat right top;}

.online #subNav, 
.online .hpbTitle {	
	background-color: #C64A60;}

.online #subNav ul li a{
	border-right: 1px solid #ECCACC; }	
	
.online #subNav ul li a:Hover, 
.online #subNav ul li a.subNavActive,
.online #sideNavTitle,
.online #InfoColumnTitle, 
.online #quickLinksTitle {
	background-color: #A83549;}							
	
.online #sideNav .sideNavParent {
	background-color: #E6A2A4;}

.online #sideNav .sideSubNavItem:hover, 
.online #sideNav .sideNavItem:Hover {
	background-color: #F4E3E4;}
	
/* --- One Island --- */	
	
.oneisland #mainNav a {
	background:url(../images/tab_left_oneisland.gif) no-repeat left top;}

.oneisland #mainNav a span {
	background:url(../images/tab_right_oneisland.gif) no-repeat right top;}

.oneisland #subNav, 
.oneisland .hpbTitle {	
	background-color: #EFBE2C;}

.oneisland #subNav ul li a{
	border-right: 1px solid #FCF1D1; }	
	
.oneisland #subNav ul li a:Hover, 
.oneisland #subNav ul li a.subNavActive,
.oneisland #sideNavTitle,
.oneisland #InfoColumnTitle, 
.oneisland #quickLinksTitle {
	background-color: #D8A610;}							
	
.oneisland #sideNav .sideNavParent {
	background-color: #F9E3A2;}

.oneisland #sideNav .sideSubNavItem:hover, 
.oneisland #sideNav .sideNavItem:Hover {
	background-color: #FCF1D1;}
	
/* -------- End Site section specific colour changes -------- */