/* common styling */
.menu {font: 14px/14px arial, sans-serif; width:939px; height:36px; text-transform:uppercase; background:url(menu-bg.jpg) top center no-repeat;}
.menu ul li a, 
.menu ul li a:visited {	display:block; text-decoration:none; color:#fff; text-align:center; line-height:36px; overflow:hidden; padding:0 15px;}	
.menu ul {padding:0 0 0 15px; margin:0; list-style: none;}
.menu ul li {float:left; position:relative; padding:0 8px; margin:0;}
.menu .last {float:right; position:relative; padding:0 15px 0 0; margin:0; line-height:36px; }
.menu ul li ul {display: none;}


/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:url(drop-bg.jpg) top left repeat-x;}
.menu span a {color:#fff; background:none; display:inline; text-decoration:none; text-transform:none; }
.menu ul li:hover span a {color:#fff; background:none; display:inline; text-decoration:none; text-transform:none; }
.menu ul li:hover span a:hover {color:#fff; background:none; display:inline; text-decoration:none; text-transform:none; }
.menu ul li:hover ul {display:block; position:absolute; top:36px; left:15px; border:1px solid #ccc; width:260px; padding:0; background:#fff;}
.menu ul li:hover ul li {width:130px; margin:0; padding:0; display:inline; }
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {	display:block; background:#fff; color:#000; text-align:center; height:20px; font: 12px/20px arial, sans-serif; border:1px dotted #ccc; padding:0 5px; }
.menu ul li:hover ul li a:hover {background:#c11419; color:#fff; text-align:center;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}


/*for spanish*/

.menu2 {font: 12px/12px arial, sans-serif; width:939px; height:36px; text-transform:uppercase; background:url(menu-bg.jpg) top center no-repeat;}
.menu2 ul li a, 
.menu2 ul li a:visited {	display:block; text-decoration:none; color:#fff; text-align:center; line-height:36px; overflow:hidden; padding:0 15px;}	
.menu2 ul {padding:0 0 0 15px; margin:0; list-style: none;}
.menu2 ul li {float:left; position:relative; padding:0; margin:0;}
.menu2 .last {float:right; position:relative; padding:0 15px 0 0; margin:0; line-height:36px; }
.menu2 ul li ul {display: none;}


/* specific to non IE browsers */
.menu2 ul li:hover a {color:#fff; background:url(drop-bg.jpg) top left repeat-x;}
.menu2 span a {color:#fff; background:none; display:inline; text-decoration:none; text-transform:none; }
.menu2 ul li:hover span a {color:#fff; background:none; display:inline; text-decoration:none; text-transform:none; }
.menu2 ul li:hover span a:hover {color:#fff; background:none; display:inline; text-decoration:none; text-transform:none; }
.menu2 ul li:hover ul {display:block; position:absolute; top:36px; left:15px; border:1px solid #ccc; width:260px; padding:0; background:#fff;}
.menu2 ul li:hover ul li {width:130px; margin:0; padding:0; display:inline; }
.menu2 ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu2 ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu2 ul li:hover ul li ul {display: none;}
.menu2 ul li:hover ul li a {	display:block; background:#fff; color:#000; text-align:center; height:20px; font: 12px/20px arial, sans-serif; border:1px dotted #ccc; padding:0 5px; }
.menu2 ul li:hover ul li a:hover {background:#c11419; color:#fff; text-align:center;}
.menu2 ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu2 ul li:hover ul li:hover ul.left {left:-105px;}