/*esta linea es para poner valores de inicio com tipo de letra etc*/
body {margin:25px; font:11px Verdana,Arial; background:#eee}
/*esta linea es para alinear todo el menu principal hacia la izquierda o derecha*/
/*ene sta linea en windows se mueve el margin para alinear y en mac se mueve el padding*/
ul.menu {list-style:none; margin:0; padding:0}

ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
/*esta lineas es para el background de los submenus ahi donde dice top 20 es para ubicar la distancia de los submenus*/
ul.menu ul {position:absolute; top:20px; left:0; background:#62715A; display:none; opacity:0; list-style:none;font-weight:bold;}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:150px; margin:0;}
/*esta linea es para modificar el submenu*/
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#62715A;font-weight:bold;}
ul.menu ul li a:hover {background-color:#CCCCCC; color:#FFFFFF;font-weight:bold;}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {border:1px solid #aaa; padding:2px 4px 4px; text-align:center;font-weight:bold; background:url(images/header.gif); width:auto;}
ul.menu .menulink:hover, ul.menu .menuhover {background:#009999; color:#FFFFFF;font-weight:bold;}

/*esta line es para el submneu pero con submenus++* y aqui puedes mover el valor 142px para que muevas la flecha */
ul.menu .sub {background:#62715A url(Images/arrow.gif) 142px 8px no-repeat; text-align:center;}
/*esta liena es paralos sub_sub Menus */
ul.menu .topline {border-top:1px solid #aaa;}
ul.menu .submenu{margin:1px;}