.ipadmenu {position:relative; z-index:999;}
ul.menu {padding:0; margin:0; list-style:none;}
ul.menu ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; top:30px;}
ul.menu a {font:normal 10pt arial, sans-serif; color:#fff; text-decoration:none;}
ul.menu a:hover {color:#C9F; text-decoration:none;}
ul.menu li:hover > a {color:#C9F;}

ul.menu li {float:left; margin-right:1px; position:relative;}
ul.menu li ul li {float:none;}

ul.menu li.nosub a {display:block; height:40px; line-height:40px;  padding:0 20px 0 0; float:left;}
ul.menu li.nosub a b {display:block; height:40px;  padding:0 0 0 20px; cursor:pointer; float:left;}
ul.menu li.liTop a.open {display:block; height:100%; line-height:40px;  padding:0 30px 0 0; float:left;}
ul.menu li.liTop a.open b {display:block;  padding:0 0 0 12px; cursor:pointer}

ul.menu ul li a {display:block; padding:10px 10px; height:auto; line-height:16px;}
ul.menu ul li a:hover {background:#fffffe;}

ul.menu li.liTop:hover {position:relative;}
ul.menu li.liTop:hover ul {background:#444; left:0;}

/* for IE6 */
ul.menu table {border-collapse:collapse; width:0; height:0; position:absolute; left:0; top:0;}
ul.menu a ul li {float:left; width:170px;}
* html ul.menu li.liTop a:hover {direction:ltr; height:41px;}
ul.menu a:hover ul {left:0;}
ul.menu a:hover ul li a {width:150px;}
ul.menu a:hover ul li a:hover {height:auto;}

/* for the Safari mobile browser */
div.ipadmenu img.close {display:none; width:100%; height:100%; position:fixed; left:0; top:0; z-index:-1;}
div.ipadmenu ul:hover + img {display:block;}