/* common styling */
.menu {font-family: arial, sans-serif; width:100%; height:30px; position:relative; font-size:11px; z-index:100; text-align:left}
.menu ul li a  {display:block; text-decoration:none; color:#294f7a!important; height:25px; text-align:left;   line-height:25px; font-size:11px; overflow:hidden; }
.menu ul li a:visited {display:block; text-decoration:none!important; color:#294f7a; height:25px; text-align:left;  line-height:25px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;text-align:left}
.menu ul li {float:left; position:relative; text-align:left;  }
.menu ul li ul {display: none; text-align:left}

/* specific to non IE browsers */
.menu ul li:hover a{color:#4b4b4b!important; text-shadow: white 1px 1px 2px; background:url('../img/menu-bgh.jpg') repeat-x bottom left; text-decoration:none!important; }
.menu ul li  a.cur  {color:#4b4b4b!important; text-shadow: white 1px 1px 2px; background:url('../img/menu-bg.jpg') repeat-x bottom left; text-decoration:none!important; }
.menu ul li:hover ul {display:block; position:absolute;  top:25px; left:0; text-align:left;     

    -webkit-box-shadow: 1px 2px 10px #222;

    -moz-box-shadow: 1x 2px 10px #222;

    box-shadow: 1x 10px 10px #222; }
.menu ul li:hover ul li a.hide {background:#6a3; color:#000!important; text-align:left}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000!important; text-align:left;}
.menu ul li:hover ul li ul {display: none; text-align:left; }
.menu ul li:hover ul li a {display:block; width:200px; height:25px!important; font-weight:normal!important; line-height:25px!important; text-align:left; color:#000!important; font-size:12px!important; background:#f1f1f1; }
.menu ul li:hover ul li a:hover {background:#c4c3c3; color:#000!important;}