/* common styling */
.menu {font-family:  calibri, arial, sans-serif; width:750px; position:relative; margin:0; font-size:14px; margin:0px 0 10px 0; z-index:1000;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#fff; height:22px; text-align:left; color:#996600;  background:#fff; line-height:15px; font-size:13px; overflow:hidden; padding-top:10px; font-weight: bold;}
.menu ul {padding-left:0px; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:0px; position:relative; padding-left:20px; width: auto;}
.menu ul li ul {display: none; left:-5px;}

/* specific to non IE browsers */
.menu ul li:hover a  {color:#990000;  }
.menu ul li:hover ul {display:block; position:absolute; top:32px; left:-5px;}
.menu ul li:hover ul li a.hide {background:#fff; color:#996600;font-size:13px;background-image:url(images/pil.jpg);background-position:center;background-repeat: no-repeat;}
.menu ul li:hover ul li:hover a.hide {background:#fff; color:#990000;background-image:url(images/pil_hover.jpg);background-position:center;background-repeat: no-repeat;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#fff; color:#996600;width:150px;padding-left:5px; height:21px;padding-top:4px;font-size:13px;border:1px solid #990000; border-width: 1px 0 0 0;}
.menu ul li:hover ul li a:hover {background:#fff; color:#990000;font-size:13px;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:156px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-150px; }