/*
This style sheet is used for the main content elements.

<!--- ---------------------------------------------------------------------
'Sites Style Sheet              CompuCraft Software Solutions (c) 1999-2009
'Date --- Init Reason------------------------------------------------------
'29/07/08 DB restarted for ComWeb 4.4
'31/07/08 DB corrected case from querytitle to QueryTitle 
'18/09/08 DB removed the comma from form table tr td textarea,
'18/09/08 DB added new alignment styles for table td contents: center and right
'23/10/08 DB added margin-top of zero to Banner1 through Banner5
'11/11/08 DB added new portlet builder styles
'20/11/08 DB extended noTableStyle to include th and th.Qheader
'20/11/08 DB removed #LatestNews background color as it overrode color set in portlet #LatestNews
'27/11/08 DB added hr styling
'27/11/08 DB increased space beneath sections from 10px to 20px
'03/12/08 DB removed css filters and added to ie.css
'29/01/09 DB added paragraph clearing to stack paragraphs vertically, preventing correctly protruding images in adjacent paragraphs from staggering horizontally against each other.
'11/02/09 DB added code to ensure that specific dates within tables do not wrap
'25/02/09 DB revised paragraph stacking to target only within sections, see 'section p'
'13/05/09 DB added table centering by default (which also voids the margin-left:1px fix for Firefox display bug)
'13/05/09 DB made tables left align by default, by using left margin of 0.
'14/05/09 DB added padding to top of #content .icon and #content .newWindow
'23/07/09 DB uploaded to production
'29/07/09 DB added class and styling for 'noBackground' to remove background color, image and padding
'29/07/09 DB increased specificity when targetting h2 heading styles that differ to the body class, eg. body.emboss.teal was overriding the body.emboss .section.olive h2. Prepending html to the selector increases specificity.
'29/07/09 DB added code for leftFeature lighter for default (brown) and teal
'29/07/09 DB duplicated teal category publications code and modified for blue category publications code
'29/07/09 DB enabled a default brown page to have a blue left and/or rightFeature (with blue header, blue bgd, light blue ‘lighter’).
'29/07/09 DB added ability to have notLighter alternating with lighter, to enable similar visual style (eg. spacing and alignment), without making it the default.
'29/07/09 DB removed the specificity of targetting table elements within sections, so that they would also work in left and right Features
'30/07/09 DB enabled all colour groups to display publications galleries and alternating background elements
'30/07/09 DB removed links from underlines from anchors and visited anchors
'05/08/09 DB removed theme editor comments from standard h2 and h3
'06/08/09 DB enabled multiple coloured headings and backgrounds on sections and left-and-right features (Known IE6 problem: if using emboss_foo in the menu style the multicolours within mainContent do not always work).
'07/08/09 DB added misc fixes, publications bgd colours, increased h2 line heights, 
'09/09/09 RM Added Browser fixes form DB
'---------------------------------------------------------------------- --->

note: comments starting with cw- are used by the ComWeb Style Sheet Theme (colour) Editor.
Where more than one such comment is on consecutive lines, this is for backwards compatibility.
The first of these such lines is the latest label for the Style sheet editor to display and
the latter entries are older or Redundant labels.
*/

/* COLOURS 

brown
837248

olive
8F8A50

teal
508F80

rhubarb
8C4E70

indianRed
8C514E

blue
294D64

goldenRod
D2A344

*/

/*assume all sections to be part of #mainContent*/

acronym {
/* cw-Acronym underline color */
	border-bottom-color: #000000;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

img { 
/* cw-Image Border */
	border-color: #837248;
}

/* paragraph clearing to stack paragraphs vertically, preventing correctly protruding images in adjacent paragraphs from staggering horizontally against each other */
.section p {
    clear:both;
}

#content ul {/*for left and right content*/
	list-style-position: outside;
	margin: 1em 1.2em;/*1.2em left will make flush left*/
}

#content .section ul {/*for section content only, NOT left and right content*/
	list-style-position: outside;
	margin: 1em 3.2em 1.6em;/*1.2em left will make flush left*/
}

#content .section ul li p {
	margin-top: 1.6em;
}

#content ol {/*for left and right content*/
	list-style-position: outside;
	margin: 1em 1em 1em 3.5em;/*extra wide margin-left to prevent numbered lists of 2-and-3 digits from being cut off, 3.5em will make flush left*/
}

#content .section ol {/*for section content only, NOT left and right content*/
	list-style-position: outside;
	margin: 1em 1em 1em 5.5em;/*extra wide margin-left to prevent numbered lists of 2-and-3 digits from being cut off, 3.5em will make flush left*/
}

input.btn {
	background-color: #FFFFFF;
	background-image: url(../../theme/grey_grad.gif);
}

.section {
	margin-bottom: 10px;
	padding-bottom: 10px;
 /*For IE6, preventing the IE peekaboo bug, see http://www.positioniseverything.net/explorer/peekaboo.html*/
	position:relative;/*invoking 'hasLayout' correctly positions the backToTop button */
/*end prevent IE peekaboo bug*/
/* cw-Section Background  */
	background: transparent;
/* Assist with clearing floated images within sections. Also prevents section from underlapping of the newsTicker and rightFeatures. IE6 does not need any of this. This is fortunate, as it would conflict with the fix for the IE6 float drop italic bug, which uses _overflow: visible */
	overflow: hidden;/*auto worked, hidden worked better in Firefox. eg. section divider line was being cut off the section which rounded the right column */
}

.section p.infolist {
	text-indent:5%;
	font-family:Arial,sans-serif;
}

.section p.draft {
	color:#333333;
}

.section p.indent {
	margin-left:40px;
	margin-right:60px;
}

.section h2 {
	color:#837248;
}

.section h3 {
	font-weight: bold;
	color: #837248;
	line-height: 1em;
}

.section h3.querytitle,
.section h3.QueryTitle {
	text-align:center;
	color:#837248;
}

.section .title {
	font-size: 1.4em;
	font-weight:bold;
	text-align:Center;
	color:#000000;
}

/* Used for top table in Search Screen */
table.search {
/* cw-Search Table Background */
	background-color:#F6ECE2;
}

table.SearchMain {
/* cw-Search Table Background */
	background-color:#F6ECE2;
}

td {
	vertical-align:top;
}

th {
	font-weight: bold;
	padding: 0 5px;
/* cw-Body Text */
	color:#000000;
	vertical-align:top;
	text-align: left;
}

td.numlist {
	font-weight:bold;
}

tr.small {
	font-size:.8em;
/* cw-Small Text */
	color:#005DAA;
}

tr.smallnavy {
	font-size:.8em;
	line-height:1em;
	font-family:Arial,sans-serif;
	color:#000080;
}

td.TitleText {
	font-size:1.2em;
	font-weight:bold;
/* cw-Table Header Text */
	color:#FFFFFF;
}

ul.titleText li {
	line-height:1em;
}

tr {
	font-size: 1em;
}

tr.QHeader {
	font-weight:800;
/* cw-Table Header Text */
	color:#FFFFFF;
/* cw-Table Header Background */
	background-color:#174BB9;
	text-align:center;
}

th,
th.QHeader {
	font-weight:800;
/* cw-Table Header Text */
	color:#FFFFFF;
/* cw-Table Header Background */
	background-color:#A2906E;
	padding-left: 5px;
	text-align:center;
}

tr.QRow1 {
/* cw-Row 1 Background */
	background-color:#D1C9B7;
/* cw-Row 1 Text  */
	color: #000000;
}

tr.QRow2 {
/* cw-Row 2 Background */
	background-color:#E7E3DA;
/* cw-Row 2 Text  */
	color: #000000;
}

td.QHeader {
	font-weight:800;
/* cw-Table Header Text  */
	color:#FFFFFF;
/* cw-Table Header Background */
	background-color:#A2906E;
	text-align:center;
}

td.Trim {
	height:2px;
/* cw-Table Header Trim */
	background-color:#FF0000;
}

/* TD.QRow1 used for individual cells on Search Screen. Same as TR.QRow1 */
td.QRow1 {
/* cw-Table Row 1 Background */
	background-color:#D1C9B7;
/* cw-Table Row 1 Text */
	color:#000000;
}

td.QRow2 {
/* cw-Table Row 2 Background */
	background-color:#E7E3DA;
/* cw-Table Row 2 Text */
	color:#000000;
}

td.wsbheader1 {
	font-size:1em;
	font-family:Arial,sans-serif;
	font-weight:800;
/* cw-WSB Title */
	color:#000000;
	text-align:center;
}

td.wsbheader2 {
	font-size:1.2em;
	font-family:Arial,sans-serif;
	font-weight:800;
/* cw-Table Header Text */
	color:#FFFFFF;
	text-align:center;
}

table.wsb {
/* cw-WSB Table Borders */
	border-color:#174BB9;
}

td.caption {
	font-weight:bold;
	text-align:center;
/* cw-Image Caption Text */
	color: #000080;
}

.edited {
	background-color:#FFFF00;
}

.otheredited {
	background-color:#FFCC33;
}

.submitted {
	background-color:#99FF99;
}

.accepted {
	background-color:#99CCFF;
}

.rejected {
	background-color:#FFCCCC;
}

.remove {
	background-color:#C0C0C0;
}

/*This is the section header - it is also the targetted anchor for TOC*/
a.h2,
td.h2,
h2 a,
h2 a:hover,
a.h3,
td.h3,
h3 a,
h3 a:hover {
/* cw-Section Heading Text */
	color: #837248;
	line-height: 1.2em;/* all caps preference is 1em, but too tight for upper and lower case, so 1.2 is a good compromise */
	background: transparent;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0 0 10px 0;
} 

.pageTop {
	position: absolute;
	right: 0px;
	top: 10px;
}

.pageTop img {
	float: right;
	border: none !important;
}

/*Site map link styles*/
.section a.SiteMapURL,
a.SiteMapURL {
/*no longer required due to overriding general anchor ruling*/
}

/* Used for the site map titles that are not links*/
.section a.SiteMapNoURL,
a.SiteMapNoURL {
/* cw-Site Map Links with No URL */
	color:#666666;
	text-decoration:none;
}

.section a.SiteMapURL:visited {
/* cw-Body Text */
	color: #000000;
}

.section a.h3:visited {
/* cw-Body Text */
	color: #000000;
}

a.HeirLinks,
a.SiteLinks {
/* cw-Heirarchy Link Text */
	color:#FFFFFF;
	text-decoration:none;
	font-variant: small-caps;
	font-weight: bold;
}

td.HeirLinks {
	font-size:x-small;
	font-variant:small-caps;
/* cw-Heirarchy Inactive Link or Text  */
	color:#333333;
	padding-bottom:1px;
}

a.HeirLinks, a.HeirLinks:visited {
/* cw-Heirarchy Link Text */
	color:#FFFFFF;
	font-size:x-small;
	font-variant:small-caps;
	text-decoration:none;
}

a.HeirLinks:hover {
/* cw-Heirarchy Link Hover Text */
	color:#0000FF;
	font-size:x-small;
	font-variant:small-caps;
	text-decoration:underline;
}

p.SectionTOC {
	text-align:right;
}

caption {
	font-size:.9em;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-weight:bold;
}

a.AliasNotSet, a.AliasNotSet:visited {
	color: #333333;
}

a.AliasNotSet:hover {
	color:#FF0000;
	text-decoration:underline;
}

/* Non IE 'float drop' fix. For sections containing oversized inline content, force a horizontal scrollbar. This affects sections in main content and features in left and right content, and by targetting with low specificity it does not affect the news ticker, thus preserving it's required vertical scrollbar */
/* Non IE clipping, this fix also prevents the horizontal clipping of overflow:hidden, by forcing the horizontal scrollbar*/
.section,
.leftFeature,
.rightFeature {
    overflow:auto;/*for Firefox (not currently supportive of the CSS3 overflow-x and overflow-y), will achieve the effect of invoking the horizontal scrollbar only, since the vertical height will not be constrained.*/
 }

/*============================================================================
GENERIC TABLE RULES - WILL BE OVERRIDDEN BY MORE SPECIFIC CLASSES
============================================================================*/

table {
	font-size: inherit;/*for FireFox only*/
/* cw-Table border */
	border-color: #FFF;
	border-width: 2px!important;
	border-collapse: collapse;/*enables single-width borders between table cells */
/* cw-Table background colour */
	background: #FFFFFF;
/* cw-Table text */
	color: #000000;
	margin: 10px 0!important;/* effectively align left by default */
}

table.tdPad td,
table.padding td {
	padding: 5px;
}

table table {
	margin-bottom: 0;
}

#leftContent table {
/* cw-Left Content Table Background */
	background: #FFFFFF;
}

#leftContent #leftFeature table {
/* cw-Left Feature Table Background */
	background: #FFFFFF;
}

#rightContent table {
/* cw-Right Content Table Background */
	background: #FFFFFF;
}

#rightContent .rightFeature table {
/* cw-Right Feature Table Background */
	background: #FFFFFF;
}

table td {
	padding: 0 5px;
/* cw-Table border */
	border-color: #FFF;
	border-left-width: 0px;	
	border-right-width: 0px;
	/*the border weight overrides that already set in the markup,*/
}

table td.center {
	text-align: center;
}

table td.right {
	text-align:right;
}

td {
	vertical-align: top;
}

td p {
	vertical-align: top;
	padding:0;
	margin: 0;
}

td.surveyHeading {
	font-weight: bold;
	margin-bottom: 1em;
	height: 30px;
}

table th {
	padding: 5px;
/* cw-Table th background colour */
	background-color: #FFFFFF;
/* cw-Table th text colour */
	color: #000000;
/* cw-Table border */
	border-color: #FFF;
	border-left-width: 0px;	
	border-right-width: 0px;
}

form {
	margin:0;
	padding:0;
	}

form table tr td input,
form table tr td select,
form table tr td textarea {
	margin: 2px 5px;
	font-family: arial;/*textarea does not inherit, so has to be set explicitly*/
}

/* rule for browsers with CSS2 support*/
form table tr td input[type=submit] {
	margin: 5px;
}

form table tr td input.btn {
	margin: 10px 0 5px;
}

table img {
	border:none;
}

table.borderless {
	border: 0 none!important;
}

/* replace the deprecated markup of border='1' */
table.border,
table.border td,
table.border th {
    border-style: solid;
    border-collapse: collapse;
    border-width: 1px;
}


/*============================================================================
BANNERS
============================================================================*/

#Banner1,
.Banner1 {
/* cw-Banner 1 Text */
	color: #000000;
	font-weight: bold;
/* cw-Banner 1 Background */
	background-color: #E7E3DA;
	border-width: 2px;
	border-style: solid;
/* cw-Banner 1 Border */
	border-color: #837248;
	padding: 10px;
	font-size: 1.0em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
	margin-top: 0;
}

#Banner2,
.Banner2 {
/* cw-Banner 2 Text */
	color: #240A0B;
	font-weight: bold;
	font-family: "Trebuchet MS", sans-serif;
/* cw-Banner 2 Background */
	background-color: #FFFFFF;
	border-width: 6px;
	border-style: double;
/* cw-Banner 2 Border */
	border-color: #837248;
	padding: 10px;
	font-size: 1.5em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
	margin-top: 0;
}

#Banner3,
.Banner3 {
/* cw-Banner 3 Text */
	color: #240A0B;
	font-weight: bold;
	font-family: cursive, serif;
/* cw-Banner 3 Background */
	background-color: #D1C9B7;
	border-width: 4px;
	border-style: ridge;
/* cw-Banner 3 Border */
	border-color: #837248;
	padding: 10px;
	font-size: 1.5em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
	margin-top: 0;
}

#Banner4,
.Banner4 {
/* cw-Banner 4 Text */
	color: #FFF;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
/* cw-Banner 4 Background */
	background: transparent
	url(bg_banner4.jpg) left center;
/*	border-left-width: 10px;
	border-left-style: double;
/* cw-Banner 4 Border Left 
	border-left-color: #837248;
	border-right-width: 10px;
	border-right-style: double;*/
/* cw-Banner 4 Border Right 
	border-right-color: #837248;*/
	padding: 10px;
	font-size: 1.2em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
	margin-top: 0;
}

#Banner5,
.Banner5 {
/* cw-Banner 5 Text */
	color: #EAF2FF;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
/* cw-Banner 5 Background */
	background: transparent
	url(bg_banner5.jpg) left center;
	border-width: 1px;
	border-style: solid;
/* cw-Banner 5 Border */
	border-color: #000000;
	padding: 10px;
	font-size: 1.2em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
	margin-top: 0;
}

#content .icon,
#content .newWindow {
	padding: 1px 5px 0 0;
	border: 0 none!important;
	vertical-align : middle;
}

p.error {
	font-weight: bold;
	color: #FF0000;
	padding: 10px;
	border: 2px solid #FF0000;
}

.pageNameLong {
	padding-top: 0px;
/* cw-Page Name */
	color: #837248;
	text-transform: uppercase;
	padding-bottom: 5px;
	border-bottom: 2px solid #837248;
}

#leftMain .pageNameLong {
	margin-right: 0px;
}

#leftMainRight .pageNameLong {
	margin-left: 0px;
    margin-right: 0px;
}

#mainRight .pageNameLong {
	margin-right: 230px;
	_margin-right: 0px;
}

/*============================================================================
STEPS CONTAINER
============================================================================*/

/* 'steps' container
---------------------------------------------------- */
.indent.cwContainer {
    width: 99%;
    padding-top: 0px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.indent.cwContainer.outlined {
    border: 1px solid silver;
}

/* 'steps' container step
---------------------------------------------------- */
.indent div.cwNumber,
.indentMore div.cwNumber {
    float: left;
    display: inline;
    padding-bottom: 10px;
    margin-top: 0;
    padding-top: 3px;/*to assist alignment with content in cwInformation */
    margin-left: -100px;
}

.indent div.cwNumber {
    width: 100px;
}

.indentMore div.cwNumber {
    width: 150px;
}

.indent.cwContainer.outlined div.cwNumber {
    margin-left: -60px;
    background: #eeeeee;
    margin-top: 0;
    border-top: 5px solid silver;
}

.indent div.cwNumber h3 {
    margin: 0 10px 0 0;
}

.indent div.cwNumber p,
.indent div.cwNumber ul,
.indent div.cwNumber ol {
    margin: 0 10px;
}

.indent.cwContainer.outlined div.cwNumber h3 {
    margin: 10px;
    margin-bottom: 0;
}

/* 'steps' container main information
---------------------------------------------------- */
.indent .cwInformation,
.indentMore .cwInformation {
    margin-left: 100px;
    margin-right: 10px;
}

/* 'steps' container tables
---------------------------------------------------- */
.indent.cwContainer table {
    font-size: 1em;
    width: 100%;
    border-top: 1px solid #ddd;
}

.indent.cwContainer td {
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
}

.indent.cwContainer td.label {
    padding-right: 10px;
    width: 100px;
    font-weight: bold;
}

/* 'steps' container forms
---------------------------------------------------- */
.indent.cwContainer input {
    margin-bottom: 3px;
    margin-left: 3px;
}

.indent.cwContainer input.fullWidth {
    width: 100%;
}

.indent.cwContainer input.halfWidth {
    width: 50%;
    margin-right: 0;
}
 
/*============================================================================
Alphabetised Navigation Page/Meta Links
============================================================================*/

div.cwAlphaFilter {
	text-align:left;
	margin: 0 0 20px 0;
	width:95%;/* same width as the tables being created for the displayed entries*/
	padding:0 0 0 8px;
/* cw-Alphabetised Navigation Overall Strip Background */
	background-color: #174BB9;
	border-top: 3px solid #3980F4;
	border-bottom: 3px solid #3980F4;
	height: 1.7em;/*variable height aids accessibility*/
	line-height: 1.7em;/*vertically-center the single line of text*/
	height: 30px;
}

#content div.cwAlphaFilter ul {
	float: left;
	list-style-type: none;
/* Alphabetised Navigation Items Unordered List Background */
	background-color: transparent;
/* cw-Alphabetised Navigation Text */
	color : #FFFFFF;
	margin: 0;
	padding:0;
	width: auto;
	height: 30px;
}

#content div.cwAlphaFilter li {
	float: left;
	padding: 0;
	margin: 0px;
/* cw-Alphabetised Navigation Individual Menu Items Background */
	background-color: transparent;
	height: 30px;
}

div.cwAlphaFilter li.notUsed {
/* cw-Alphabetised Navigation Background Not Used */
	background-color: transparent;
	height: 30px;
	line-height: 30px;
	padding: 0 4px;
	color: #666666;
}

#content div.cwAlphaFilter a {/*all anchors*/
	padding: 0 7px;
	margin:0;
	height: 30px;
	line-height: 30px;
	float:left;
	display:block;
	text-decoration: none;
}

#content div.cwAlphaFilter li.used a:link, 
#content div.cwAlphaFilter li.used a:visited {
	font-weight : bolder;
/* cw-Alphabetised Navigation Menu Item Text Link */
	color: #FFFFFF;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
}

#content div.cwAlphaFilter li.used a:hover {
	font-weight : bolder;
/* cw-Alphabetised Navigation Menu Item Text Link Hover */
	color: #000000;
	text-decoration: none;
/* cw-Alphabetised Navigation Menu Item Text Link Hover Background */
	background-color: #CCCCCC;
}

#content div.cwAlphaFilter li.current a {
/* cw-Alphabetised Navigation Menu Current Item Background */
	background-color: #666666;
/* cw-Alphabetised Navigation Menu Current Item Text Link */
	color: #FFFFFF;
	text-decoration: none;
}

p.RSSTitle {
	margin-bottom : 0px;
}

.portlet .pageTop {
 	display:none;
}

div.portlet {
    margin: 0px;
    background-color:#FFFFFF;
    color:#000000;
    overflow: auto;
}

div#LatestNews {
    overflow: hidden;/* Prevent the oversized-content css rules from invoking scrollbars */
}

div.NOportlet h2 {
    color: #837248;
    font-weight: normal;
    padding: 3px 10px 3px 45px;
    height: 40px;
    background: url(icon_logo.jpg) 0 0 no-repeat;
    margin-top:-10px;
    margin-left: -10px;
    margin-right: -10px;
    vertical-align: middle;
    line-height: 30px;
}

/*Targetting the default banner style*/
p span {
	line-height: 1;
}
	
/* Hide all survey results */
body.hideSurveyResults td.surveyBars, 
body.hideSurveyResults td.surveyPercent, 
body.hideSurveyResults td.surveyVotes {
	display: none;
}

/* Hide only survey result bars */
body.hideSurveyBars td.surveyBars {
	display: none;
}

/* Hide only survey percent symbol */
body.hideSurveyPercent td.surveyPercent {
	display: none;
}

/* Hide only survey vote count */
body.hideSurveVotes td.surveyVotes {
	display: none;
}

/* Make screen table styles disappear */                                 
	
.noTableStyle tr.QHeader,
.noTableStyle td.Trim {
	display:none;
}

.noTableStyle table,
.noTableStyle tr.QRow1,
.noTableStyle tr.QRow2,
.noTableStyle td.QRow1, 
.noTableStyle td.QRow2 {
	background:transparent!important;
}

.noTableStyle table,
.noTableStyle table tr,
.noTableStyle table td {
	border: 0 none!important;
	padding:0;
}

.noTableStyle th,
.noTableStyle th.QHeader {
/* cw-noTableStyle Table Header Text */
	color:#000000;
/* cw-noTableStyle Table Header Background */
	background-color:#FFFFFF!important;
}

/*============================================================================
Non-Standard Sample Additions
============================================================================*/

hr {
    height: 1px;
    color: #837248;
    background-color: #837248;
    margin: 10px 0 20px 0;
    border: 0px solid #837248;
    clear: both;
}

/*ensure that specific dates within tables do not wrap*/
td.typeEnum135 {white-space: nowrap!important;}

/* RIGHT FEATURE TOC -------------------------------------------------------*/

.rightFeature #TOC {
    padding: 0!important;
    margin: 0!important;
    border: 1px solid white;
}

.rightFeature #TOCVertical {
	background: #FFF;
    padding:0!important;
    margin:0!important;
}

/* add background graphic and text treatments */
.rightFeature #TOCVerticalTitle {
    background: #534938 
    url(bg_headings_brown.gif) 0 0 repeat-x;
    color: #FFF!important;
    text-transform: uppercase;
    font-size: 1.25em;
    font-family: "Arial Narrow";
    font-weight: bold;
    padding: 5px;
    margin: 0 0 6px 0;
}

.rightFeature #TOCVertical ul {
	padding: 0!important;
	margin: 0!important;/*IE requires explicit margin on all levels of list*/
}

.rightFeature #TOCVertical ul li {
	margin: 0 0 1px 0;/*IE requires explicit margin on all levels of list. Margin on bottom caused a problem where the li would get larger than required */
	padding: 0!important;
	display: block;
	background: #D1C9B7;
}

.rightFeature #TOCVertical ul a {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 3px 5px;
	margin: 0!important;
}

.rightFeature #TOCVertical ul a:hover {
	text-decoration: underline;
	background-color: transparent;
}

/* variety of heading colours */

body.brown #rightContent #TOCVerticalTitle,
body.emboss_brown #rightContent #TOCVerticalTitle {
    background: #534938 
    url(bg_headings_brown.gif) 0 0 repeat-x;
}

body.olive #rightContent #TOCVerticalTitle,
body.emboss_olive #rightContent #TOCVerticalTitle {
    background: #8F8A50 
    url(bg_headings_olive.gif) 0 0 repeat-x;
}

body.teal #rightContent #TOCVerticalTitle,
body.emboss_teal #rightContent #TOCVerticalTitle {
    background: #508F80 
    url(bg_headings_teal.gif) 0 0 repeat-x;
}

body.rhubarb #rightContent #TOCVerticalTitle,
body.emboss_rhubarb #rightContent #TOCVerticalTitle {
    background: #8C4E70 
    url(bg_headings_rhubarb.gif) 0 0 repeat-x;
}

body.indianRed #rightContent #TOCVerticalTitle,
body.emboss_indianRed #rightContent #TOCVerticalTitle {
    background: #8C514E 
    url(bg_headings_indianRed.gif) 0 0 repeat-x;
}

body.blue #rightContent #TOCVerticalTitle,
body.emboss_blue #rightContent #TOCVerticalTitle {
    background: #294D64 
    url(bg_headings_blue.gif) 0 0 repeat-x;
}

body.goldenRod #rightContent #TOCVerticalTitle,
body.emboss_goldenRod #rightContent #TOCVerticalTitle {
    background: #D2A344 
    url(bg_headings_goldenRod.gif) 0 0 repeat-x;
}

/* HEADING AND BACKGROUND TREATMENTS ------------------------------------------*/

/* publications paragraph simulating a heading */

p.publication {
	font-size: 1.7em;
}

body.brown .section h2,
body.brown .section h2 a,
body.brown p.publication,
body.emboss_brown p.publication {
	color:#837248;
}

body.olive .section h2,
body.olive .section h2 a,
body.olive p.publication,
body.emboss_olive p.publication {
	color:#8F8A50;
}

body.teal .section h2,
body.teal .section h2 a,
body.teal p.publication,
body.emboss_teal p.publication {
	color:#508F80!important;
}

body.rhubarb .section h2,
body.rhubarb .section h2 a,
body.rhubarb p.publication,
body.emboss_rhubarb p.publication {
	color:#8C4E70;
}

body.indianRed .section h2,
body.indianRed .section h2 a,
body.indianRed p.publication,
body.emboss_indianRed p.publication {
	color:#8C514E;
}

body.blue .section h2,
body.blue .section h2 a,
body.blue p.publication,
body.emboss_blue p.publication {
	color:#294D64;
}

body.goldenRod .section h2,
body.goldenRod .section h2 a,
body.goldenRod p.publication,
body.emboss_goldenRod p.publication {
	color:#D2A344;
}

/* PUBLICATIONS TABLES - common code ------------------------------------------*/

div.publications table
{
    width: 100px;/*IE will expand to fit, as though min-width */
    min-width: 100px;/* non IE6 */
    padding: 10px!important;
    float: left;
    margin-right: 20px!important;
    margin-bottom: 20px!important;
}

/* EMBOSSED HEADINGS ------------------------------------------------------------------*/

/* DEFAULT (BROWN) ------------------------------------------*/

/* modify defaults by invoking embossed h2 and repositioning pageTop  */

body.emboss_brown .section h2 {
    background: #534938 
    url(bg_headings_brown.gif) 0 0 repeat-x;
    color: #FFF!important;
    text-transform: uppercase;
    font-size: 1.2em;
    font-family: "Arial Narrow";
}

/* override default section heading anchor */
body.emboss_brown .section h2 a {
    color: #FFF!important;
    padding: 6px 10px;
    font-weight: bold;
}

/* override default for position of pageTop graphic */
.pageTop {
	position: absolute;
	right: 6px;
	top: 12px;
}

/* override default for th backgrounds with an image */
th {
    background: #534938 
    url(bg_headings_brown.gif) 0 0 repeat-x;
    color: #FFF!important;
}

/* alternate light area, colour is overridden later */
.lighter {
	background: #E7E3DA;
	display: block;
	width: auto; /* need to set this to 100% for IE7 */
	margin-bottom: 10px;
	padding: 2px 5px;
}

/* alternate area between light areas */
.notLighter {
	padding: 2px 5px;
	width: auto!important;
}

/* table design surrounding publications gallery */
body.emboss_brown div.publications table,
body.brown div.publications table
{
    background: #D1C9B7;
}

/* spacing around publications gallery text */
body.emboss_brown div.publications table td,
body.brown div.publications table td
{
    padding: 15px!important;
}

/* colour the caption differently */
body.emboss_brown div.publications table td.caption,
body.brown div.publications table td.caption
{
    background: #534938;
    color: #FFF;
}

/* BROWN ---------------------------------------------------------*/

/* page name long treatment */
body.emboss_brown h1,
body.brown h1 {
    color: #534938!important;
    border-bottom-color: #534938!important;
}

/* section heading background and text treatment */
body.emboss_brown .section h2,
div.brown h2 {
    background: #534938 
    url(bg_headings_default.gif) 0 0 repeat-x;
    color: #FFF!important;
    text-transform: uppercase;
    font-size: 1.2em;/* needs to be duplicated for IE6, since the lack of support for chained selectors */
    font-family: "Arial Narrow";
}

/* override default section heading anchor */
/* IE7 and other compliant browsers recognise the chanined selector, IE6 does not */
body.emboss_brown .section h2 a,
div.brown h2 a {
    color: #FFF!important;
    padding: 6px 10px;
    font-weight: bold;
}

/* override default h3s */
body.emboss_brown h3 {
    color: #534938;
}

/* override the colour of the section divider line 
body.emboss_brown .section {
    border-bottom-color: #508F80!important;
}*/

/* override the treatments of leftFeature headings */
body.emboss_brown .leftFeature a.h2, body.brown .leftFeature a.h2,
body.emboss_brown .leftFeature td.h2, body.brown .leftFeature td.h2,
body.emboss_brown .leftFeature h2 a, body.brown .leftFeature h2 a,
body.emboss_brown .leftFeature h2 a:hover, body.brown .leftFeature h2 a:hover, 
body.emboss_brown .leftFeature a.h3, body.brown .leftFeature a.h3,
body.emboss_brown .leftFeature td.h3, body.brown .leftFeature td.h3,
body.emboss_brown .leftFeature h3 a, body.brown .leftFeature h3 a,
body.emboss_brown .leftFeature h3 a:hover, body.brown .leftFeature h3 a:hover {
    background: #534938
    url(bg_headings_default.gif) 0 0 repeat-x;
}

/* feature background */
body.emboss_brown .leftFeature, 
body.brown .leftFeature {
	background: #9f835d
	url(bg_feature_default.gif) top left repeat-x;
}

/* override the treatments of rightFeature headings */
body.emboss_brown .rightFeature a.h2, body.brown .rightFeature a.h2,
body.emboss_brown .rightFeature td.h2, body.brown .rightFeature td.h2,
body.emboss_brown .rightFeature h2 a, body.brown .rightFeature h2 a,
body.emboss_brown .rightFeature h2 a:hover, body.brown .rightFeature h2 a:hover,
body.emboss_brown .rightFeature a.h3, body.brown .rightFeature a.h3,
body.emboss_brown .rightFeature td.h3, body.brown .rightFeature td.h3,
body.emboss_brown .rightFeature h3 a, body.brown .rightFeature h3 a,
body.emboss_brown .rightFeature h3 a:hover, body.brown .rightFeature h3 a:hover {
    background: #534938
    url(bg_headings_default.gif) 0 0 repeat-x;
}

/* feature background */
body.emboss_brown .rightFeature, 
body.brown .rightFeature {
	background: #9f835d
	url(bg_feature_default.gif) top left repeat-x;
}

/* override the treatments of table heading data */
body.emboss_brown th {
    background: #534938 
    url(bg_headings_default.gif) 0 0 repeat-x;
    color: #FFF!important;
}

/* override first row colour in alternating table row colours */
body.emboss_brown td.QRow1,
body.emboss_brown tr.QRow1 {
	background-color: #D1C9B7;
}

/* override second row colour in alternating table row colours */
body.emboss_brown td.QRow2,
body.emboss_brown tr.QRow2 {
	background-color: #E7E3DA;
}

/* override Banner 1 treatments */
body.emboss_brown #Banner1,
body.emboss_brown .Banner1 {
	background-color: #D1C9B7;
	border-color: #534938;
}

/* override Banner 2 treatments */
body.emboss_brown #Banner2,
body.emboss_brown .Banner2 {
	border-color: #534938;
}

/* override Banner 3 treatments */
body.emboss_brown #Banner3,
body.emboss_brown .Banner3 {
	background-color: #D1C9B7;
	border-color: #534938;
}

/* assign background colour to TOC row */
.rightFeature #TOCVertical ul li.brown {
	background: #E0D7C4;
}

/* table design surrounding publications gallery */
body.brown div.publications table,
body.emboss_brown div.publications table
{
    background: #D1C9B7;
}

/* spacing around publications gallery text */
body.brown div.publications table td,
body.emboss_brown div.publications table td
{
    padding: 15px!important;
}

/* colour the caption differently */
body.brown div.publications table td.caption,
body.emboss_brown div.publications table td.caption
{
    background: #D1C9B7;
    color: #FFF;
}

/* lighter section areas, for areas of alternating colour */
html body.brown .lighter,
html body.emboss_brown .lighter
{
    background: #E7E3DA;
}

/* OLIVE ---------------------------------------------------------*/

/* page name long treatment */
body.emboss_olive h1,
body.olive h1 {
    color: #8F8A50!important;
    border-bottom-color: #8F8A50!important;
}

/* section heading background and text treatment */ 
body.emboss_olive .section h2,
div.olive h2 {
    background: #8F8A50 
    url(bg_headings_olive.gif) 0 0 repeat-x!important;
    color: #FFF!important;
    text-transform: uppercase;
    font-size: 1.2em;
    font-family: "Arial Narrow";
}

/* override default section heading anchor */
body.emboss_olive .section h2 a,
div.olive h2 a {
    color: #FFF!important;
    padding: 6px 10px;
    font-weight: bold;
}

/* override default h3s */
body.emboss_olive h3,
body.olive h3 {
    color: #8F8A50;
}

/* override the colour of the section divider line 
body.emboss.olive .section {
    border-bottom-color: #8F8A50!important;
}*/

/* override the treatments of leftFeature headings */
body.emboss_olive .leftFeature a.h2, body.olive .leftFeature a.h2,
body.emboss_olive .leftFeature td.h2, body.olive .leftFeature td.h2,
body.emboss_olive .leftFeature h2 a, body.olive .leftFeature h2 a,
body.emboss_olive .leftFeature h2 a:hover, body.olive .leftFeature h2 a:hover,
body.emboss_olive .leftFeature a.h3, body.olive .leftFeature a.h3,
body.emboss_olive .leftFeature td.h3, body.olive .leftFeature td.h3,
body.emboss_olive .leftFeature h3 a, body.olive .leftFeature h3 a,
body.emboss_olive .leftFeature h3 a:hover, body.olive .leftFeature h3 a:hover {
    background: #8F8A50
    url(bg_headings_olive.gif) 0 0 repeat-x;
}

/* feature background */
body.emboss_olive .leftFeature, 
body.olive .leftFeature {
	background: #9D975F
	url(bg_feature_olive.gif) top left repeat-x;
}

/* override the treatments of rightFeature headings */
body.emboss_olive .rightFeature a.h2, body.olive .rightFeature a.h2,
body.emboss_olive .rightFeature td.h2, body.olive .rightFeature td.h2,
body.emboss_olive .rightFeature h2 a, body.olive .rightFeature h2 a,
body.emboss_olive .rightFeature h2 a:hover, body.olive .rightFeature h2 a:hover,
body.emboss_olive .rightFeature a.h3, body.olive .rightFeature a.h3,
body.emboss_olive .rightFeature td.h3, body.olive .rightFeature td.h3,
body.emboss_olive .rightFeature h3 a, body.olive .rightFeature h3 a,
body.emboss_olive .rightFeature h3 a:hover, body.olive .rightFeature h3 a:hover {
    background: #8F8A50
    url(bg_headings_olive.gif) 0 0 repeat-x;
}

/* feature background */
body.emboss_olive .rightFeature,
body.olive .rightFeature {
	background: #9D975F
	url(bg_feature_olive.gif) top left repeat-x;
}

/* override the treatments of table heading data */
body.emboss_olive th,
body.olive th {
    background: #8F8A50 
    url(bg_headings_olive.gif) 0 0 repeat-x;
    color: #FFF!important;
}

/* override first row colour in alternating table row colours */
body.emboss_olive td.QRow1,
body.olive td.QRow1,
body.emboss_olive tr.QRow1,
body.olive tr.QRow1 {
	background-color: #E1E0D0;
}

/* override second row colour in alternating table row colours */
body.emboss_olive td.QRow2,
body.olive td.QRow2,
body.emboss_olive tr.QRow2 {
	background-color: #EFEEE6;
}

/* override Banner 1 treatments */
body.emboss_olive #Banner1,
body.olive #Banner1,
body.emboss_olive .Banner1,
body.olive .Banner1 {
	background-color: #E1E0D0;
	border-color: #8C874E;
}

/* override Banner 2 treatments */
body.emboss_olive #Banner2,
body.olive #Banner2,
body.emboss_olive .Banner2,
body.olive .Banner2 {
	border-color: #8C874E;
}

/* override Banner 3 treatments */
body.emboss_olive #Banner3,
body.olive #Banner3,
body.emboss_olive .Banner3,
body.olive .Banner3 {
	background-color: #E1E0D0;
	border-color: #8C874E;
}

/* assign background colour to TOC row */
.rightFeature #TOCVertical ul li.olive {
	background: #D0CEB8;
}

/* table design surrounding publications gallery */
body.olive div.publications table,
body.emboss_olive div.publications table
{
    background: #D0CEB8;
}

/* spacing around publications gallery text */
body.olive div.publications table td,
body.emboss_olive div.publications table td
{
    padding: 15px!important;
}

/* colour the caption differently */
body.olive div.publications table td.caption,
body.emboss_olive div.publications table td.caption
{
    background: #8F8A50;
    color: #FFF;
}

/* lighter section areas, for areas of alternating colour */
html body.olive .lighter,
html body.emboss_olive .lighter
{
    background: #EFEEE6;
}



/* TEAL ---------------------------------------------------------*/

/* page name long treatment */
body.emboss_teal h1,
body.teal h1 {
    color: #508F80!important;
    border-bottom-color: #508F80!important;
}

/* section heading background and text treatment */
body.emboss_teal .section h2,
div.teal h2 {
    background: #508F80 
    url(bg_headings_teal.gif) 0 0 repeat-x!important;
    color: #FFF!important;
    text-transform: uppercase;
    font-size: 1.2em;/* needs to be duplicated for IE6, since the lack of support for chained selectors */
    font-family: "Arial Narrow";
}

/* override default section heading anchor */
/* IE7 and other compliant browsers recognise the chanined selector, IE6 does not */
body.emboss_teal .section h2 a,
div.teal h2 a {
    color: #FFF!important;
    padding: 6px 10px;
    font-weight: bold;
}

/* override default h3s */
body.emboss_teal h3,
body.teal h3 {
    color: #508F80;
}

/* override the colour of the section divider line 
body.emboss_teal .section {
    border-bottom-color: #508F80!important;
}*/

/* override the treatments of leftFeature headings */
body.emboss_teal .leftFeature a.h2, body.teal .leftFeature a.h2,
body.emboss_teal .leftFeature td.h2, body.teal .leftFeature td.h2,
body.emboss_teal .leftFeature h2 a, body.teal .leftFeature h2 a,
body.emboss_teal .leftFeature h2 a:hover, body.teal .leftFeature h2 a:hover, 
body.emboss_teal .leftFeature a.h3, body.teal .leftFeature a.h3,
body.emboss_teal .leftFeature td.h3, body.teal .leftFeature td.h3,
body.emboss_teal .leftFeature h3 a, body.teal .leftFeature h3 a,
body.emboss_teal .leftFeature h3 a:hover, body.teal .leftFeature h3 a:hover {
    background: #508F80
    url(bg_headings_teal.gif) 0 0 repeat-x;
}

/* feature background */
body.emboss_teal .leftFeature, 
body.teal .leftFeature {
	background: #508F80
	url(bg_feature_teal.gif) top left repeat-x;
}

/* override the treatments of rightFeature headings */
body.emboss_teal .rightFeature a.h2, body.teal .rightFeature a.h2,
body.emboss_teal .rightFeature td.h2, body.teal .rightFeature td.h2,
body.emboss_teal .rightFeature h2 a, body.teal .rightFeature h2 a,
body.emboss_teal .rightFeature h2 a:hover, body.teal .rightFeature h2 a:hover,
body.emboss_teal .rightFeature a.h3, body.teal .rightFeature a.h3,
body.emboss_teal .rightFeature td.h3, body.teal .rightFeature td.h3,
body.emboss_teal .rightFeature h3 a, body.teal .rightFeature h3 a,
body.emboss_teal .rightFeature h3 a:hover, body.teal .rightFeature h3 a:hover {
    background: #508F80
    url(bg_headings_teal.gif) 0 0 repeat-x;
}

/* feature background */
body.emboss_teal .rightFeature, 
body.teal .rightFeature {
	background: #508F80
	url(bg_feature_teal.gif) top left repeat-x;
}

/* override the treatments of table heading data */
body.emboss_teal th,
body.teal th {
    background: #508F80 
    url(bg_headings_teal.gif) 0 0 repeat-x;
    color: #FFF!important;
}

/* override first row colour in alternating table row colours */
body.emboss_teal td.QRow1,
body.teal td.QRow1,
body.emboss_teal tr.QRow1,
body.teal tr.QRow1 {
	background-color: #CCDDD9;
}

/* override second row colour in alternating table row colours */
body.emboss_teal td.QRow2,
body.teal td.QRow2,
body.emboss_teal tr.QRow2,
body.teal tr.QRow2 {
	background-color: #E3EDEA;
}

/* override Banner 1 treatments */
body.emboss_teal #Banner1,
body.teal #Banner1,
body.emboss_teal .Banner1,
body.teal .Banner1 {
	background-color: #CCDDD9;
	border-color: #508F80;
}

/* override Banner 2 treatments */
body.emboss_teal #Banner2,
body.teal #Banner2,
body.emboss_teal .Banner2,
body.teal .Banner2 {
	border-color: #508F80;
}

/* override Banner 3 treatments */
body.emboss_teal #Banner3,
body.teal #Banner3,
body.emboss_teal .Banner3,
body.teal .Banner3 {
	background-color: #CCDDD9;
	border-color: #508F80;
}

/* assign background colour to TOC row */
.rightFeature #TOCVertical ul li.teal {
	background: #B8D0CA;
}

/* table design surrounding publications gallery */
body.emboss_teal div.publications table,
body.teal div.publications table
{
    background: #CCDDD9;
}

/* spacing around publications gallery text */
body.teal div.publications table td,
body.emboss_teal div.publications table td
{
    padding: 15px!important;
}

/* colour the caption differently */
body.teal div.publications table td.caption,
body.emboss_teal div.publications table td.caption
{
    background: #508F80;
    color: #FFF;
}

/* lighter section areas, for areas of alternating colour */
html body.emboss_teal .lighter,
html body.teal .lighter
{
    background: #E3EDEE;
}

/* RHUBARB ---------------------------------------------------------*/

/* page name long treatment */
body.emboss_rhubarb h1,
body.rhubarb h1 {
    color: #8C4E70!important;
    border-bottom-color: #8C4E70!important;
}

/* section heading background and text treatment */
body.emboss_rhubarb .section h2,
div.rhubarb h2 {
    background: #8C4E70 
    url(bg_headings_rhubarb.gif) 0 0 repeat-x!important;
    color: #FFF!important;
    text-transform: uppercase;
    font-size: 1.2em;
    font-family: "Arial Narrow";
}

/* override default section heading anchor */
body.emboss_rhubarb .section h2 a,
div.rhubarb h2 a {
    color: #FFF!important;
    padding: 6px 10px;
    font-weight: bold;
}

/* override default h3s */
body.emboss_rhubarb h3,
body.rhubarb h3 {
    color: #8C4E70;
}

/* override the colour of the section divider line 
body.emboss_rhubarb .section {
    border-bottom-color: #8C4E70!important;
}*/

/* override the treatments of leftFeature headings */
body.emboss_rhubarb .leftFeature a.h2, body.rhubarb .leftFeature a.h2,
body.emboss_rhubarb .leftFeature td.h2, body.rhubarb .leftFeature td.h2,
body.emboss_rhubarb .leftFeature h2 a, body.rhubarb .leftFeature h2 a,
body.emboss_rhubarb .leftFeature h2 a:hover, body.rhubarb .leftFeature h2 a:hover,
body.emboss_rhubarb .leftFeature a.h3, body.rhubarb .leftFeature a.h3,
body.emboss_rhubarb .leftFeature td.h3, body.rhubarb .leftFeature td.h3,
body.emboss_rhubarb .leftFeature h3 a, body.rhubarb .leftFeature h3 a,
body.emboss_rhubarb .leftFeature h3 a:hover, body.rhubarb .leftFeature h3 a:hover {
    background: #8C4E70
    url(bg_headings_rhubarb.gif) 0 0 repeat-x;
}

/* feature background */
body.emboss_rhubarb .leftFeature, 
body.rhubarb .leftFeature {
	background: #9D5F82
	url(bg_feature_rhubarb.gif) top left repeat-x;
}

/* override the treatments of rightFeature headings */
body.emboss_rhubarb .rightFeature a.h2, body.rhubarb .rightFeature a.h2,
body.emboss_rhubarb .rightFeature td.h2, body.rhubarb .rightFeature td.h2,
body.emboss_rhubarb .rightFeature h2 a, body.rhubarb .rightFeature h2 a,
body.emboss_rhubarb .rightFeature h2 a:hover, body.rhubarb .rightFeature h2 a:hover,
body.emboss_rhubarb .rightFeature a.h3, body.rhubarb .rightFeature a.h3,
body.emboss_rhubarb .rightFeature td.h3, body.rhubarb .rightFeature td.h3,
body.emboss_rhubarb .rightFeature h3 a, body.rhubarb .rightFeature h3 a,
body.emboss_rhubarb .rightFeature h3 a:hover, body.rhubarb .rightFeature h3 a:hover {
    background: #8C4E70
    url(bg_headings_rhubarb.gif) 0 0 repeat-x;
}

/* feature background */
body.emboss_rhubarb .rightFeature, 
body.rhubarb .rightFeature {
	background: #9D5F82
	url(bg_feature_rhubarb.gif) top left repeat-x;
}

/* override the treatments of table heading data */
body.emboss_rhubarb th,
body.rhubarb th {
    background: #8C4E70 
    url(bg_headings_rhubarb.gif) 0 0 repeat-x;
    color: #FFF!important;
}

/* override first row colour in alternating table row colours */
body.emboss_rhubarb td.QRow1,
body.rhubarb td.QRow1,
body.emboss_rhubarb tr.QRow1,
body.rhubarb tr.QRow1 {
	background-color: #E2D0D9;
}

/* override second row colour in alternating table row colours */
body.emboss_rhubarb td.QRow2,
body.rhubarb td.QRow2,
body.emboss_rhubarb tr.QRow2,
body.rhubarb tr.QRow2 {
	background-color: #F0E5EA;
}

/* override Banner 1 treatments */
body.emboss_rhubarb #Banner1,
body.rhubarb #Banner1,
body.emboss_rhubarb .Banner1,
body.rhubarb .Banner1 {
	background-color: #E2D0D9;
	border-color: #D5BDC9;
}

/* override Banner 2 treatments */
body.emboss_rhubarb #Banner2,
body.rhubarb #Banner2,
body.emboss_rhubarb .Banner2,
body.rhubarb .Banner2 {
	border-color: #D5BDC9;
}

/* override Banner 3 treatments */
body.emboss_rhubarb #Banner3,
body.rhubarb #Banner3,
body.emboss_rhubarb .Banner3,
body.rhubarb .Banner3 {
	background-color: #E2D0D9;
	border-color: #D5BDC9;
}

/* assign background colour to TOC row */
.rightFeature #TOCVertical ul li.rhubarb {
	background: #D5BDC9;
}

/* table design surrounding publications gallery */
body.rhubarb div.publications table,
body.emboss_rhubarb div.publications table
{
    background: #E2D0D9;
}

/* spacing around publications gallery text */
body.rhubarb div.publications table td,
body.emboss_rhubarb div.publications table td
{
    padding: 15px!important;
}

/* colour the caption differently */
body.rhubarb div.publications table td.caption,
body.emboss_rhubarb div.publications table td.caption
{
    background: #8C4E70;
    color: #FFF;
}

/* lighter section areas, for areas of alternating colour */
html body.rhubarb .lighter,
html body.emboss_rhubarb .lighter
{
    background: #F0E5EA;
}

/* INDIAN RED ---------------------------------------------------------*/

/* page name long treatment */
body.emboss_indianRed h1,
body.indianRed h1 {
    color: #8C514E!important;
    border-bottom-color: #8C514E!important;
}

/* section heading background and text treatment */
body.emboss_indianRed .section h2,
div.indianRed h2 {
    background: #8C514E 
    url(bg_headings_indianRed.gif) 0 0 repeat-x!important;
    color: #FFF!important;
    text-transform: uppercase;
    font-size: 1.2em;
    font-family: "Arial Narrow";
}

/* override default section heading anchor */
body.emboss_indianRed .section h2 a,
div.indianRed h2 a {
    color: #FFF!important;
    padding: 6px 10px;
    font-weight: bold;
}

/* override default h3s */
body.emboss_indianRed h3,
body.indianRed h3 {
    color: #8C514E;
}

/* override the colour of the section divider line 
body.emboss_indianRed .section {
    border-bottom-color: #8C514E!important;
}*/

/* override the treatments of leftFeature headings */
body.emboss_indianRed .leftFeature a.h2, body.indianRed .leftFeature a.h2,
body.emboss_indianRed .leftFeature td.h2, body.indianRed .leftFeature td.h2,
body.emboss_indianRed .leftFeature h2 a, body.indianRed .leftFeature h2 a,
body.emboss_indianRed .leftFeature h2 a:hover, body.indianRed .leftFeature h2 a:hover,
body.emboss_indianRed .leftFeature a.h3, body.indianRed .leftFeature a.h3,
body.emboss_indianRed .leftFeature td.h3, body.indianRed .leftFeature td.h3,
body.emboss_indianRed .leftFeature h3 a, body.indianRed .leftFeature h3 a,
body.emboss_indianRed .leftFeature h3 a:hover, body.indianRed .leftFeature h3 a:hover {
    background: #8C514E
    url(bg_headings_indianRed.gif) 0 0 repeat-x;
}

/* feature background */
body.emboss_indianRed .leftFeature, 
body.indianRed .leftFeature {
	background: #9F6360
	url(bg_feature_indianRed.gif) top left repeat-x;
}

/* override the treatments of rightFeature headings */
body.emboss_indianRed .rightFeature a.h2, body.indianRed .rightFeature a.h2,
body.emboss_indianRed .rightFeature td.h2, body.indianRed .rightFeature td.h2,
body.emboss_indianRed .rightFeature h2 a, body.indianRed .rightFeature h2 a,
body.emboss_indianRed .rightFeature h2 a:hover, body.indianRed .rightFeature h2 a:hover,
body.emboss_indianRed .rightFeature a.h3, body.indianRed .rightFeature a.h3,
body.emboss_indianRed .rightFeature td.h3, body.indianRed .rightFeature td.h3,
body.emboss_indianRed .rightFeature h3 a, body.indianRed .rightFeature h3 a,
body.emboss_indianRed .rightFeature h3 a:hover, body.indianRed .rightFeature h3 a:hover {
    background: #8C514E
    url(bg_headings_indianRed.gif) 0 0 repeat-x;
}

/* feature background */
body.emboss_indianRed .rightFeature, 
body.indianRed .rightFeature {
	background: #9F6360
	url(bg_feature_indianRed.gif) top left repeat-x;
}

/* override the treatments of table heading data */
body.emboss_indianRed th,
body.indianRed th {
    background: #8C514E 
    url(bg_headings_indianRed.gif) 0 0 repeat-x;
    color: #FFF!important;
}

/* override first row colour in alternating table row colours */
body.emboss_indianRed td.QRow1,
body.indianRed td.QRow1,
body.emboss_indianRed tr.QRow1,
body.indianRed tr.QRow1 {
	background-color: #E3D1D0;
}

/* override second row colour in alternating table row colours */
body.emboss_indianRed td.QRow2,
body.indianRed td.QRow2,
body.emboss_indianRed tr.QRow2,
body.indianRed tr.QRow2 {
	background-color: #EEE3E3;
}

/* override Banner 1 treatments */
body.emboss_indianRed #Banner1,
body.indianRed #Banner1,
body.emboss_indianRed .Banner1,
body.indianRed .Banner1 {
	background-color: #E3D1D0;
	border-color: #D3BBBA;
}

/* override Banner 2 treatments */
body.emboss_indianRed #Banner2,
body.indianRed #Banner2,
body.emboss_indianRed .Banner2,
body.indianRed .Banner2 {
	border-color: #D3BBBA;
}

/* override Banner 3 treatments */
body.emboss_indianRed #Banner3,
body.indianRed #Banner3,
body.emboss_indianRed .Banner3,
body.indianRed .Banner3 {
	background-color: #E3D1D0;
	border-color: #D3BBBA;
}

/* assign background colour to TOC row */
.rightFeature #TOCVertical ul li.indianRed {
	background: #D3BBBA;
}

/* table design surrounding publications gallery */
body.indianRed div.publications table,
body.emboss_indianRed div.publications table
{
    background: #E3D1D0;
}

/* spacing around publications gallery text */
body.indianRed div.publications table td,=
body.emboss_indianRed div.publications table td
{
    padding: 15px!important;
}

/* colour the caption differently */
body.indianRed div.publications table td.caption,
body.emboss_indianRed div.publications table td.caption
{
    background: #8C514E;
    color: #FFF;
}

/* lighter section areas, for areas of alternating colour */
html body.indianRed .lighter,
html body.emboss_indianRed .lighter
{
    background: #EEE3E3;
}

/* BLUE ---------------------------------------------------------*/

/* page name long treatment */
body.emboss_blue h1,
body.blue h1 {
    color: #294D64!important;
    border-bottom-color: #294D64!important;
}

/* section heading background and text treatment */
body.emboss_blue .section h2,
div.blue h2 {
    background: #294D64 
    url(bg_headings_blue.gif) 0 0 repeat-x!important;
    color: #FFF!important;
    text-transform: uppercase;
    font-size: 1.2em;
    font-family: "Arial Narrow";
}

/* override default section heading anchor */
body.emboss_blue .section h2 a,
div.blue h2 a {
    color: #FFF!important;
    padding: 6px 10px;
    font-weight: bold;
}

/* override default h3s */
body.emboss_blue h3,
body.blue h3 {
    color: #294D64;
}

/* override the colour of the section divider line 
body.emboss_blue .section {
    border-bottom-color: #294D64!important;
}*/

/* override the treatments of leftFeature headings */
body.emboss_blue .leftFeature a.h2, body.blue .leftFeature a.h2,
body.emboss_blue .leftFeature td.h2, body.blue .leftFeature td.h2,
body.emboss_blue .leftFeature h2 a, body.blue .leftFeature h2 a,
body.emboss_blue .leftFeature h2 a:hover, body.blue .leftFeature h2 a:hover,
body.emboss_blue .leftFeature a.h3, body.blue .leftFeature a.h3,
body.emboss_blue .leftFeature td.h3, body.blue .leftFeature td.h3,
body.emboss_blue .leftFeature h3 a, body.blue .leftFeature h3 a,
body.emboss_blue .leftFeature h3 a:hover, body.blue .leftFeature h3 a:hover {
    background: #294D64
    url(bg_headings_blue.gif) 0 0 repeat-x;
}

/* feature background */
body.emboss_blue .leftFeature, 
body.blue .leftFeature {
	background: #5F7F9D
	url(bg_feature_blue.gif) top left repeat-x;
}

/* override the treatments of rightFeature headings */
body.emboss_blue .rightFeature a.h2, body.blue .rightFeature a.h2,
body.emboss_blue .rightFeature td.h2, body.blue .rightFeature td.h2,
body.emboss_blue .rightFeature h2 a, body.blue .rightFeature h2 a,
body.emboss_blue .rightFeature h2 a:hover, body.blue .rightFeature h2 a:hover,
body.emboss_blue .rightFeature a.h3, body.blue .rightFeature a.h3,
body.emboss_blue .rightFeature td.h3, body.blue .rightFeature td.h3,
body.emboss_blue .rightFeature h3 a, body.blue .rightFeature h3 a,
body.emboss_blue .rightFeature h3 a:hover, body.blue .rightFeature h3 a:hover {
    background: #294D64
    url(bg_headings_blue.gif) 0 0 repeat-x!important;
}

/* feature background */
body.emboss_blue .rightFeature, 
body.blue .rightFeature {
	background: #5F7F9D
	url(bg_feature_blue.gif) top left repeat-x;
}

/* override the treatments of table heading data */
body.emboss_blue th,
body.blue th {
    background: #294D64 
    url(bg_headings_blue.gif) 0 0 repeat-x;
    color: #FFF!important;
}

/* override first row colour in alternating table row colours */
body.emboss_blue td.QRow1,
body.blue td.QRow1,
body.emboss_blue tr.QRow1,
body.blue tr.QRow1 {
	background-color: #CCD6E5;
}

/* override second row colour in alternating table row colours */
body.emboss_blue td.QRow2,
body.blue td.QRow2,
body.emboss_blue tr.QRow2,
body.blue tr.QRow2 {
	background-color: #DCE3EE;
}

/* override Banner 1 treatments */
body.emboss_blue #Banner1,
body.blue #Banner1,
body.emboss_blue .Banner1,
body.blue .Banner1 {
	background-color: #CCD6E5;
	border-color: #294D64;
}

/* override Banner 2 treatments */
body.emboss_blue #Banner2,
body.blue #Banner2,
body.emboss_blue .Banner2,
body.blue .Banner2 {
	border-color: #294D64;
}

/* override Banner 3 treatments */
body.emboss_blue #Banner3,
body.blue #Banner3,
body.emboss_blue .Banner3,
body.blue .Banner3 {
	background-color: #CCD6E5;
	border-color: #294D64;
}

/* assign background colour to TOC row */
.rightFeature #TOCVertical ul li.blue {
	background: #BCC9DC;
}

/* lighter section areas, for areas of alternating colour */
html body.blue .lighter,
html body.emboss_blue .lighter
{
    background: #DCE3EE;
}

/* table design surrounding publications gallery */
body.blue div.publications table,
body.emboss_blue div.publications table
{
    background: #CCD6E5;
}

/* spacing around publications gallery text */
body.blue div.publications table td,
body.emboss_blue div.publications table td
{
    padding: 15px!important;
}

/* colour the caption differently */
body.blue div.publications table td.caption,
body.emboss_blue div.publications table td.caption
{
    background: #294D64;
    color: #FFF;
}

/* lighter section areas, for areas of alternating colour */
html body.blue .lighter,
html body.emboss_blue .lighter
{
    background: #DCE3EE;
}


/* GOLDEN ROD ---------------------------------------------------------*/

/* page name long treatment */
body.emboss_goldenRod h1,
body.goldenRod h1 {
    color: #D2A344!important;
    border-bottom-color: #D2A344!important;
}

/* section heading background and text treatment */
body.emboss_goldenRod .section h2,
div.goldenRod h2 {
    background: #D2A344 
    url(bg_headings_goldenRod.gif) 0 0 repeat-x!important;
    color: #FFF!important;
    text-transform: uppercase;
    font-size: 1.2em;
    font-family: "Arial Narrow";
}

/* override default section heading anchor */
body.emboss_goldenRod .section h2 a,
div.goldenRod h2 a {
    color: #FFF!important;
    padding: 6px 10px;
    font-weight: bold;
}

/* override default h3s */
body.emboss_goldenRod h3,
body.goldenRod h3 {
    color: #D2A344;
}

/* override the colour of the section divider line 
body.emboss_goldenRod .section {
    border-bottom-color: #D2A344!important;
}*/

/* override the treatments of leftFeature headings */
body.emboss_goldenRod .leftFeature a.h2, body.goldenRod .leftFeature a.h2,
body.emboss_goldenRod .leftFeature td.h2, body.goldenRod .leftFeature td.h2,
body.emboss_goldenRod .leftFeature h2 a, body.goldenRod .leftFeature h2 a,
body.emboss_goldenRod .leftFeature h2 a:hover, body.goldenRod .leftFeature h2 a:hover,
body.emboss_goldenRod .leftFeature a.h3, body.goldenRod .leftFeature a.h3,
body.emboss_goldenRod .leftFeature td.h3, body.goldenRod .leftFeature td.h3,
body.emboss_goldenRod .leftFeature h3 a, body.goldenRod .leftFeature h3 a,
body.emboss_goldenRod .leftFeature h3 a:hover, body.goldenRod .leftFeature h3 a:hover {
    background: #D2A344
    url(bg_headings_goldenRod.gif) 0 0 repeat-x;
}

/* feature background */
body.emboss_goldenRod .leftFeature, 
body.goldenRod .leftFeature {
	background: #BA8F41
	url(bg_feature_goldenRod.gif) top left repeat-x;
}

/* override the treatments of rightFeature headings */
body.emboss_goldenRod .rightFeature a.h2, body.goldenRod .rightFeature a.h2,
body.emboss_goldenRod .rightFeature td.h2, body.goldenRod .rightFeature td.h2,
body.emboss_goldenRod .rightFeature h2 a, body.goldenRod .rightFeature h2 a,
body.emboss_goldenRod .rightFeature h2 a:hover, body.goldenRod .rightFeature h2 a:hover,
body.emboss_goldenRod .rightFeature a.h3, body.goldenRod .rightFeature a.h3,
body.emboss_goldenRod .rightFeature td.h3, body.goldenRod .rightFeature td.h3,
body.emboss_goldenRod .rightFeature h3 a, body.goldenRod .rightFeature h3 a,
body.emboss_goldenRod .rightFeature h3 a:hover, body.goldenRod .rightFeature h3 a:hover {
    background: #D2A344
    url(bg_headings_goldenRod.gif) 0 0 repeat-x;
}

/* feature background */
body.emboss_goldenRod .rightFeature, 
body.goldenRod .rightFeature {
	background: #BA8F41
	url(bg_feature_goldenRod.gif) top left repeat-x;
}

/* override the treatments of table heading data */
body.emboss_goldenRod th,
body.goldenRod th {
    background: #D2A344 
    url(bg_headings_goldenRod.gif) 0 0 repeat-x;
    color: #FFF!important;
}

/* override first row colour in alternating table row colours */
body.emboss_goldenRod td.QRow1,
body.goldenRod td.QRow1,
body.emboss_goldenRod tr.QRow1,
body.goldenRod tr.QRow1 {
	background-color: #F4EBD4;
}

/* override second row colour in alternating table row colours */
body.emboss_goldenRod td.QRow2,
body.goldenRod td.QRow2,
body.emboss_goldenRod tr.QRow2,
body.goldenRod tr.QRow2 {
	background-color: #F7F0E0;
}

/* override Banner 1 treatments */
body.emboss_goldenRod #Banner1,
body.goldenRod #Banner1,
body.emboss_goldenRod .Banner1,
body.goldenRod .Banner1 {
	background-color: #F4EBD4;
	border-color: #D2A344;
}

/* override Banner 2 treatments */
body.emboss_goldenRod #Banner2,
body.goldenRod #Banner2,
body.emboss_goldenRod .Banner2,
body.goldenRod .Banner2 {
	border-color: #D2A344;
}

/* override Banner 3 treatments */
body.emboss_goldenRod #Banner3,
body.goldenRod #Banner3,
body.emboss_goldenRod .Banner3,
body.goldenRod .Banner3 {
	background-color: #F4EBD4;
	border-color: #D2A344;
}

/* assign background colour to TOC row */
.rightFeature #TOCVertical ul li.goldenRod {
	background: #F4E6C5;
}

/* table design surrounding publications gallery */
body.goldenRod div.publications table,
body.emboss_goldenRod div.publications table
{
    background: #F4E6C5;
}

/* spacing around publications gallery text */
body.goldenRod div.publications table td,
body.emboss_goldenRod div.publications table td
{
    padding: 15px!important;
}

/* colour the caption differently */
body.goldenRod div.publications table td.caption,
body.emboss_goldenRod div.publications table td.caption
{
    background: #D2A344;
    color: #FFF;
}

/* lighter section areas, for areas of alternating colour */
html body.goldenRod .lighter,
html body.emboss_goldenRod .lighter
{
    background: #F7F0FE;
}

/* OVERRIDE HEADING BACKGROUND TREATMENTS ------------------------------ */

/* brown */
div.brown h2 a,
body.brown div.brown h2 a,
body.emboss_brown div.brown h2 a,
body.olive div.brown h2 a,
body.emboss_olive div.brown h2 a,
body.teal div.brown h2 a,
body.emboss_teal div.brown h2 a,
body.rhubarb div.brown h2 a,
body.emboss_rhubarb div.brown h2 a,
body.indianRed div.brown h2 a,
body.emboss_indianRed div.brown h2 a,
body.blue div.brown h2 a,
body.emboss_blue div.brown h2 a,
body.goldenRod div.brown h2 a,
body.emboss_goldenRod div.brown h2 a {
    background: #8F8A50 
    url(bg_headings_brown.gif) 0 0 repeat-x!important;
}

/* olive */
div.olive h2 a,
body.brown div.olive h2 a,
body.emboss_brown div.olive h2 a,
body.olive div.olive h2 a,
body.emboss_olive div.olive h2 a,
body.teal div.olive h2 a,
body.emboss_teal div.olive h2 a,
body.rhubarb div.olive h2 a,
body.emboss_rhubarb div.olive h2 a,
body.indianRed div.olive h2 a,
body.emboss_indianRed div.olive h2 a,
body.blue div.olive h2 a,
body.emboss_blue div.olive h2 a,
body.goldenRod div.olive h2 a,
body.emboss_goldenRod div.olive h2 a {
    background: #8F8A50 
    url(bg_headings_olive.gif) 0 0 repeat-x!important;
}

/* teal */
div.teal h2 a,
body.brown div.teal h2 a,
body.emboss_brown div.teal h2 a,
body.olive div.teal h2 a,
body.emboss_olive div.teal h2 a,
body.teal div.teal h2 a,
body.emboss_teal div.teal h2 a,
body.rhubarb div.teal h2 a,
body.emboss_rhubarb div.teal h2 a,
body.indianRed div.teal h2 a,
body.emboss_indianRed div.teal h2 a,
body.blue div.teal h2 a,
body.emboss_blue div.teal h2 a,
body.goldenRod div.teal h2 a,
body.emboss_goldenRod div.teal h2 a {
    background: #508F80 
    url(bg_headings_teal.gif) 0 0 repeat-x!important;
}

/* rhubarb */
div.rhubarb h2 a,
body.brown div.rhubarb h2 a,
body.emboss_brown div.rhubarb h2 a,
body.olive div.rhubarb h2 a,
body.emboss_olive div.rhubarb h2 a,
body.teal div.rhubarb h2 a,
body.emboss_teal div.rhubarb h2 a,
body.rhubarb div.rhubarb h2 a,
body.emboss_rhubarb div.rhubarb h2 a,
body.indianRed div.rhubarb h2 a,
body.emboss_indianRed div.rhubarb h2 a,
body.blue div.rhubarb h2 a,
body.emboss_blue div.rhubarb h2 a,
body.goldenRod div.rhubarb h2 a,
body.emboss_goldenRod div.rhubarb h2 a {
    background: #8C4E70 
    url(bg_headings_rhubarb.gif) 0 0 repeat-x!important;
}

/* indianRed */
div.indianRed h2 a,
body.brown div.indianRed h2 a,
body.emboss_brown div.indianRed h2 a,
body.olive div.indianRed h2 a,
body.emboss_olive div.indianRed h2 a,
body.teal div.indianRed h2 a,
body.emboss_teal div.indianRed h2 a,
body.rhubarb div.indianRed h2 a,
body.emboss_rhubarb div.indianRed h2 a,
body.indianRed div.indianRed h2 a,
body.emboss_indianRed div.indianRed h2 a,
body.blue div.indianRed h2 a,
body.emboss_blue div.indianRed h2 a,
body.goldenRod div.indianRed h2 a,
body.emboss_goldenRod div.indianRed h2 a {
    background: #8C514E 
    url(bg_headings_indianRed.gif) 0 0 repeat-x!important;
}

/* blue */
div.blue h2 a,
body.brown div.blue h2 a,
body.emboss_brown div.blue h2 a,
body.olive div.blue h2 a,
body.emboss_olive div.blue h2 a,
body.teal div.blue h2 a,
body.emboss_teal div.blue h2 a,
body.rhubarb div.blue h2 a,
body.emboss_rhubarb div.blue h2 a,
body.indianRed div.blue h2 a,
body.emboss_indianRed div.blue h2 a,
body.blue div.blue h2 a,
body.emboss_blue div.blue h2 a,
body.goldenRod div.blue h2 a,
body.emboss_goldenRod div.blue h2 a {
    background: #294D64 
    url(bg_headings_blue.gif) 0 0 repeat-x!important;
}

/* goldenRod */
div.goldenRod h2 a,
body.brown div.goldenRod h2 a,
body.emboss_brown div.goldenRod h2 a,
body.olive div.goldenRod h2 a,
body.emboss_olive div.goldenRod h2 a,
body.teal div.goldenRod h2 a,
body.emboss_teal div.goldenRod h2 a,
body.rhubarb div.goldenRod h2 a,
body.emboss_rhubarb div.goldenRod h2 a,
body.indianRed div.goldenRod h2 a,
body.emboss_indianRed div.goldenRod h2 a,
body.blue div.goldenRod h2 a,
body.emboss_blue div.goldenRod h2 a,
body.goldenRod div.goldenRod h2 a,
body.emboss_goldenRod div.goldenRod h2 a {
    background: #D2A344 
    url(bg_headings_goldenRod.gif) 0 0 repeat-x!important;
}

/* OVERRIDE BACKGROUNDS FOR LEFT AND RIGHT FEATURES ------------------------ */

/* brown */
#leftContent div.brown,
#rightContent div.brown,
body.brown #leftContent div.brown,
body.brown #rightContent div.brown,
body.emboss_brown #leftContent div.brown,
body.emboss_brown #rightContent div.brown,
body.olive #leftContent div.brown,
body.olive #rightContent div.brown,
body.emboss_olive #leftContent div.brown,
body.emboss_olive #rightContent div.brown,
body.teal #leftContent div.brown,
body.teal #rightContent div.brown,
body.emboss_teal #leftContent div.brown,
body.emboss_teal #rightContent div.brown,
body.rhubarb #leftContent div.brown,
body.rhubarb #rightContent div.brown,
body.emboss_rhubarb #leftContent div.brown,
body.emboss_rhubarb #rightContent div.brown,
body.indianRed #leftContent div.brown,
body.indianRed #rightContent div.brown,
body.emboss_indianRed #leftContent div.brown,
body.emboss_indianRed #rightContent div.brown,
body.blue #leftContent div.brown,
body.blue #rightContent div.brown,
body.emboss_blue #leftContent div.brown,
body.emboss_blue #rightContent div.brown,
body.goldenRod #leftContent div.brown,
body.goldenRod #rightContent div.brown,
body.emboss_goldenRod #leftContent div.brown,
body.emboss_goldenRod #rightContent div.brown {
	background-image: url(bg_feature_brown.gif)!important;
}

/* olive */
#leftContent div.olive,
#rightContent div.olive,
body.brown #leftContent div.olive,
body.brown #rightContent div.olive,
body.emboss_brown #leftContent div.olive,
body.emboss_brown #rightContent div.olive,
body.olive #leftContent div.olive,
body.olive #rightContent div.olive,
body.emboss_olive #leftContent div.olive,
body.emboss_olive #rightContent div.olive,
body.teal #leftContent div.olive,
body.teal #rightContent div.olive,
body.emboss_teal #leftContent div.olive,
body.emboss_teal #rightContent div.olive,
body.rhubarb #leftContent div.olive,
body.rhubarb #rightContent div.olive,
body.emboss_rhubarb #leftContent div.olive,
body.emboss_rhubarb #rightContent div.olive,
body.indianRed #leftContent div.olive,
body.indianRed #rightContent div.olive,
body.emboss_indianRed #leftContent div.olive,
body.emboss_indianRed #rightContent div.olive,
body.blue #leftContent div.olive,
body.blue #rightContent div.olive,
body.emboss_blue #leftContent div.olive,
body.emboss_blue #rightContent div.olive,
body.goldenRod #leftContent div.olive,
body.goldenRod #rightContent div.olive,
body.emboss_goldenRod #leftContent div.olive,
body.emboss_goldenRod #rightContent div.olive {
	background-image: url(bg_feature_olive.gif)!important;
}

/* teal */
#leftContent div.teal,
#rightContent div.teal,
body.brown #leftContent div.teal,
body.brown #rightContent div.teal,
body.emboss_brown #leftContent div.teal,
body.emboss_brown #rightContent div.teal,
body.olive #leftContent div.teal,
body.olive #rightContent div.teal,
body.emboss_olive #leftContent div.teal,
body.emboss_olive #rightContent div.teal,
body.teal #leftContent div.teal,
body.teal #rightContent div.teal,
body.emboss_teal #leftContent div.teal,
body.emboss_teal #rightContent div.teal,
body.rhubarb #leftContent div.teal,
body.rhubarb #rightContent div.teal,
body.emboss_rhubarb #leftContent div.teal,
body.emboss_rhubarb #rightContent div.teal,
body.indianRed #leftContent div.teal,
body.indianRed #rightContent div.teal,
body.emboss_indianRed #leftContent div.teal,
body.emboss_indianRed #rightContent div.teal,
body.blue #leftContent div.teal,
body.blue #rightContent div.teal,
body.emboss_blue #leftContent div.teal,
body.emboss_blue #rightContent div.teal,
body.goldenRod #leftContent div.teal,
body.goldenRod #rightContent div.teal,
body.emboss_goldenRod #leftContent div.teal,
body.emboss_goldenRod #rightContent div.teal {
	background-image: url(bg_feature_teal.gif)!important;
}

/* rhubarb */
#leftContent div.rhubarb,
#rightContent div.rhubarb,
body.brown #leftContent div.rhubarb,
body.brown #rightContent div.rhubarb,
body.emboss_brown #leftContent div.rhubarb,
body.emboss_brown #rightContent div.rhubarb,
body.olive #leftContent div.rhubarb,
body.olive #rightContent div.rhubarb,
body.emboss_olive #leftContent div.rhubarb,
body.emboss_olive #rightContent div.rhubarb,
body.teal #leftContent div.rhubarb,
body.teal #rightContent div.rhubarb,
body.emboss_teal #leftContent div.rhubarb,
body.emboss_teal #rightContent div.rhubarb,
body.rhubarb #leftContent div.rhubarb,
body.rhubarb #rightContent div.rhubarb,
body.emboss_rhubarb #leftContent div.rhubarb,
body.emboss_rhubarb #rightContent div.rhubarb,
body.indianRed #leftContent div.rhubarb,
body.indianRed #rightContent div.rhubarb,
body.emboss_indianRed #leftContent rhubarb,
body.emboss_indianRed #rightContent div.rhubarb,
body.blue #leftContent div.rhubarb,
body.blue #rightContent div.rhubarb,
body.emboss_blue #leftContent div.rhubarb,
body.emboss_blue #rightContent div.rhubarb,
body.goldenRod #leftContent div.rhubarb,
body.goldenRod #rightContent div.rhubarb,
body.emboss_goldenRod #leftContent div.rhubarb,
body.emboss_goldenRod #rightContent div.rhubarb {
	background-image: url(bg_feature_rhubarb.gif)!important;
}

/* indianRed */
#leftContent div.indianRed,
#rightContent div.indianRed,
body.brown #leftContent div.indianRed,
body.brown #rightContent div.indianRed,
body.emboss_brown #leftContent div.indianRed,
body.emboss_brown #rightContent div.indianRed,
body.olive #leftContent div.indianRed,
body.olive #rightContent div.indianRed,
body.emboss_olive #leftContent div.indianRed,
body.emboss_olive #rightContent div.indianRed,
body.teal #leftContent div.indianRed,
body.teal #rightContent div.indianRed,
body.emboss_teal #leftContent div.indianRed,
body.emboss_teal #rightContent div.indianRed,
body.rhubarb #leftContent div.indianRed,
body.rhubarb #rightContent div.indianRed,
body.emboss_rhubarb #leftContent div.indianRed,
body.emboss_rhubarb #rightContent div.indianRed,
body.indianRed #leftContent div.indianRed,
body.indianRed #rightContent div.indianRed,
body.emboss_indianRed #leftContent rhubarb,
body.emboss_indianRed #rightContent div.indianRed,
body.blue #leftContent div.indianRed,
body.blue #rightContent div.indianRed,
body.emboss_blue #leftContent div.indianRed,
body.emboss_blue #rightContent div.indianRed,
body.goldenRod #leftContent div.indianRed,
body.goldenRod #rightContent div.indianRed,
body.emboss_goldenRod #leftContent div.indianRed,
body.emboss_goldenRod #rightContent div.indianRed {
	background-image: url(bg_feature_indianRed.gif)!important;
}

/* blue */
#leftContent div.blue,
#rightContent div.blue,
body.brown #leftContent div.blue,
body.brown #rightContent div.blue,
body.emboss_brown #leftContent div.blue,
body.emboss_brown #rightContent div.blue,
body.olive #leftContent div.blue,
body.olive #rightContent div.blue,
body.emboss_olive #leftContent div.blue,
body.emboss_olive #rightContent div.blue,
body.teal #leftContent div.blue,
body.teal #rightContent div.blue,
body.emboss_teal #leftContent div.blue,
body.emboss_teal #rightContent div.blue,
body.rhubarb #leftContent div.blue,
body.rhubarb #rightContent div.blue,
body.emboss_rhubarb #leftContent div.blue,
body.emboss_rhubarb #rightContent div.blue,
body.indianRed #leftContent div.blue,
body.indianRed #rightContent div.blue,
body.emboss_indianRed #leftContent div.blue,
body.emboss_indianRed #rightContent div.blue,
body.blue #leftContent div.blue,
body.blue #rightContent div.blue,
body.emboss_blue #leftContent div.blue,
body.emboss_blue #rightContent div.blue,
body.goldenRod #leftContent div.blue,
body.goldenRod #rightContent div.blue,
body.emboss_goldenRod #leftContent div.blue,
body.emboss_goldenRod #rightContent div.blue {
	background-image: url(bg_feature_blue.gif)!important;
}

/* goldenRod */
#leftContent div.goldenRod,
#rightContent div.goldenRod,
body.brown #leftContent div.goldenRod,
body.brown #rightContent div.goldenRod,
body.emboss_brown #leftContent div.goldenRod,
body.emboss_brown #rightContent div.goldenRod,
body.olive #leftContent div.goldenRod,
body.olive #rightContent div.goldenRod,
body.emboss_olive #leftContent div.goldenRod,
body.emboss_olive #rightContent div.goldenRod,
body.teal #leftContent div.goldenRod,
body.teal #rightContent div.goldenRod,
body.emboss_teal #leftContent div.goldenRod,
body.emboss_teal #rightContent div.goldenRod,
body.rhubarb #leftContent div.goldenRod,
body.rhubarb #rightContent div.goldenRod,
body.emboss_rhubarb #leftContent div.goldenRod,
body.emboss_rhubarb #rightContent div.goldenRod,
body.indianRed #leftContent div.goldenRod,
body.indianRed #rightContent div.goldenRod,
body.emboss_indianRed #leftContent div.goldenRod,
body.emboss_indianRed #rightContent div.goldenRod,
body.blue #leftContent div.goldenRod,
body.blue #rightContent div.goldenRod,
body.emboss_blue #leftContent div.goldenRod,
body.emboss_blue #rightContent div.goldenRod,
body.goldenRod #leftContent div.goldenRod,
body.goldenRod #rightContent div.goldenRod,
body.emboss_goldenRod #leftContent div.goldenRod,
body.emboss_goldenRod #rightContent div.goldenRod {
	background-image: url(bg_feature_goldenRod.gif)!important;
}

/* REMOVE BACKGROUND TREATMENTS IN LEFT AND RIGHT CONTENT ------------------------------*/

#leftContent div.noBackground,
#rightContent div.noBackground,
body.brown #leftContent div.noBackground,
body.brown #rightContent div.noBackground,
body.emboss_brown #leftContent div.noBackground,
body.emboss_brown #rightContent div.noBackground,
body.olive #leftContent div.noBackground,
body.olive #rightContent div.noBackground,
body.emboss_olive #leftContent div.noBackground,
body.emboss_olive #rightContent div.noBackground,
body.teal #leftContent div.noBackground,
body.teal #rightContent div.noBackground,
body.emboss_teal #leftContent div.noBackground,
body.emboss_teal #rightContent div.noBackground,
body.rhubarb #leftContent div.noBackground,
body.rhubarb #rightContent div.noBackground,
body.emboss_rhubarb #leftContent div.noBackground,
body.emboss_rhubarb #rightContent div.noBackground,
body.indianRed #leftContent div.noBackground,
body.indianRed #rightContent div.noBackground,
body.emboss_indianRed #leftContent div.noBackground,
body.emboss_indianRed #rightContent div.noBackground,
body.blue #leftContent div.noBackground,
body.blue #rightContent div.noBackground,
body.emboss_blue #leftContent div.noBackground,
body.emboss_blue #rightContent div.noBackground,
body.goldenRod #leftContent div.noBackground,
body.goldenRod #rightContent div.noBackground,
body.emboss_goldenRod #leftContent div.noBackground,
body.emboss_goldenRod #rightContent div.noBackground {
    background-image: none!important;
    background-color: transparent!important;
}

/* increase heading size in for leftContent and rightContent --------------------- */
#leftContent div.brown h2,
#rightContent div.brown h2,
#leftContent div.olive h2,
#rightContent div.olive h2,
#leftContent div.teal h2,
#rightContent div.teal h2,
#leftContent div.rhubarb h2,
#rightContent div.rhubarb h2,
#leftContent div.indianRed h2,
#rightContent div.indianRed h2,
#leftContent div.blue h2,
#rightContent div.blue h2 {
    font-size: 1.6em!important;
}

/* indent rightfeature content when alternating between lighter and notLighter -------------*/
.notLighter {
	padding: 2px 5px!important;
}

/*============================================================

Fixes for IE, Safari, Mozilla

============================================================*/

 

/* Prevent floated graphic protrusion in rightFeatures */

.rightFeatureInner .cwContainer 

{

    overflow:auto;

}

 

/* Space to side of image in rightFeatures */

.rightFeatureInner .cwContainer img

{

    margin-right: 5px!important;

}

 

/* Add background colour to prevent staggered shapes at base of page */

#content 

{

    background: #FFF!important;

}