/* section dependent settings */

/* ------------------------------- */
/* darkred (The Society) - #663401 */
/* ------------------------------- */
div.darkred {
	font-size: 1.2em;
}

#darkred h1, #darkred h2, div#content div.darkred h1, div#content div.darkred h2 {
	background-color: #663401;
	background-image: url(img/darkred_heading.gif);
}

#darkred h3, div#content div.darkred h3 {
	color: #663401;
}

.darkred .section {
	background-image: url(img/darkred_section_arrow.gif);
	background-position: 2px left;
	background-repeat: no-repeat;
}

.darkred .section a, .darkred a:hover, .darkred #level1Link, .darkred #level2Link {
	color: #663401;
}

.darkredUnderline {
	border-bottom: 2px solid;
	color: #663401;;
}

#leftColumnHome #sectionLinks .darkred ul {
	border-top: 2px solid #663401;
}

#leftColumn #sectionLinks li.darkred {
	border-bottom: 2px solid #663401;
}

.darkred #parentDirect, .darkred #currentPage {
	background-image: url(img/darkred_ul_right.gif);
	background-position: 5px 9px;
	background-repeat: no-repeat;
}

.darkred #parentIndirect, .darkred #currentPageIndirect {
	background-image: url(img/darkred_ul_left.gif);
	background-position: 5px 9px;
	background-repeat: no-repeat;
}

#darkred, .darkred .contentTable th, .darkred a:link, .darkred a:active {
    color: #663401;
}

.darkred a:visited {
    color: #4c2701;
}

.darkred .homeLinks a:hover, .darkred #firstLevelLinks a:hover {
    color: #663401;
}


/* Themed Content Panels - Dark Red */
.contentHome .darkredThemedContentPanel {
	width: 345px;	
	float: left;
	margin-bottom: 15px;
}

.contentHome .darkredThemedContentPanel h2 {
	padding-left: 5px;
	background-image: none;
	background-color: #663401;
}

.contentHome .darkredThemedContentPanel p {
	padding-left: 5px;
}

.darkredThemedContentPanel img.tcpImageleft {
	border: 2px solid #663401;
	margin: 5px 10px 5px 0;
}

.darkredThemedContentPanel img.tcpImageright {
	border: 2px solid #663401;
	margin: 5px 0 5px 10px;
}

.darkred img.tcpImageleft {
	padding: 5px 10px 10px 0;
}

.darkred img.tcpImageright {
	padding: 5px 0 10px 10px;
}

.darkredThemedContentPanel a {
	color: #663401;
	text-decoration: underline;
}

.darkredThemedContentPanel a:visited {
    color: #4c2701;
}

.darkredThemedContentPanel .title {
	color: #663401;
}


/* Buttons - Dark Red */
.darkredButton {
	/*padding-left: 12px;
	background-image: url(img/darkred_button_left.gif);*/
	background-position: top left;
	background-repeat: no-repeat;
	vertical-align: top;
	font-size: 1em;
	margin: 0px -2px 0px -2px; /* negative margins required for Safari - causes whitespace gaps */
}

.darkredButton input {
	text-align: center;
	padding: 0 2px 2px 2px;
	font-size: 1em;
	font-weight: bold;
	color: #ffffff;
	height: 14px;
	border: none;
	background-color: #663401;
	/*background-image: url(img/darkred_button_right.gif);*/
	background-position: top right;
	background-repeat: no-repeat;
	cursor: pointer;
	vertical-align: top;
}



/* ------------------------------ */
/* green (Publications) - #336601 */
/* ------------------------------ */
div.green {
	font-size: 1.2em;
}

#green h1, #green h2, div#content div.green h1, div#content div.green h2 {
	background-color: #336601;
	background-image: url(img/green_heading.gif);
}

#green h3, div#content div.green h3 {
	color: #336601;
}

.green .section {
	background-image: url(img/green_section_arrow.gif);
	background-position: 2px left;
	background-repeat: no-repeat;
}

.greenUnderline {
	border-bottom: 2px solid;
	color: #336601;;
}

.green .section a, .green a:hover, .green #level1Link, .green #level2Link {
	color: #336601;
}

#leftColumnHome #sectionLinks .green ul {
	border-top: 2px solid #336601;
}

#leftColumn #sectionLinks li.green {
	border-bottom: 2px solid #336601;
}

.green #parentDirect, .green #currentPage {
	background-image: url(img/green_ul_right.gif);
	background-position: 5px 9px;
	background-repeat: no-repeat;
}

.green #parentIndirect, .green #currentPageIndirect {
	background-image: url(img/green_ul_left.gif);
	background-position: 5px 9px;
	background-repeat: no-repeat;
}

#green, .green .contentTable th, .green a:link, .green a:active {
    color: #336601;
}

.green a:visited {
    color: #264c01;
}

.green .homeLinks a:hover, .green #firstLevelLinks a:hover {
    color: #336601;
}


/* Themed Content Panels green */
.contentHome .greenThemedContentPanel {
	width: 345px;	
	float: left;
	margin-bottom: 15px;
}

.contentHome .greenThemedContentPanel h2 {
	padding-left: 5px;
	background-image: none;
	background-color: #336601;
}

.contentHome .greenThemedContentPanel p {
	padding-left: 5px;
}

.greenThemedContentPanel img.tcpImageleft {
	border: 2px solid #336601;
	margin: 5px 10px 5px 0;
}

.greenThemedContentPanel img.tcpImageright {
	border: 2px solid #336601;
	margin: 5px 0 5px 10px;
}

.green img.tcpImageleft {
	padding: 5px 10px 10px 0;
}

.green img.tcpImageright {
	padding: 5px 0 10px 10px;
}

.greenThemedContentPanel a {
	color: #336601;
	text-decoration: underline;
}

.greenThemedContentPanel a:visited {
    color: #264c01;
}

.greenThemedContentPanel .title {
	color: #336601;
}


/* Buttons - Green */
.greenButton {
	/*padding-left: 12px;
	background-image: url(img/green_button_left.gif);*/
	background-position: top left;
	background-repeat: no-repeat;
	vertical-align: top;
	font-size: 1em;
	margin: 0px -2px 0px -2px; /* negative margins required for Safari - causes whitespace gaps */
}

.greenButton input {
	text-align: center;
	padding: 0 2px 2px 2px;
	font-size: 1em;
	font-weight: bold;
	color: #ffffff;
	height: 14px;
	border: none;
	background-color: #336601;
	/*background-image: url(img/green_button_right.gif);*/
	background-position: top right;
	background-repeat: no-repeat;
	cursor: pointer;
	vertical-align: top;
}



/* ------------------------- */
/* brown (Library) - #856a25 */
/* ------------------------- */
div.brown {
	font-size: 1.2em;
}

#brown h1, #brown h2, div#content div.brown h1, div#content div.brown h2 {
	background-color: #856a25;
	background-image: url(img/brown_heading.gif);
}

#brown h3, div#content div.brown h3 {
	color: #856a25;
}

.brown .section {
	background-image: url(img/brown_section_arrow.gif);
	background-position: 2px left;
	background-repeat: no-repeat;
}

.brown .section a, .brown a:hover, .brown #level1Link, .brown #level2Link {
	color: #856a25;
}

.brownUnderline {
	border-bottom: 2px solid;
	color: #856a25;;
}

#leftColumnHome #sectionLinks .brown ul {
	border-top: 2px solid #856a25;
}

#leftColumn #sectionLinks li.brown {
	border-bottom: 2px solid #856a25;
}

.brown #parentDirect, .brown #currentPage {
	background-image: url(img/brown_ul_right.gif);
	background-position: 5px 9px;
	background-repeat: no-repeat;
}

.brown #parentIndirect, .brown #currentPageIndirect {
	background-image: url(img/brown_ul_left.gif);
	background-position: 5px 9px;
	background-repeat: no-repeat;
}

#brown, .brown .contentTable th, .brown a:link, .brown a:active {
    color: #856a25;
}

.brown a:visited {
    color: #6b551e;
}

.brown .homeLinks a:hover, .brown #firstLevelLinks a:hover {
    color: #856a25;
}


/* Themed Content Panels brown */
.contentHome .brownThemedContentPanel {
	width: 345px;	
	float: left;
	margin-bottom: 15px;
}

.contentHome .brownThemedContentPanel h2 {
	padding-left: 5px;
	background-image: none;
	background-color: #856a25;
}

.contentHome .brownThemedContentPanel p {
	padding-left: 5px;
}

.brownThemedContentPanel img.tcpImageleft {
	border: 2px solid #856a25;
	margin: 5px 10px 5px 0;
}

.brownThemedContentPanel img.tcpImageright {
	border: 2px solid #856a25;
	margin: 5px 0 5px 10px;
}

.brown img.tcpImageleft {
	padding: 5px 10px 10px 0;
}

.brown img.tcpImageright {
	padding: 5px 0 10px 10px;
}

.brownThemedContentPanel a {
	color: #856a25;
	text-decoration: underline;
}

.brownThemedContentPanel a:visited {
    color: #6b551e;
}

.brownThemedContentPanel .title {
	color: #856a25;
}


/* Buttons - Brown */
.brownButton {
	/*padding-left: 12px;
	background-image: url(img/brown_button_left.gif);*/
	background-position: top left;
	background-repeat: no-repeat;
	vertical-align: top;
	font-size: 1em;
	margin: 0px -2px 0px -2px; /* negative margins required for Safari - causes whitespace gaps */
}

.brownButton input {
	text-align: center;
	padding: 0 2px 2px 2px;
	font-size: 1em;
	font-weight: bold;
	color: #ffffff;
	height: 14px;
	border: none;
	background-color: #856a25;
	/*background-image: url(img/brown_button_right.gif);*/
	background-position: top right;
	background-repeat: no-repeat;
	cursor: pointer;
	vertical-align: top;
}


/* Specific Brown elements for Catalouge Search / GIS */
#brown form td.label {
    color: #000000;
}

#librarySearchResultsContainer {
    color: #000000;
}

.brownAjaxLinks {
	text-decoration: underline;
	color: #856a25;
	cursor: pointer;
	font-weight: bold;
}

.brownAjaxHeaderLinks {
	text-decoration: underline;
	cursor: pointer;
}

div#gisSearchColumn h1, div#gisSearchColumn h2 {
    background-color: #856a25;
	background-image: url(img/brown_heading.gif);
    background-position:left top;
    background-repeat:no-repeat;
    color:#FFFFFF;
    font-size:1.1667em;
    font-weight:bold;
    height:18px;
    margin:0pt 0pt 10px;
    padding:1px 0pt 0pt 30px;
}

div#gisSearchColumn #errorContainerText {
    margin-left: 5px;
}

div#gisSearchColumn h3 {
    font-size: 1.085em;
}

/* --------------------------------- */
/* aquamarine (Geoscience) - #006766 */
/* --------------------------------- */
div.aquamarine {
	font-size: 1.2em;
}

#aquamarine h1, #aquamarine h2, div#content div.aquamarine h1, div#content div.aquamarine h2 {
	background-color: #006766;
	background-image: url(img/aquamarine_heading.gif);
}

#aquamarine h3, div#content div.aquamarine h3 {
	color: #006766;
}

.aquamarine .section {
	background-image: url(img/aquamarine_section_arrow.gif);
	background-position: 2px left;
	background-repeat: no-repeat;
}

.aquamarineUnderline {
	border-bottom: 2px solid;
	color: #006766;;
}

.aquamarine .section a, .aquamarine a:hover, .aquamarine #level1Link, .aquamarine #level2Link {
	color: #006766;
}

#leftColumnHome #sectionLinks .aquamarine ul {
	border-top: 2px solid #006766;
}

#leftColumn #sectionLinks li.aquamarine {
	border-bottom: 2px solid #006766;
}

.aquamarine #parentDirect, .aquamarine #currentPage {
	background-image: url(img/aquamarine_ul_right.gif);
	background-position: 5px 9px;
	background-repeat: no-repeat;
}

.aquamarine #parentIndirect, .aquamarine #currentPageIndirect {
	background-image: url(img/aquamarine_ul_left.gif);
	background-position: 5px 9px;
	background-repeat: no-repeat;
}

#aquamarine, .aquamarine .contentTable th, .aquamarine a:link, .aquamarine a:active {
    color: #006766;
}

.aquamarine a:visited {
    color: #004c4c;
}

.aquamarine .homeLinks a:hover, .aquamarine #firstLevelLinks a:hover {
    color: #006766;
}


/* Themed Content Panels aquamarine */
.contentHome .aquamarineThemedContentPanel {
	width: 345px;	
	float: left;
	margin-bottom: 15px;
}

.contentHome .aquamarineThemedContentPanel h2 {
	padding-left: 5px;
	background-image: none;
	background-color: #006766;
}

.contentHome .aquamarineThemedContentPanel p {
	padding-left: 5px;
}

.aquamarineThemedContentPanel img.tcpImageleft {
	border: 2px solid #006766;
	margin: 5px 10px 5px 0;
}

.aquamarineThemedContentPanel img.tcpImageright {
	border: 2px solid #006766;
	margin: 5px 0 5px 10px;
}

.aquamarine img.tcpImageleft {
	padding: 5px 10px 10px 0;
}

.aquamarine img.tcpImageright {
	padding: 5px 0 10px 10px;
}

.aquamarineThemedContentPanel a {
	color: #006766;
	text-decoration: underline;
}

.aquamarineThemedContentPanel a:visited {
    color: #004c4c;
}

.aquamarineThemedContentPanel .title {
	color: #006766;
}


/* Buttons - Aquamarine */
.aquamarineButton {
	/*padding-left: 12px;
	background-image: url(img/aquamarine_button_left.gif);*/
	background-position: top left;
	background-repeat: no-repeat;
	vertical-align: top;
	font-size: 1em;
	margin: 0px -2px 0px -2px; /* negative margins required for Safari - causes whitespace gaps */
}

.aquamarineButton input {
	text-align: center;
	padding: 0 2px 2px 2px;
	font-size: 1em;
	font-weight: bold;
	color: #ffffff;
	height: 14px;
	border: none;
	background-color: #006766;
	/*background-image: url(img/aquamarine_button_right.gif);*/
	background-position: top right;
	background-repeat: no-repeat;
	cursor: pointer;
	vertical-align: top;
}



/* ------------------------ */
/* blue (Careers) - #0651a4 */
/* ------------------------ */
div.blue {
	font-size: 1.2em;
}

#blue h1, #blue h2, div#content div.blue h1, div#content div.blue h2 {
	background-color: #0651a4;
	background-image: url(img/blue_heading.gif);
}

#blue h3, div#content div.blue h3 {
	color: #0651a4;
}

.blue .section {
	background-image: url(img/blue_section_arrow.gif);
	background-position: 2px left;
	background-repeat: no-repeat;
}

.blue .section a, .blue a:hover, .blue #level1Link, .blue #level2Link {
	color: #0651a4;
}

.blueUnderline {
	border-bottom: 2px solid;
	color: #0651a4;;
}

#leftColumnHome #sectionLinks .blue ul {
	border-top: 2px solid #0651a4;
}

#leftColumn #sectionLinks li.blue {
	border-bottom: 2px solid #0651a4;
}

.blue #parentDirect, .blue #currentPage {
	background-image: url(img/blue_ul_right.gif);
	background-position: 5px 9px;
	background-repeat: no-repeat;
}

.blue #parentIndirect, .blue #currentPageIndirect {
	background-image: url(img/blue_ul_left.gif);
	background-position: 5px 9px;
	background-repeat: no-repeat;
}

#blue, .blue .contentTable th, .blue a:link, .blue a:active {
    color: #0651a4;
}

.blue a:visited {
    color: #05448a;
}

.blue .homeLinks a:hover, .blue #firstLevelLinks a:hover {
    color: #0651a4;
}


/* Themed Content Panels blue */
.contentHome .blueThemedContentPanel {
	width: 345px;	
	float: left;
	margin-bottom: 15px;
}

.contentHome .blueThemedContentPanel h2 {
	padding-left: 5px;
	background-image: none;
	background-color: #0651a4;
}

.contentHome .blueThemedContentPanel p {
	padding-left: 5px;
}

.blueThemedContentPanel img.tcpImageleft {
	border: 2px solid #0651a4;
	margin: 5px 10px 5px 0;
}

.blueThemedContentPanel img.tcpImageright {
	border: 2px solid #0651a4;
	margin: 5px 0 5px 10px;
}

.blue img.tcpImageleft {
	padding: 5px 10px 10px 0;
}

.blue img.tcpImageright {
	padding: 5px 0 10px 10px;
}

.blueThemedContentPanel a {
	color: #0651a4;
	text-decoration: underline;
}

.blueThemedContentPanel a:visited {
    color: #05448a;
}

.blueThemedContentPanel .title {
	color: #0651a4;
}


/* Buttons - Blue */
.blueButton {
	/*padding-left: 12px;
	background-image: url(img/blue_button_left.gif);*/
	background-position: top left;
	background-repeat: no-repeat;
	vertical-align: top;
	font-size: 1em;
	margin: 0px -2px 0px -2px; /* negative margins required for Safari - causes whitespace gaps */
}

.blueButton input {
	text-align: center;
	padding: 0px 2px 2px 2px;
	font-size: 1em;
	font-weight: bold;
	color: #ffffff;
	height: 14px;
	border: none;
	background-color: #0651a4;
	/*background-image: url(img/blue_button_right.gif);*/
	background-position: top right;
	background-repeat: no-repeat;
	cursor: pointer;
	vertical-align: top;
}



/* ------------------------- */
/* orange (Events) - #bf7126 */
/* ------------------------- */
div.orange {
	font-size: 1.2em;
}

#orange h1, #orange h2, div#content div.orange h1, div#content div.orange h2 {
	background-color: #bf7126;
	background-image: url(img/orange_heading.gif);
}

#orange h3, div#content div.orange h3 {
	color: #bf7126;
}

.orange .section {
	background-image: url(img/orange_section_arrow.gif);
	background-position: 2px left;
	background-repeat: no-repeat;
}

.orangeUnderline {
	border-bottom: 2px solid;
	color: #bf7126;;
}

.orange .section a, .orange a:hover, .orange #level1Link, .orange #level2Link {
	color: #bf7126;
}

#leftColumnHome #sectionLinks .orange ul {
	border-top: 2px solid #bf7126;
}

#leftColumn #sectionLinks li.orange {
	border-bottom: 2px solid #bf7126;
}

.orange #parentDirect, .orange #currentPage {
	background-image: url(img/orange_ul_right.gif);
	background-position: 5px 9px;
	background-repeat: no-repeat;
}

.orange #parentIndirect, .orange #currentPageIndirect {
	background-image: url(img/orange_ul_left.gif);
	background-position: 5px 9px;
	background-repeat: no-repeat;
}

#orange, .orange .contentTable th, .orange a:link, .orange a:active {
    color: #bf7126;
}

.orange a:visited {
    color: #a66221;
}

.orange .homeLinks a:hover, .orange #firstLevelLinks a:hover {
    color: #bf7126;
}


/* Themed Content Panels orange */
.contentHome .orangeThemedContentPanel {
	width: 345px;	
	float: left;
	margin-bottom: 15px;
}

.contentHome .orangeThemedContentPanel h2 {
	padding-left: 5px;
	background-image: none;
	background-color: #bf7126;
}

.contentHome .orangeThemedContentPanel p {
	padding-left: 5px;
}

.orangeThemedContentPanel img.tcpImageleft {
	border: 2px solid #bf7126;
	margin: 5px 10px 5px 0;
}

.orangeThemedContentPanel img.tcpImageright {
	border: 2px solid #bf7126;
	margin: 5px 0 5px 10px;
}

.orange img.tcpImageleft {
	padding: 5px 10px 10px 0;
}

.orange img.tcpImageright {
	padding: 5px 0 10px 10px;
}

.orangeThemedContentPanel a {
	color: #bf7126;
	text-decoration: underline;
}

.orangeThemedContentPanel a:visited {
    color: #a66221;
}

.orangeThemedContentPanel .title {
	color: #bf7126;
}


/* Buttons - Orange */
.orangeButton {
	/*padding-left: 12px;
	background-image: url(img/orange_button_left.gif);*/
	background-position: top left;
	background-repeat: no-repeat;
	vertical-align: top;
	font-size: 1em;
	margin: 0px -2px 0px -2px; /* negative margins required for Safari - causes whitespace gaps */
}

.orangeButton input {
	text-align: center;
	padding: 0 2px 2px 2px;
	font-size: 1em;
	font-weight: bold;
	color: #ffffff;
	height: 14px;
	border: none;
	background-color: #bf7126;
	/*background-image: url(img/orange_button_right.gif);*/
	background-position: top right;
	background-repeat: no-repeat;
	cursor: pointer;
	vertical-align: top;
}



/* ---------------------- */
/* red (Policy) - #bb3102 */
/* ---------------------- */
div.red {
	font-size: 1.2em;
}

#red h1, #red h2, div#content div.red h1, div#content div.red h2 {
	background-color: #bb3102;
	background-image: url(img/red_heading.gif);
}

#red h3, div#content div.red h3 {
	color: #bb3102;
}

.red .section {
	background-image: url(img/red_section_arrow.gif);
	background-position: 2px left;
	background-repeat: no-repeat;
}

.red .section a, .red a:hover, .red #level1Link, .red #level2Link {
	color: #bb3102;
}

.redUnderline {
	border-bottom: 2px solid;
	color: #bb3102;;
}

#leftColumnHome #sectionLinks .red ul {
	border-top: 2px solid #bb3102;
}

#leftColumn #sectionLinks li.red {
	border-bottom: 2px solid #bb3102;
}

.red #parentDirect, .red #currentPage {
	background-image: url(img/red_ul_right.gif);
	background-position: 5px 9px;
	background-repeat: no-repeat;
}

.red #parentIndirect, .red #currentPageIndirect {
	background-image: url(img/red_ul_left.gif);
	background-position: 5px 9px;
	background-repeat: no-repeat;
}

#red, .red .contentTable th, .red a:link, .red a:active {
    color: #bb3102;
}

.red a:visited {
    color: #a12a02;
}

.red .homeLinks a:hover, .red #firstLevelLinks a:hover {
    color: #bb3102;
}


/* Themed Content Panels red */
.contentHome .redThemedContentPanel {
	width: 345px;	
	float: left;
	margin-bottom: 15px;
}

.contentHome .redThemedContentPanel h2 {
	padding-left: 5px;
	background-image: none;
	background-color: #bb3102;
}

.contentHome .redThemedContentPanel p {
	padding-left: 5px;
}

.redThemedContentPanel img.tcpImageleft {
	border: 2px solid #bb3102;
	margin: 5px 10px 5px 0;
}

.redThemedContentPanel img.tcpImageright {
	border: 2px solid #bb3102;
	margin: 5px 0 5px 10px;
}

.red img.tcpImageleft {
	padding: 5px 10px 10px 0;
}

.red img.tcpImageright {
	padding: 5px 0 10px 10px;
}

.redThemedContentPanel a {
	color: #bb3102;
	text-decoration: underline;
}

.redThemedContentPanel a:visited {
    color: #a12a02;
}

.redThemedContentPanel .title {
	color: #bb3102;
}


/* Buttons - Red */
.redButton {
	/*padding-left: 12px;
	background-image: url(img/red_button_left.gif);*/
	background-position: top left;
	background-repeat: no-repeat;
	vertical-align: top;
	font-size: 1em;
	margin: 0px -2px 0px -2px; /* negative margins required for Safari - causes whitespace gaps */
}

.redButton input {
	text-align: center;
	padding: 0 2px 2px 2px;
	font-size: 1em;
	font-weight: bold;
	color: #ffffff;
	height: 14px;
	border: none;
	background-color: #bb3102;
	/*background-image: url(img/red_button_right.gif);*/
	background-position: top right;
	background-repeat: no-repeat;
	cursor: pointer;
	vertical-align: top;
}



/* -------------------------- */
/* magenta (Groups) - #a81889 */
/* -------------------------- */
div.magenta {
	font-size: 1.2em;
}

#magenta h1, #magenta h2, div#content div.magenta h1, div#content div.magenta h2 {
	background-color: #a81889;
	background-image: url(img/magenta_heading.gif);
}

#magenta h3, div#content div.magenta h3 {
	color: #a81889;
}

.magenta .section {
	background-image: url(img/magenta_section_arrow.gif);
	background-position: 2px left;
	background-repeat: no-repeat;
}

.magenta .section a, .magenta a:hover, .magenta #level1Link, .magenta #level2Link {
	color: #a81889;
}

.magentaUnderline {
	border-bottom: 2px solid;
	color: #a81889;;
}

#leftColumnHome #sectionLinks .magenta ul {
	border-top: 2px solid #a81889;
}

#leftColumn #sectionLinks li.magenta {
	border-bottom: 2px solid #a81889;
}

.magenta #parentDirect, .magenta #currentPage {
	background-image: url(img/magenta_ul_right.gif);
	background-position: 5px 9px;
	background-repeat: no-repeat;
}

.magenta #parentIndirect, .magenta #currentPageIndirect {
	background-image: url(img/magenta_ul_left.gif);
	background-position: 5px 9px;
	background-repeat: no-repeat;
}

#magenta, magenta .contentTable th, .magenta a:link, .magenta a:active {
    color: #a81889;
}

.magenta a:visited {
    color: #8f1474;
}

.magenta .homeLinks a:hover, .magenta #firstLevelLinks a:hover {
    color: #a81889;
}


/* Themed Content Panels magenta */
.contentHome .magentaThemedContentPanel {
	width: 345px;	
	float: left;
	margin-bottom: 15px;
}

.contentHome .magentaThemedContentPanel h2 {
	padding-left: 5px;
	background-image: none;
	background-color: #a81889;
}

.contentHome .magentaThemedContentPanel p {
	padding-left: 5px;
}

.magentaThemedContentPanel img.tcpImageleft {
	border: 2px solid #a81889;
	margin: 5px 10px 5px 0;
}

.magentaThemedContentPanel img.tcpImageright {
	border: 2px solid #a81889;
	margin: 5px 0px 5px 10px;
}

.magenta img.tcpImageleft {
	padding: 5px 10px 10px 0;
}

.magenta img.tcpImageright {
	padding: 5px 0 10px 10px;
}

.magentaThemedContentPanel a {
	color: #a81889;
	text-decoration: underline;
}

.magentaThemedContentPanel a:visited {
    color: #8f1474;
}

.magentaThemedContentPanel .title {
	color: #a81889;
}

/* Buttons - Magenta */
.magentaButton {
	/*padding-left: 12px;
	background-image: url(img/magenta_button_left.gif);*/
	background-position: top left;
	background-repeat: no-repeat;
	vertical-align: top;
	font-size: 1em;
	margin: 0px -2px 0px -2px; /* negative margins required for Safari - causes whitespace gaps */
}

.magentaButton input {
	text-align: center;
	padding: 0 10px 2px 2px;
	font-size: 1em;
	font-weight: bold;
	color: #ffffff;
	height: 14px;
	border: none;
	background-color: #a81889;
	/*background-image: url(img/magenta_button_right.gif);*/
	background-position: top right;
	background-repeat: no-repeat;
	cursor: pointer;
	vertical-align: top;
}



/* ------------------------ */
/* grey (Default) - #8b8c7e */
/* ------------------------ */
div.grey {
	font-size: 1.2em;
}

#grey h1, #grey h2, div#content div.grey h1, div#content div.grey h2 {
	background-color: #8b8c7e;
	background-image: url(img/grey_heading.gif);
}

#grey h3, div#content div.grey h3 {
	color: #8b8c7e;
}

.greyHomePage h1, .greyHomePage h2 {
	background-color: #8b8c7e;
	background-image: url(img/grey_heading.gif);
}

.grey .section {
	background-image: url(img/grey_section_arrow.gif);
	background-position: 2px left;
	background-repeat: no-repeat;
}

.grey .section a, .grey a:hover, .grey #level1Link, .grey #level2Link {
	color: #8b8c7e;
}

.greyUnderline {
	border-bottom: 2px solid;
	color: #8b8c7e;;
}

#leftColumnHome #sectionLinks .grey ul {
	border-top: 2px solid #8b8c7e;
}

#leftColumn #sectionLinks li.grey {
	border-bottom: 2px solid #8b8c7e;
}

.grey #parentDirect, .grey #currentPage {
	background-image: url(img/grey_ul_right.gif);
	background-position: 5px 9px;
	background-repeat: no-repeat;
}

.grey #parentIndirect, .grey #currentPageIndirect {
	background-image: url(img/grey_ul_left.gif);
	background-position: 5px 9px;
	background-repeat: no-repeat;
}

#grey, .grey .contentTable th, .grey a:link, .grey a:active {
    color: #8b8c7e;
}

.grey a:visited {
    color: #727367;
}

.grey .homeLinks a:hover, .grey #firstLevelLinks a:hover {
    color: #8b8c7e;
}


/* Themed Content Panels grey */
.contentHome .greyThemedContentPanel {
	width: 345px;	
	float: left;
	margin-bottom: 15px;
}

.contentHome .greyThemedContentPanel h2 {
	padding-left: 5px;
	background-image: none;
	background-color: #8b8c7e;
}

.contentHome .greyThemedContentPanel p {
	padding-left: 5px;
}

.greyThemedContentPanel img.tcpImageleft {
	border: 2px solid #8b8c7e;
	margin: 5px 10px 5px 0;
}

.greyThemedContentPanel img.tcpImageright {
	border: 2px solid #8b8c7e;
	margin: 5px 0 5px 10px;
}

.grey img.tcpImageleft {
	padding: 5px 10px 10px 0;
}

.grey img.tcpImageright {
	padding: 5px 0 10px 10px;
}

.greyThemedContentPanel a {
	color: #8b8c7e;
	text-decoration: underline;
}

.greyThemedContentPanel a:visited {
    color: #727367;
}

.greyThemedContentPanel .title {
	color: #8b8c7e;
}


/* Buttons - Grey */
.greyButton {
	/*padding-left: 12px;
	background-image: url(img/grey_button_left.gif);*/
	background-position: top left;
	background-repeat: no-repeat;
	vertical-align: top;
	font-size: 1em;
	margin: 0px -3px 0px -3px; /* negative margins required for Safari - causes whitespace gaps */
}

.greyButton input {
	text-align: center;
	padding: 0 10px 2px 2px;
	font-size: 0.9em;
	font-weight: bold;
	color: #ffffff;
	height: 14px;
	border: none;	
	background-color: #8b8c7e;
	background-position: top right;
	background-repeat: no-repeat;
	cursor: pointer;
	vertical-align: top;

}


/* end of section dependent settings */

/* global setting to reset link colour to grey */
.homeLinks a:visited, .homeLinks a:link {
	color: #8b8c7e;
}

