div.menuBar,
div.subMenuBar,
div.menuBar a.menuButton,
div.subMenuBar a.menuButton {		/* Base menu text styles */
	font-family: "MS Sans Serif", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	color: #000;
}
div.menuBar {				/* Main menubar colours and interior padding */
	background-color: #DCCDA5;
	border: 1px solid;
	border-color: #fff #B89A48 #B89A48 #fff;
	padding: 4px 2px 4px 10px;
}
div.subMenuBar {
	background-color: #ccc;
	border: 1px solid;
	border-color: #ccc #999 #999 #fff;
	padding: 4px 2px 4px 10px;
	text-align: left;
}
#topMenu {
	text-align: left;
}
#bottomMenu {
	text-align: center;
}
div.menuBar a.menuButton,
div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActiveSub {	/* Main menubar link styles: 1.Plain 2.Active 3.Active, submenu'd */
	background-color: transparent;
	border: 1px solid #DCCDA5;
	color: #000;
	cursor: hand;
	text-decoration: none;
	margin: 1px;
	padding: 3px 7px 3px 7px;
	position: relative; /* This is to shift it down when Active */
	left: 0px;
	top: 0px;
	z-index: 100;
}
div.subMenuBar a.menuButton {	/* Sub-menubar link */
	background-color: transparent;
	border: 1px solid #ccc;
	color: #000;
	cursor: hand;
	text-decoration: none;
	margin: 1px;
	padding: 3px 7px 3px 7px;
	left: 0px;
	top: 0px;
	z-index: 101;
}
div.subMenuBar a.menuButtonActive {	/* Sub-menubar link */
	background-color: transparent;
	border: 1px solid #ccc;
	color: #000;
	cursor: hand;
	text-decoration: none;
	margin: 1px;
	padding: 3px 7px 3px 7px;
	position: relative; /* This is to shift it down when Active */
	left: 0px;
	top: 0px;
	z-index: 101;
}
div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActiveSub,
div.subMenuBar a.menuButtonActive {	/* Active menu items shouldn't look active. Arrow cursor */
	cursor: default;
}
div.menuBar a.menuButton:hover {	/* Main menubar link rollover style */
  background-color: #fc0;
  border-color: #fff #B89A48 #B89A48 #fff;
  color: #000;
}
div.subMenuBar a.menuButton:hover {	/* Sub-menubar link rollover style */
  background-color: #ccc;
  border-color: #fff #999 #999 #fff;
  color: #000;
}
div.menuBar#topMenu a.menuButtonActive,
div.menuBar#topMenu a.menuButtonActive:hover {	/* Top menubar Active link state: depressed & shifted down */
  background-color: #E9E9E9;
  border-color: #B89A48 #fff #E9E9E9 #B89A48;
  color: #000;
  font-weight: bold;
  left: 1px;
  top: 1px;
}
div.menuBar a.menuButtonActiveSub,
div.menuBar a.menuButtonActiveSub:hover {	/* Main menubar Active, submenu'd link state: depressed & shifted down */
  background-color: #ccc;
  border-color: #B89A48 #fff #ccc #B89A48;
  color: #000;
  font-weight: bold;
  left: 1px;
  top: 1px;
}
div.subMenuBar a.menuButtonActive,
div.subMenuBar a.menuButtonActive:hover {	/* Sub-menubar Active link state: depressed & shifted down */
  background-color: #E9E9E9;
  border-color: #999 #fff #E9E9E9 #999;
  color: #000;
  font-weight: bold;
  left: 1px;
  top: 1px;
}
div.menuBar#bottomMenu a.menuButtonActive,
div.menuBar#bottomMenu a.menuButtonActive:hover {/* Bottom menubar Active link state: depressed & shifted up */
  background-color: #E9E9E9;
  border-color: #E9E9E9 #fff #fff #B89A48;
  color: #000;
  font-weight: bold;
  left: 1px;
  top: -1px;
}