/*************************************************************************
	Skills Third Sector
	MODULE: 	colours.css
	PURPOSE:	Rules to set section colour coding
*************************************************************************/

/* Notes on section colour coding:

Classes should be applied to the BODY element to set the section that
you're currently in. This class is then used to set the section specific
colour coding accordingly. The classes are:

.sechome:		Home
.secqt:			Qualifications & Training
.sectna:		Training Needs Analysis
.secnos:		National Occupational Standards
.secrp:			Research & Policy
.secpress:		News & Press
.secabout:		About the Sector
.secmedia:		Media Library
.secforum:		The Forum

*/

/* Default colour for non section specific pages
*************************************************************************/	
#nav div {
	background-position:0 -120px;
}
/*** Curved corner shims ***/
#main .shimtop {
	background-position:0 0;
}
#midwrap.wide .shimtop {
	background-position:0 -160px;
}



/* Section 1 (Qualifications & Training) - RED
*************************************************************************/

/*** Nav bar connector colour underneath selected nav item ***/
.secqt #nav div {
	background-position:0 0px;
}
/*** Curved corner shims ***/
.secqt #main .shimtop {
	background-position:0 0;
}
.secqt #midwrap.wide .shimtop {
	background-position:0 -70px;
}
/*** Left navigation ***/
.secqt #sidenav {
	background-color:#B30038;
	background-position:left bottom;
}
.secqt #sidenav li {
	background-position:left top;
}
.secqt #sidenav li a,
.secqt #sidenav li a:visited {
	background-position:left bottom;
}
.secqt #sidenav li.iehover,
.secqt #sidenav li:hover {
	background-position:-210px top;	
}
.secqt #sidenav li.iehover a,
.secqt #sidenav li.iehover a:visited,
.secqt #sidenav li:hover a,
.secqt #sidenav li:hover a:visited {
	color:#E00046;
	background-position:-210px bottom;
}
.secqt #sidenav li:hover a span,
.secqt #sidenav li:hover a:visited span,
.secqt #sidenav li.iehover a span,
.secqt #sidenav li.iehover a:visited span {
	background-color:#B30038;
}
/*** Left navigation, SECOND LEVEL ***/
.secqt #sidenav li.here {
	background-position:-210px top;	
}
.secqt #sidenav li.here a,
.secqt #sidenav li.here a:visited  {
	color:#E00046;
}
.secqt #sidenav li.here a span,
.secqt #sidenav li.here a:visited span,
.secqt #sidenav li.here a span,
.secqt #sidenav li.here a:visited span {
	background-color:#B30038;
}
.secqt #sidenav li.here ul {
	background-position:-210px bottom;
}
.secqt #sidenav li.here li {
	background:none;
}
.secqt #sidenav li.here li a,
.secqt #sidenav li.here li a:visited {
	color:#666;
}
.secqt #sidenav li.here li a:hover,
.secqt #sidenav li.here li a:visited:hover {
	color:#E00046;
}

/*** Headings ***/
.secqt #content h1,
.secqt #content h2,
.secqt #content h3 {
	color:#E00046;
}
/*** Blockquote ***/
.secqt #content blockquote {
	border-color:#E00046;
	background:#FAD9E3;
}





/* Section 2 (Training Needs Analysis) - ORANGE
*************************************************************************/

/*** Nav bar connector colour underneath selected nav item ***/
.sectna #nav div {
	background-position:0 -20px;
}

/*** Curved corner shims ***/
.sectna #main .shimtop {
	background-position:0 -10px;
}
.sectna #midwrap.wide .shimtop {
	background-position:0 -80px;
}
/*** Left navigation, TOP LEVEL ***/
.sectna #sidenav {
	background-color:#CC6E00;
	background-position:-220px bottom;
}
.sectna #sidenav li {
	background-color:#F08100;
	background-position:-420px top;
}
.sectna #sidenav li a,
.sectna #sidenav li a:visited {
	background-position:-420px bottom;
}
.sectna #sidenav li.iehover,
.sectna #sidenav li:hover {
	background-position:-630px top;	
}
.sectna #sidenav li.iehover a,
.sectna #sidenav li.iehover a:visited,
.sectna #sidenav li:hover a,
.sectna #sidenav li:hover a:visited {
	color:#F08100;
	background-position:-630px bottom;
}
.sectna #sidenav li:hover a span,
.sectna #sidenav li:hover a:visited span,
.sectna #sidenav li.iehover a span,
.sectna #sidenav li.iehover a:visited span {
	background-color:#F08100;
}
/*** Left navigation, SECOND LEVEL ***/
.sectna #sidenav li.here {
	background-position:-630px top;	
}
.sectna #sidenav li.here a,
.sectna #sidenav li.here a:visited  {
	color:#F08100;
}
.sectna #sidenav li.here a span,
.sectna #sidenav li.here a:visited span,
.sectna #sidenav li.here a span,
.sectna #sidenav li.here a:visited span {
	background-color:#F08100;
}
.sectna #sidenav li.here ul {
	background-position:-630px bottom;
}
.sectna #sidenav li.here li {
	background:none;
}
.sectna #sidenav li.here li a,
.sectna #sidenav li.here li a:visited {
	color:#666;
}
.sectna #sidenav li.here li a:hover,
.sectna #sidenav li.here li a:visited:hover {
	color:#F08100;
}
/*** Headings ***/
.sectna #content h1,
.sectna #content h2,
.sectna #content h3 {
	color:#F08100;
}
/*** Blockquote ***/
.sectna #content blockquote {
	border-color:#F08100;
	background:#FDECD9;
}





/* Section 4 (National Occupational Standards) - BLUE1
*************************************************************************/

/*** Nav bar connector colour underneath selected nav item ***/
.secnos #nav div {
	background-position:0 -40px;
}

/*** Curved corner shims ***/
.secnos #main .shimtop {
	background-position:0 -20px;
}
.secnos #midwrap.wide .shimtop {
	background-position:0 -90px;
}
/*** Left navigation ***/
.secnos #sidenav {
	background-color:#62A4B2;
	background-position:-440px bottom;
}
.secnos #sidenav li {
	background-color:#74C2D2;
	background-position:-840px top;
}
.secnos #sidenav li a,
.secnos #sidenav li a:visited {
	background-position:-840px bottom;
}
.secnos #sidenav li.iehover,
.secnos #sidenav li:hover {
	background-position:-1050px top;	
}
.secnos #sidenav li.iehover a,
.secnos #sidenav li.iehover a:visited,
.secnos #sidenav li:hover a,
.secnos #sidenav li:hover a:visited {
	color:#74C2D2;
	background-position:-1050px bottom;
}
.secnos #sidenav li:hover a span,
.secnos #sidenav li:hover a:visited span,
.secnos #sidenav li.iehover a span,
.secnos #sidenav li.iehover a:visited span {
	background-color:#74C2D2;
}
/*** Left navigation, SECOND LEVEL ***/
.secnos #sidenav li.here {
	background-position:-1050px top;	
}
.secnos #sidenav li.here a,
.secnos #sidenav li.here a:visited  {
	color:#74C2D2;
}
.secnos #sidenav li.here a span,
.secnos #sidenav li.here a:visited span,
.secnos #sidenav li.here a span,
.secnos #sidenav li.here a:visited span {
	background-color:#74C2D2;
}
.secnos #sidenav li.here ul {
	background-position:-1050px bottom;
}
.secnos #sidenav li.here li {
	background:none;
}
.secnos #sidenav li.here li a,
.secnos #sidenav li.here li a:visited {
	color:#666;
}
.secnos #sidenav li.here li a:hover,
.secnos #sidenav li.here li a:visited:hover {
	color:#74C2D2;
}

/*** Headings ***/
.secnos #content h1,
.secnos #content h2,
.secnos #content h3 {
	color:#62A4B2;
}
/*** Blockquote ***/
.secnos #content blockquote {
	border-color:#62A4B2;
	background:#E8F1F4;
}









/* Section 5 (Research & Policy) - GREY
*************************************************************************/

/*** Nav bar connector colour underneath selected nav item ***/
.secrp #nav div {
	background-position:0 -60px;
}

/*** Curved corner shims ***/
.secrp #main .shimtop {
	background-position:0 -30px;
}
.secrp #midwrap.wide .shimtop {
	background-position:0 -110px;
}
/*** Left navigation ***/
.secrp #sidenav {
	background-color:#666C71;
	background-position:-660px bottom;
}
.secrp #sidenav li {
	background-color:#7B8288;
	background-position:-1260px top;
}
.secrp #sidenav li a,
.secrp #sidenav li a:visited {
	background-position:-1260px bottom;
}
.secrp #sidenav li.iehover,
.secrp #sidenav li:hover {
	background-position:-1470px top;	
}
.secrp #sidenav li.iehover a,
.secrp #sidenav li.iehover a:visited,
.secrp #sidenav li:hover a,
.secrp #sidenav li:hover a:visited {
	color:#666C71;
	background-position:-1470px bottom;
}
.secrp #sidenav li:hover a span,
.secrp #sidenav li:hover a:visited span,
.secrp #sidenav li.iehover a span,
.secrp #sidenav li.iehover a:visited span {
	background-color:#666C71;
}
/*** Left navigation, SECOND LEVEL ***/
.secrp #sidenav li.here {
	background-position:-1470px top;	
}
.secrp #sidenav li.here a,
.secrp #sidenav li.here a:visited  {
	color:#7B8288;
}
.secrp #sidenav li.here a span,
.secrp #sidenav li.here a:visited span,
.secrp #sidenav li.here a span,
.secrp #sidenav li.here a:visited span {
	background-color:#666C71;
}
.secrp #sidenav li.here ul {
	background-position:-1470px bottom;
}
.secrp #sidenav li.here li {
	background:none;
}
.secrp #sidenav li.here li a,
.secrp #sidenav li.here li a:visited {
	color:#666;
}
.secrp #sidenav li.here li a:hover,
.secrp #sidenav li.here li a:visited:hover {
	color:#7B8288;
}

/*** Headings ***/
.secrp #content h1,
.secrp #content h2,
.secrp #content h3 {
	color:#7B8288;
}
/*** Blockquote ***/
.secrp #content blockquote {
	border-color:#7B8288;
	background:#E8E9EA;
}





/* Section 6 (News & Press) - BLUE2
*************************************************************************/

/*** Nav bar connector colour underneath selected nav item ***/
.secpress #nav div {
	background-position:0 -80px;
}

/*** Curved corner shims ***/
.secpress #main .shimtop {
	background-position:0 -40px;
}
.secpress #midwrap.wide .shimtop {
	background-position:0 -120px;
}
/*** Left navigation ***/
.secpress #sidenav {
	background-color:#01A6BF;
	background-position:-880px bottom;
}
.secpress #sidenav li {
	background-color:#02B8D3;
	background-position:-1680px top;
}
.secpress #sidenav li a,
.secpress #sidenav li a:visited {
	background-position:-1680px bottom;
}
.secpress #sidenav li.iehover,
.secpress #sidenav li:hover {
	background-position:-1890px top;	
}
.secpress #sidenav li.iehover a,
.secpress #sidenav li.iehover a:visited,
.secpress #sidenav li:hover a,
.secpress #sidenav li:hover a:visited {
	color:#01A6BF;
	background-position:-1890px bottom;
}
.secpress #sidenav li:hover a span,
.secpress #sidenav li:hover a:visited span,
.secpress #sidenav li.iehover a span,
.secpress #sidenav li.iehover a:visited span {
	background-color:#01A6BF;
}
/*** Left navigation, SECOND LEVEL ***/
.secpress #sidenav li.here {
	background-position:-1890px top;	
}
.secpress #sidenav li.here a,
.secpress #sidenav li.here a:visited  {
	color:#01A6BF;
}
.secpress #sidenav li.here a span,
.secpress #sidenav li.here a:visited span,
.secpress #sidenav li.here a span,
.secpress #sidenav li.here a:visited span {
	background-color:#01A6BF;
}
.secpress #sidenav li.here ul {
	background-position:-1890px bottom;
}
.secpress #sidenav li.here li {
	background:none;
}
.secpress #sidenav li.here li a,
.secpress #sidenav li.here li a:visited {
	color:#666;
}
.secpress #sidenav li.here li a:hover,
.secpress #sidenav li.here li a:visited:hover {
	color:#01A6BF;
}

/*** Headings ***/
.secpress #content h1,
.secpress #content h2,
.secpress #content h3 {
	color:#01A6BF;
}
/*** Blockquote ***/
.secpress #content blockquote {
	border-color:#02B8D3;
	background:#D9F2F5;
}






/* Section 7 (About the Sector) - GREEN
*************************************************************************/

/*** Nav bar connector colour underneath selected nav item ***/
.secabout #nav div {
	background-position:0 -100px;
}

/*** Curved corner shims ***/
.secabout #main .shimtop {
	background-position:0 -50px;
}
.secabout #midwrap.wide .shimtop {
	background-position:0 -120px;
}
/*** Left navigation ***/
.secabout #sidenav {
	background-color:#2E8C46;
	background-position:-1100px bottom;
}
.secabout #sidenav li {
	background-color:#3BB059;
	background-position:-2100px top;
}
.secabout #sidenav li a,
.secabout #sidenav li a:visited {
	background-position:-2100px bottom;
}
.secabout #sidenav li.iehover,
.secabout #sidenav li:hover {
	background-position:-2310px top;	
}
.secabout #sidenav li.iehover a,
.secabout #sidenav li.iehover a:visited,
.secabout #sidenav li:hover a,
.secabout #sidenav li:hover a:visited {
	color:#3BB059;
	background-position:-2310px bottom;
}
.secabout #sidenav li:hover a span,
.secabout #sidenav li:hover a:visited span,
.secabout #sidenav li.iehover a span,
.secabout #sidenav li.iehover a:visited span {
	background-color:#3BB059;
}
/*** Left navigation, SECOND LEVEL ***/
.secabout #sidenav li.here {
	background-position:-2310px top;	
}
.secabout #sidenav li.here a,
.secabout #sidenav li.here a:visited  {
	color:#3BB059;
}
.secabout #sidenav li.here a span,
.secabout #sidenav li.here a:visited span,
.secabout #sidenav li.here a span,
.secabout #sidenav li.here a:visited span {
	background-color:#3BB059;
}
.secabout #sidenav li.here ul {
	background-position:-2310px bottom;
}
.secabout #sidenav li.here li {
	background:none;
}
.secabout #sidenav li.here li a,
.secabout #sidenav li.here li a:visited {
	color:#666;
}
.secabout #sidenav li.here li a:hover,
.secabout #sidenav li.here li a:visited:hover {
	color:#3BB059;
}

/*** Headings ***/
.secabout #content h1,
.secabout #content h2,
.secabout #content h3 {
	color:#2E8C46;
}
/*** Blockquote ***/
.secabout #content blockquote {
	border-color:#3BB059;
	background:#E0EEE3;
}

/* Media Library
*************************************************************************/

/*** Nav bar connector colour underneath selected nav item ***/
.secmedia #nav div {
	background-position:0 -120px;
}
/*** Curved corner shims ***/
.secmedia #main .shimtop {
	background-position:0 0;
}
.secmedia #midwrap.wide .shimtop {
	background-position:0 -160px;
}

/*** Headings ***/
.secmedia #content h1,
.secmedia #content h2,
.secmedia #content h3 {
	color:#592049;
}
/*** Blockquote ***/
.secmedia #content blockquote {
	border-color:#592049;
	background:#E6DEE4;
}


/* Forum
*************************************************************************/

/*** Nav bar connector colour underneath selected nav item ***/
.secforum #nav div {
	background-position:0 -120px;
}
/*** Curved corner shims ***/
.secforum #main .shimtop {
	background-position:0 0;
}
.secforum #midwrap.wide .shimtop {
	background-position:0 -160px;
}

/*** Headings ***/
.secforum #content h1,
.secforum #content h2,
.secforum #content h3 {
	color:#592049;
}



/* Category label colours
*************************************************************************/
.catEvent,
.catPress,
.catNews,
.catMedia,
.catInterview,
.catCasestudy,
.catNos,
.catTrustee,
.catQualification,
.catPolicy,
.catIndiLearn,
.catOrgSkillsDev,
.cat_4,
.cat_5,
.cat_6
{
	font-size:0.80em;
	display:inline-block;
	padding:2px 5px 3px;
	background:#CCC;
	color:#FFF;
	text-transform:uppercase;
	line-height:1em;
	vertical-align:text-top;
}
.catNews,
.cat_4 {
	background:#FF7A00;
}
.catEvent,
.cat_6 {
	background:#D60071;
}
.catPress,
.catMedia,
.cat_5 {
	background:#77B81B;
}

/*** Research / Media sections single colour blue ***/

.secmedia .catCasestudy,
.secrp .catCasestudy,
.secpress .catCasestudy,
.catInterview,
.catNos,
.catTrustee,
.catQualification,
.catPolicy,
.catIndiLearn,
.catOrgSkillsDev {
	background:#66AAB9;
}





/* Coloured Bullets
*************************************************************************/
.secqt #content ul li {
	background-position:-900px 0;	
}
.sectna #content ul li {
	background-position:-1800px 0;	
}
.secnos #content ul li {
	background-position:-2700px 0;	
}
.secrp #content ul li {
	background-position:-3600px 0;
}
.secpress #content ul li {
	background-position:-4500px 0;
}
.secabout #content ul li {
	background-position:-5400px 0;
}