.backgroundColor1 {
	background-color: #FFFF00;
}
.backgroundColor2 {
	background-color: #FF33CC;
}
.backgroundColor3 {
	background-color: #FF99CC;
}
.backgroundColor4 {
	background-color: #FFFFCC;
}



.toolbar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	color: #003399;
	font-style: normal;
	text-decoration: none;
	background-color: #FFFFFF;
}
.subtoolbar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	color: #003399;
	font-style: normal;
	text-decoration: none;
	background-color: #CCCCCC;
}



<script language="JavaScript">
// function to activate a link in the toolbar
function linkOn(currentLink, cell) {
	currentLink.style.color = "#FFFFFF";
	currentLink.style.fontWeight = "bold";
	currentLink.style.textDecoration = "underline";
	
	var currentCell = document.getElementById(cell);
	currentCell.style.backgroundColor = "#CCCCCC";
}

// function to deactivate a link in the main toolbar

function linkOff(currentLink, cell) {
	currentLink.style.color = "#666666";
	currentLink.style.fontWeight = "bold";
	currentLink.style.textDecoration = "none";
	
	var currentCell = document.getElementById(cell);
	currentCell.style.backgroundColor = "#FFFFFF";

}
// function to activate a link in the submenu
function sublinkOn(currentLink, cell) {
	currentLink.style.color = "#CCCCCC";
	currentLink.style.fontWeight = "bold";
	currentLink.style.textDecoration = "underline";
	
	var currentCell = document.getElementById(cell);
	currentCell.style.backgroundColor = "#666666";
}
// function to deactivate the buttons in the submenu
function sublinkOff(currentLink, cell) {
	currentLink.style.color = "#666666";
	currentLink.style.fontWeight = "bold";
	currentLink.style.textDecoration = "none";
	
	var currentCell = document.getElementById(cell);
	currentCell.style.backgroundColor = "#CCCCCC";

}

//	function to show submenu

function showLayer(layerid){
	var layer = document.getElementById(layerid);
	layer.style.visibility = "visible";
}

//	function to hide submenu

function hideLayer(layerid){
	var layer = document.getElementById(layerid);
	layer.style.visibility = "hidden";
}
a { font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
}
.headReg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	font-style: normal;
}
.headRegItalic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: italic;
	font-weight: normal;
	color: #000000;
}
.headBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	font-style: normal;
}
.headBoldItalic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
}

.subheadReg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
.subheadRegItalic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	color: #000000;
}
.subheadBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.subheadBoldItalic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
}
.bodyReg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.bodyRegItalic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #000000;
}
.bodyBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.bodyBoldItalic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
}
.footnoteReg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
.footnoteItalic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	color: #000000;
}
.footnoteBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.footnoteBoldItalic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
}
.bodyBoldColor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
}
.bodyRegColor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}
.subheadRegColor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #FF0000;
}
.subheadBoldColor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
}
.headRegColor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #FF0000;
	font-style: normal;
}
.headBoldColor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #FF0000;
	font-style: normal;
}