/*red stains and splats*/
#wrapper.red h1.smlHeader {
	background: url(../images/bg-smlheader-red.png) no-repeat left top;
}
#wrapper.red h1.lngHeader {
	background: url(../images/bg-longheader-red.png) no-repeat left top;
}
#wrapper.red h2.filmLibrary {
	background: url(../images/bg-squiggle-red.png) no-repeat left top;
}
#wrapper.red h2.teacher_plan { /*jasia added jan 2011*/
 	background: url(../images/bg-squiggle-red02.png) no-repeat left top;
}
#wrapper.red h2.resourcesv4 { /*jasia added jan 2011*/
 	background: url(../images/bg-squiggle-red03.png) no-repeat left 10px;
}
#wrapper.red .colLeftDouble {
	background: url(../images/bg-smudge-red.png) no-repeat right top;
}
#wrapper.red .colRow .rating,
#wrapper.red .colRow .comments h3 {
	background: url(../images/bg-dashline-red.png) no-repeat left bottom;
}
#wrapper.red .colRowTp .tpContent {
	background: url(../images/bg-tp-red.png) no-repeat left top;
}
/*green stains and splats*/
#wrapper.green h1.smlHeader {
	background: url(../images/bg-smlheader-green.png) no-repeat left top;
}
#wrapper.green h1.lngHeader {
	background: url(../images/bg-longheader-green.png) no-repeat left top;
}
#wrapper.green h2.filmLibrary {
	background: url(../images/bg-squiggle-green.png) no-repeat left top;
}
#wrapper.green h2.teacher_plan { /*jasia added jan 2011*/
 	background: url(../images/bg-squiggle-green02.png) no-repeat left top;
}
#wrapper.green h2.resourcesv4 { /*jasia added jan 2011*/
 	background: url(../images/bg-squiggle-green03.png) no-repeat left 10px;
}
#wrapper.green .colLeftDouble {
	background: url(../images/bg-smudge-green.png) no-repeat right top;
}
#wrapper.green .colRow .rating,
#wrapper.green .colRow .comments h3 {
	background: url(../images/bg-dashline-green.png) no-repeat left bottom;
}
#wrapper.green .colRowTp .tpContent {
	background: url(../images/bg-tp-green.png) no-repeat left top;
}
/*purple stains and splats*/
#wrapper.purple h1.smlHeader {
	background: url(../images/bg-smlheader-purple.png) no-repeat left top;
}
#wrapper.purple h1.lngHeader {
	background: url(../images/bg-longheader-purple.png) no-repeat left top;
}
#wrapper.purple h2.filmLibrary {
	background: url(../images/bg-squiggle-purple.png) no-repeat left top;
}
#wrapper.purple h2.teacher_plan { /*jasia added jan 2011*/
 	background: url(../images/bg-squiggle-purple02.png) no-repeat left top;
}
#wrapper.purple h2.resourcesv4 { /*jasia added jan 2011*/
 	background: url(../images/bg-squiggle-purple03.png) no-repeat left 10px;
}
#wrapper.purple .colLeftDouble {
	background: url(../images/bg-smudge-purple.png) no-repeat right top;
}
#wrapper.purple .colRow .rating,
#wrapper.purple .colRow .comments h3 {
	background: url(../images/bg-dashline-purple.png) no-repeat left bottom;
}
#wrapper.purple .colRowTp .tpContent {
	background: url(../images/bg-tp-purple.png) no-repeat left top;
}
/*yellow stains and splats*/
#wrapper.yellow h1.smlHeader {
	background: url(../images/bg-smlheader-yellow.png) no-repeat left top;
	color: #000 !important; /*this sets the text black to be legible against the yellow background*/
}
#wrapper.yellow h1.lngHeader {
	background: url(../images/bg-longheader-yellow.png) no-repeat left top;
	color: #000 !important; /*this sets the text black to be legible against the yellow background*/
}
#wrapper.yellow h2.filmLibrary {
	background: url(../images/bg-squiggle-yellow.png) no-repeat left top;
}
#wrapper.yellow h2.teacher_plan { /*jasia added jan 2011*/
 	background: url(../images/bg-squiggle-yellow02.png) no-repeat left top;
}
#wrapper.yellow h2.resourcesv4 { /*jasia added jan 2011*/
 	background: url(../images/bg-squiggle-yellow03.png) no-repeat left 10px;
}
#wrapper.yellow .colLeftDouble {
	background: url(../images/bg-smudge-yellow.png) no-repeat right top;
}
#wrapper.yellow .colRow .rating,
#wrapper.yellow .colRow .comments h3 {
	background: url(../images/bg-dashline-yellow.png) no-repeat left bottom;
}
#wrapper.yellow .colRowTp .tpContent {
	background: url(../images/bg-tp-yellow.png) no-repeat left top;
}
/*drkblue stains and splats*/
#wrapper.drkblue h1.smlHeader {
	background: url(../images/bg-smlheader-drkblue.png) no-repeat left top;
}
#wrapper.drkblue h1.lngHeader {
	background: url(../images/bg-longheader-drkblue.png) no-repeat left top;
}
#wrapper.drkblue h2.filmLibrary {
	background: url(../images/bg-squiggle-drkblue.png) no-repeat left top;
}
#wrapper.drkblue h2.teacher_plan { /*jasia added jan 2011*/
 	background: url(../images/bg-squiggle-drkblue02.png) no-repeat left top;
}
#wrapper.drkblue h2.resourcesv4 { /*jasia added jan 2011*/
 	background: url(../images/bg-squiggle-drkblue03.png) no-repeat left 10px;
}
#wrapper.drkblue .colLeftDouble {
	background: url(../images/bg-smudge-drkblue.png) no-repeat right top;
}
#wrapper.drkblue .colRow .rating,
#wrapper.drkblue .colRow .comments h3 {
	background: url(../images/bg-dashline-drkblue.png) no-repeat left bottom;
}
#wrapper.drkblue .colRowTp .tpContent {
	background: url(../images/bg-tp-drkblue.png) no-repeat left top;
}
/*lgtblue stains and splats*/
#wrapper.lgtblue h1.smlHeader {
	background: url(../images/bg-smlheader-lgtblue.png) no-repeat left top;
}
#wrapper.lgtblue h1.lngHeader {
	background: url(../images/bg-longheader-lgtblue.png) no-repeat left top;
}
#wrapper.lgtblue h2.filmLibrary {
	background: url(../images/bg-squiggle-lgtblue.png) no-repeat left top;
}
#wrapper.lgtblue h2.teacher_plan { /*jasia added jan 2011*/
 	background: url(../images/bg-squiggle-lgtblue02.png) no-repeat left top;
}
#wrapper.lgtblue h2.resourcesv4 { /*jasia added jan 2011*/
 	background: url(../images/bg-squiggle-lgtblue03.png) no-repeat left 10px;
}
#wrapper.lgtblue .colLeftDouble {
	background: url(../images/bg-smudge-lgtblue.png) no-repeat right top;
}
#wrapper.lgtblue .colRow .rating,
#wrapper.lgtblue .colRow .comments h3 {
	background: url(../images/bg-dashline-lgtblue.png) no-repeat left bottom;
}
#wrapper.lgtblue .colRowTp .tpContent {
	background: url(../images/bg-tp-lgtblue.png) no-repeat left top;
}
/*orange stains and splats*/
#wrapper.orange h1.smlHeader {
	background: url(../images/bg-smlheader-orange.png) no-repeat left top;
}
#wrapper.orange h1.lngHeader {
	background: url(../images/bg-longheader-orange.png) no-repeat left top;
}
#wrapper.orange h2.filmLibrary {
	background: url(../images/bg-squiggle-orange.png) no-repeat left top;
}
#wrapper.orange h2.teacher_plan { /*jasia added jan 2011*/
 	background: url(../images/bg-squiggle-orange02.png) no-repeat left top;
}
#wrapper.orange h2.resourcesv4 { /*jasia added jan 2011*/
 	background: url(../images/bg-squiggle-orange03.png) no-repeat left 10px;
}
#wrapper.orange .colLeftDouble {
	background: url(../images/bg-smudge-orange.png) no-repeat right top;
}
#wrapper.orange .colRow .rating,
#wrapper.orange .colRow .comments h3 {
	background: url(../images/bg-dashline-orange.png) no-repeat left bottom;
}
#wrapper.orange .colRowTp .tpContent {
	background: url(../images/bg-tp-orange.png) no-repeat left top;
}
/*colourway headers on "About us" page*/
/* resources page ratings text */
/* resources page comments UI h3 */
/* resources page keystage checkbox labels */
/* secondary resource h4 */
/* comments thank you */
#wrapper.red #main #content .colRow .colAboutus h2,
#wrapper.red #main #content .colRow .rating p.ratings,
#wrapper.red #main #content .colRow .comments h3,
#wrapper.red #main #content .colRow .comments fieldset#keyStage label,
#wrapper.red #main #content .colRowTp .docsWrapper .docsInfo h4,
#wrapper.red #main #content .colRow .comments .thankYou {
	color: #ec1c24;
}
#wrapper.green #main #content .colRow .colAboutus h2,
#wrapper.green #main #content .colRow .rating p.ratings,
#wrapper.green #main #content .colRow .comments h3,
#wrapper.green #main #content .colRow .comments fieldset#keyStage label,
#wrapper.green #main #content .colRowTp .docsWrapper .docsInfo h4,
#wrapper.green #main #content .colRow .comments .thankYou {
	color: #34b44a;
}
#wrapper.purple #main #content .colRow .colAboutus h2,
#wrapper.purple #main #content .colRow .rating p.ratings,
#wrapper.purple #main #content .colRow .comments h3,
#wrapper.purple #main #content .colRow .comments fieldset#keyStage label,
#wrapper.purple #main #content .colRowTp .docsWrapper .docsInfo h4,
#wrapper.purple #main #content .colRow .comments .thankYou {
	color: #bc4497;
}
#wrapper.yellow #main #content .colRow .colAboutus h2,
#wrapper.yellow #main #content .colRow .rating p.ratings,
#wrapper.yellow #main #content .colRow .comments h3,
#wrapper.yellow #main #content .colRow .comments fieldset#keyStage label,
#wrapper.yellow #main #content .colRowTp .docsWrapper .docsInfo h4,
#wrapper.yellow #main #content .colRow .comments .thankYou {
	color: #c9b219;
}
#wrapper.drkblue #main #content .colRow .colAboutus h2,
#wrapper.drkblue #main #content .colRow .rating p.ratings,
#wrapper.drkblue #main #content .colRow .comments h3,
#wrapper.drkblue #main #content .colRow .comments fieldset#keyStage label,
#wrapper.drkblue #main #content .colRowTp .docsWrapper .docsInfo h4,
#wrapper.drkblue #main #content .colRow .comments .thankYou {
	color: #3853a4;
}
#wrapper.lgtblue #main #content .colRow .colAboutus h2,
#wrapper.lgtblue #main #content .colRow .rating p.ratings,
#wrapper.lgtblue #main #content .colRow .comments h3,
#wrapper.lgtblue #main #content .colRow .comments fieldset#keyStage label,
#wrapper.lgtblue #main #content .colRowTp .docsWrapper .docsInfo h4,
#wrapper.lgtblue #main #content .colRow .comments .thankYou {
	color: #2a8cc4;
}
#wrapper.orange #main #content .colRow .colAboutus h2,
#wrapper.orange #main #content .colRow .rating p.ratings,
#wrapper.orange #main #content .colRow .comments h3,
#wrapper.orange #main #content .colRow .comments fieldset#keyStage label,
#wrapper.orange #main #content .colRowTp .docsWrapper .docsInfo h4,
#wrapper.orange #main #content .colRow .comments .thankYou {
	color: #d97b00;
}

/*Êresources textBox border */
#wrapper.red #main #content .colRow .comments fieldset.textField input 
{ border-color: #ec1c24; }
#wrapper.green #main #content .colRow .comments fieldset.textField input 
{ border-color: #34b44a; }
#wrapper.purple #main #content .colRow .comments fieldset.textField input 
{ border-color: #bc4497; }
#wrapper.yellow #main #content .colRow .comments fieldset.textField input 
{ border-color: #f6f024; }
#wrapper.drkblue #main #content .colRow .comments fieldset.textField input 
{ border-color: #3853a4; }
#wrapper.lgtblue #main #content .colRow .comments fieldset.textField input 
{ border-color: #7fd2e9; }
#wrapper.orange #main #content .colRow .comments fieldset.textField input 
{ border-color: #ffab1c; }

/* resources header */
#wrapper.red #main #content .colRow .resources 
{ background-image: url(../images/bg-resources-red.png); }
#wrapper.green #main #content .colRow .resources 
{ background-image: url(../images/bg-resources-green.png); }
#wrapper.yellow #main #content .colRow .resources 
{ background-image: url(../images/bg-resources-yellow.png); }
#wrapper.drkblue #main #content .colRow .resources 
{ background-image: url(../images/bg-resources-drkblue.png); }
#wrapper.lgtblue #main #content .colRow .resources 
{ background-image: url(../images/bg-resources-lgtblue.png); }
#wrapper.orange #main #content .colRow .resources 
{ background-image: url(../images/bg-resources-orange.png); }

/* comments textarea */
#wrapper.red #main #content .colRow .comments fieldset.commentBox 
{ background-image: url(../images/bg-comments-red.png); }
#wrapper.green #main #content .colRow .comments fieldset.commentBox 
{ background-image: url(../images/bg-comments-green.png); }
#wrapper.yellow #main #content .colRow .comments fieldset.commentBox 
{ background-image: url(../images/bg-comments-yellow.png); }
#wrapper.drkblue #main #content .colRow .comments fieldset.commentBox 
{ background-image: url(../images/bg-comments-drkblue.png); }
#wrapper.lgtblue #main #content .colRow .comments fieldset.commentBox 
{ background-image: url(../images/bg-comments-lgtblue.png); }
#wrapper.orange #main #content .colRow .comments fieldset.commentBox 
{ background-image: url(../images/bg-comments-orange.png); }

/* video player splat */
#wrapper.red #main #content .colRow .colAll 
{ background: url(../images/bg-video-red.png) no-repeat center bottom; }
#wrapper.green #main #content .colRow .colAll 
{ background: url(../images/bg-video-green.png) no-repeat center bottom; }
#wrapper.yellow #main #content .colRow .colAll 
{ background: url(../images/bg-video-yellow.png) no-repeat center bottom; }
#wrapper.drkblue #main #content .colRow .colAll 
{ background: url(../images/bg-video-drkblue.png) no-repeat center bottom; }
#wrapper.lgtblue #main #content .colRow .colAll 
{ background: url(../images/bg-video-lgtblue.png) no-repeat center bottom; }
#wrapper.orange #main #content .colRow .colAll 
{ background: url(../images/bg-video-orange.png) no-repeat center bottom; }

#wrapper.red #main #content .colRow .rating p a.plus:hover 
{ background-image: url(../images/button-plus-on-red.png); }
#wrapper.green #main #content .colRow .rating p a.plus:hover 
{ background-image: url(../images/button-plus-on-green.png); }
#wrapper.yellow #main #content .colRow .rating p a.plus:hover 
{ background-image: url(../images/button-plus-on-yellow.png); }
#wrapper.drkblue #main #content .colRow .rating p a.plus:hover 
{ background-image: url(../images/button-plus-on-drkblue.png); }
#wrapper.lgtblue #main #content .colRow .rating p a.plus:hover 
{ background-image: url(../images/button-plus-on-lgtblue.png); }
#wrapper.orange #main #content .colRow .rating p a.plus:hover 
{ background-image: url(../images/button-plus-on-orange.png); }

/*colourway large quote mark on "About us" page*/
#wrapper.red #main #content .colRow .colAboutusRight blockquote {
	background: url(../images/bg-pullquote-large-red.png) no-repeat 0px 5px;
	color: #ec1c24;
}
#wrapper.green #main #content .colRow .colAboutusRight blockquote {
	background: url(../images/bg-pullquote-large-green.png) no-repeat 0px 5px;
	color: #34b44a;
}
#wrapper.purple #main #content .colRow .colAboutusRight blockquote {
	background: url(../images/bg-pullquote-large-purple.png) no-repeat 0px 5px;
	color: #bc4497;
}
#wrapper.yellow #main #content .colRow .colAboutusRight blockquote {
	background: url(../images/bg-pullquote-large-yellow.png) no-repeat 0px 5px;
	color: #f6f024;
}
#wrapper.drkblue #main #content .colRow .colAboutusRight blockquote {
	background: url(../images/bg-pullquote-large-drkblue.png) no-repeat 0px 5px;
	color: #3853a4;
}
#wrapper.lgtblue #main #content .colRow .colAboutusRight blockquote {
	background: url(../images/bg-pullquote-large-lgtblue.png) no-repeat 0px 5px;
	color: #7fd2e9;
}
#wrapper.orange #main #content .colRow .colAboutusRight blockquote {
	background: url(../images/bg-pullquote-large-orange.png) no-repeat 0px 5px;
	color: #ffab1c;
}
/*colourway small quote marks on "About us" page*/
#wrapper.red .colRow .colAboutus blockquote {
	background: url(../images/bg-pullquote-red.png) no-repeat 0px 5px;
}
#wrapper.green .colRow .colAboutus blockquote {
	background: url(../images/bg-pullquote-green.png) no-repeat 0px 5px;
}
#wrapper.purple .colRow .colAboutus blockquote {
	background: url(../images/bg-pullquote-purple.png) no-repeat 0px 5px;
}
#wrapper.yellow .colRow .colAboutus blockquote {
	background: url(../images/bg-pullquote-yellow.png) no-repeat 0px 5px;
}
#wrapper.drkblue .colRow .colAboutus blockquote {
	background: url(../images/bg-pullquote-drkblue.png) no-repeat 0px 5px;
}
#wrapper.lgtblue .colRow .colAboutus blockquote {
	background: url(../images/bg-pullquote-lgtblue.png) no-repeat 0px 5px;
}
#wrapper.orange .colRow .colAboutus blockquote {
	background: url(../images/bg-pullquote-orange.png) no-repeat 0px 5px;
}
/*bullet points on unordered lists*/
#wrapper.red #main #content .colRow .colAboutus li {
	background: url(../images/bullet-red.png) no-repeat 0px 6px;
}
#wrapper.green #main #content .colRow .colAboutus li {
	background: url(../images/bullet-green.png) no-repeat 0px 6px;
}
#wrapper.yellow #main #content .colRow .colAboutus li {
	background: url(../images/bullet-yellow.png) no-repeat 0px 6px;
}
#wrapper.purple #main #content .colRow .colAboutus li {
	background: url(../images/bullet-purple.png) no-repeat 0px 6px;
}
#wrapper.drkblue #main #content .colRow .colAboutus li {
	background: url(../images/bullet-drkblue.png) no-repeat 0px 6px;
}
#wrapper.lgtblue #main #content .colRow .colAboutus li {
	background: url(../images/bullet-lgtblue.png) no-repeat 0px 6px;
}
#wrapper.orange #main #content .colRow .colAboutus li {
	background: url(../images/bullet-orange.png) no-repeat 0px 6px;
}