/* this is a CSS answer to fix the hover/focus '~' and hover/focus '+' problem in safari and chrome */html {-webkit-animation: safariSelectorFix infinite 1s 
!important;}@-webkit-keyframes safariSelectorFix {0% {zoom:1 !important;} 100% {zoom:1 !important;}}.menu {background: none repeat scroll 0 0 #000066 
!important;height: 25px !important;margin: -50px 0 40px !important;padding-left: 20px !important;width: 730px !important;}.menu ul {margin:0 !important; 
padding:0 !important; list-style:none !important; white-space:nowrap !important; position:relative !important;}.menu > ul {float:left !important;}.menu ul ul 
{position:absolute !important; left:-9999px !important;}.menu > ul > li {float:left !important; clear:both !important; display:block !important; 
position:relative !important;}.menu ul ul {background:#010066 !important; padding:10px 0 !important; border:1px solid #ddd !important;-moz-border-radius: 5px 
!important;-webkit-border-radius: 5px !important;-ms-border-radius: 5px !important;border-radius: 5px !important;}.menu > ul > li > ul {border-top:0 
!important;-moz-border-radius: 0 0 5px 5px !important;-webkit-border-radius: 0 0 5px 5px !important;-ms-border-radius: 0 0 5px 5px !important;border-radius: 0 
0 5px 5px !important;}.menu a {display:block !important; font:normal 11px verdana, arial, sans-serif !important; color:#fff !important; line-height:25px 
!important; text-decoration:none !important;  font-weight:bold !important; padding:0 30px 0 15px !important;}.menu > ul > li > a {float:left !important; 
text-transform:uppercase !important; color:#fff !important; font-weight:bold !important;}.menu ul ul li a {line-height:20px !important;}.menu ul li:hover > ul 
{left:0 !important; top:25px !important;z-index:3000 !important;}.menu ul ul li:hover > ul {left:100% !important; top:auto !important; margin:-31px 0 0 -10px 
!important;}.menu li.left:hover > ul {left:auto !important; right:0 !important; top:25px !important;}.menu li.left ul li:hover > ul {left:auto !important; right:100% !important; top:auto !important; margin:-31px -10px 0 0 !important;}.menu li.left ul a {text-align:right !important; padding:0 15px 0 30px !important;}.menu li a.fly {background:transparent url(ipad4/arrow.html) no-repeat right center !important;}.menu li.left ul a.fly {background:transparent url(ipad4/arrowl.html) no-repeat left center !important;}.menu > ul li:hover > a {background-color:red !important;}.menu ul ul li:hover > a,.menu ul ul li:hover > a.fly {background-color:#f2f2f2 !important; color:#000 !important;}.menu > ul > li.close {display:none !important; position:absolute !important; left:0 !important; top:-25px !important; width:100% !important; height:25px !important; background:none !important;}.menu > ul > li.close a {width:100% !important; padding:0 !important; text-indent:15px !important; background:#036 !important; color:#fff !important;}

