BODY
{
	margin : 0px;
	background-color : FFFFFF; <!-- #E0EFE9-->
}
.menuBar,
.Bar,
.barOver,
.Menu,
.menuItem,
.ItemMouseOver,
TD,
FORM,
INPUT,
SELECT,
TEXTAREA {
	font-family : Tahoma, Arial, sans-serif;
	font-size : 8pt;
	font-style : normal;
	font-weight : normal;
}
.menuBar
{
	position : relative;
}
<!-- 1st Level menu bar -->
<!-- 120 -->
.Bar
{
	background-color : #efefef;
	color : #000000;
	font-weight : bold;
	border : 0px ridge;
	width : 320px;
	cursor : hand;
	text-indent : 4px;
	padding-left : 4px;
	line-height : 18px;
	position : relative;
}
<!-- 1st Level menu bar on mouseover -->
.barOver
{
	background-color : #336699;
	color : #ffffff;
	font-weight : bold;
	border : 0px ridge;
	width : 320px;
	cursor : hand;
	text-indent : 4px;
	padding-left : 4px;
	line-height : 18px;
	position : relative;
}
<!-- 2nd Level menu bar  -->
.Menu
{
	background-color : #efefef;
	color : #000000;
	visibility : hidden;
	width : 320px;
	position : absolute;
	white-space : nowrap;
	text-align : left;
}
<!-- 2nd and 3rd Levels to right align -->
.menuItem
{
	color : #000000;
	border : 0px ridge;
	padding-left : 10px;
	width : 100%;
	cursor : hand;
	line-height : 18px;
	white-space : nowrap;
	text-align : right;
}
<!-- 2nd Level turn text and arrow to right align on mouse enters -->
.ItemMouseOver
{
	background-color : #336699;
	color : #ffffff;
	border : 0px ridge;
	padding-left : 10px;
	width : 100%;
	cursor : hand;
	line-height : 18px;
	white-space : nowrap;
	text-align : right;
}
.ItemMouseOut
{
	background-color : #efefef;
	width : 100%;
}
.Arrow
{
	color : #000000;
	font-family : webdings;
	font-size : 10pt;
	font-style : normal;
	font-weight : bold;
	position : relative;
	text-align : right;
	padding-left : 6px;
	padding-right : 6px;
	white-space : nowrap;
}

.tb				{color:#cccccc; font-size:8pt; font-family: arial } 
a.tb:link		{text-decoration: none; color:#000000; font-size:8pt; font-family: arial} 
a.tb:visited	{text-decoration: none; color:#000000; font-size:8pt; font-family: arial}
a.tb:hover		{text-decoration: none; color:#808080; font-size:8pt; font-family: arial}

.lv				{color:#000000; font-size:8pt; font-family: arial} 
a.lv:link		{text-decoration: none; color:#808080; font-size:8pt; font-family: arial} 
a.lv:visited	{text-decoration: none; color:#808080; font-size:8pt; font-family: arial}
a.lv:hover		{text-decoration: none; color:#183994; font-size:8pt; font-family: arial}


.Statusmenu			{color:#808080; font-size:8pt; font-family: arial}
a.menu:link		{text-decoration: none; color:#808080; font-size:8pt; font-family: arial} 
a.menu:visited	{text-decoration: none; color:#808080; font-size: 8pt; font-family: arial}
a.menu:hover	{text-decoration: underline; color:#183994; font-size:8pt; font-family: arial}

.text           {color:#000000; font-size:10pt; font-family: verdana}
a.text:link		{text-decoration: underline; color:#808080; font-size:7.5pt; font-family: verdana} 
a.text:visited	{text-decoration: underline; color:#808080; font-size: 7.5pt; font-family: verdana}
a.text:hover	{text-decoration: underline; color:#183994; font-size:7.5pt; font-family: verdana}

.grey			{color:#808080; font-size:8pt; font-family: verdana} 
.title          {color:#ffffff; font-size:8pt; font-family: tahoma, verdana}
.texthdr        {color:#8CB5D6; font-size:11pt; font-family: tahoma, verdana; font-weight:bold} 
.header         {color:#000000; font-size:11pt; font-family: tahoma, verdana; font-weight:bold; bgColor:#efefef} 
.headersml      {color:#adadad; font-size:7.5pt; font-family: tahoma, verdana; font-weight:bold}
.hheader         {color:#adadad; font-size:10pt; font-family: tahoma, verdana; font-weight:bold; bgColor:#efefef} 
 
.pageheader     {color:#000000; font-size:12pt; font-family: tahoma, verdana; font-weight:bold} 
.pagequote      {color:#8CB5D6; font-size:10pt; font-family: tahoma, verdana; font-weight:normal; font-style : italic;} 
.pagetext       {color:#000000; font-size:10pt; font-family: tahoma, verdana; font-weight:normal} 

.greycell       {bgColor:#efefef}