.menu { MARGIN: 0px; }

/* clean up the default list styling */
.menu ul { MARGIN: 0px; PADDING: 0px; POSITION: relative; Z-INDEX: 30; WIDTH: 160px; LIST-STYLE-TYPE: none;
	BORDER: #8c5d64 1px solid; BACKGROUND: #6c1624; }
	
.menu li { BORDER-BOTTOM: #8c5d64 1px solid; WIDTH: 100%; BACKGROUND: #6c1624; }
.menu li.ultimo { BORDER-BOTTOM: 0px; BACKGROUND: #6c1624; }

/* FILTER for IE, OPACITY for FF                                    IE6 and FF work OK, IE7 misworks */
.menu ul ul { zzFILTER: alpha(opacity=92); OPACITY: .92; }

/* style the links */
.menu a, .menu a:visited { PADDING: 8px 4px 8px 7px; DISPLAY: block; TEXT-DECORATION: none; FONT-FAMILY: arial, verdana; FONT-SIZE: 8pt; 
	FONT-WEIGHT: bold; COLOR: #fcf8ee; BACKGROUND: #6c1624; }
.menu a.noHand { CURSOR: default; BACKGROUND: #6c1624; }

.menu table { Z-INDEX: 10; POSITION: absolute; TOP: 0px; LEFT: 0px; BORDER-COLLAPSE: collapse; }

* HTML .menu a, * HTML .menu a:visited { WIDTH: 151px; }
* HTML .menu a:hover { BACKGROUND: #410000; COLOR: #fcf8ee; POSITION: relative; Z-INDEX: 50; }
.menu li:hover { POSITION: relative; Z-INDEX: 50; }

/* retain the hover COLORs for each sublevel IE7 and Firefox etc */
.menu li:hover > a { BACKGROUND: #410000; COLOR: #fcf8ee; WIDTH: 149px; } 

/* hide the sub levels and give them a POSITION absolute so that they take up no room */
.menu li ul { PADDING: 0px;	VISIBILITY: hidden; POSITION: absolute; TOP: -1px; LEFT: 160px; }

/* for browsers that understand this is all thats needed: */
.menu li:hover > ul { VISIBILITY: visible; }

/* for IE5.5 and IE6 need to style each level hover: */
/* keep the levels hidden depending on wich one is being used */
.menu ul a:hover ul ul { VISIBILITY: hidden; }
.menu ul a:hover ul { VISIBILITY: visible; }
.menu ul a:hover ul a:hover ul { VISIBILITY: visible; }