.menu { MARGIN: 0; }
.menu * { LINE-HEIGHT: 1.8; }

/* clean up the default list styling */
.menu ul { POSITION: relative; Z-INDEX: 30; WIDTH: 149px; PADDING: 0; MARGIN: 0; LIST-STYLE-TYPE: none;
	BORDER: 1px solid #42425a; BORDER-BOTTOM: 0; BACKGROUND: white; }
	
.menu li { BORDER-BOTTOM: 1px solid #42425a; WIDTH: 100%; BACKGROUND-COLOR: white; }

/* FILTER for IE, OPACITY for FF.  Funciona en FF pero no en IE.  Corta el tercer nivel. */
.menu ul ul { zzFILTER: alpha(opacity=92); OPACITY: .92; }

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

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

* HTML .menu a, * HTML .menu a:visited { WIDTH: 140px; }
* HTML .menu a:hover { BACKGROUND-COLOR: #d9dde9; 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-COLOR: #d9dde9; WIDTH: 134px; } 

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

/* 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; }