<STYLE type=text/css>
.menu 
{
  MARGIN: 5px 0px 10px 0px; HEIGHT: 100px
}
.menu UL {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px;  
	WIDTH: 135px; 
	PADDING-TOP: 5px;
	LIST-STYLE-TYPE: none; 
	POSITION: relative; HEIGHT: 182px;
	color:#000000;
}
.menu LI {
	BACKGROUND: #d9ca9f; HEIGHT: 18px;  font: bold 12px Arial, Helvetica, sans-serif;
}
 HTML .menu LI {
	MARGIN-LEFT: 0px 
}
.menu TABLE {
	 font: bold 12px Arial, Helvetica, sans-serif; LEFT:3px; WIDTH: 0px; POSITION: absolute; TOP: 0px; BORDER-COLLAPSE: collapse;  
}
.menu A {
	DISPLAY: block; WIDTH: 135px;  TEXT-INDENT: 10px; LINE-HEIGHT: 18px;  HEIGHT: 18px; TEXT-DECORATION: none; COLOR: #000000;
}
.menu A:visited {
	DISPLAY: block;  WIDTH: 135px;  TEXT-INDENT: 10px; LINE-HEIGHT: 18px; HEIGHT: 18px; TEXT-DECORATION: none; COLOR: #000000;
}
 HTML .menu A:hover {
	BACKGROUND: #FAF3DD; COLOR: #8a1100; text-decoration:underline;
}
.menu UL UL {
	LEFT: 135px; VISIBILITY: hidden; POSITION: absolute; TOP: 39px;
}
.menu UL LI:hover UL {
	VISIBILITY: visible; HEIGHT: 235px
}
.menu UL A:hover UL {
	VISIBILITY: visible; HEIGHT: 235px
}
</STYLE>
<!--[if IE 7]>
<style type="text/css">
.menu li {float:left;}
</style>
<![endif]-->
