/* common styling */
.menu    { font-size: 12px; font-family: "Trebuchet MS"; position: relative; z-index: 100; height: 100px }
.menu ul li a, .menu ul li a:visited       { color: #fff; font-size: 12px; font-family: "Trebuchet MS"; text-decoration: none; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; display: block; height: 49px; overflow: hidden }
.menu ul  { list-style: none; margin: 0; padding: 0 }
.menu ul li  { position: relative; float: left }
.menu ul li ul  { display: none }

/* specific to non IE browsers */
.menu ul li:hover a      { color: #fff; background: #014493 }
.menu ul li:hover ul {display:block; position:absolute; top:49px; left:0; width:105px; height: 30px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;height: 30px;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;height: 30px;}
.menu ul li:hover ul li ul {display: none;height: 30px;}
.menu ul li:hover ul li a        { color: #fff; background: #014493; display: block; height: 30px; border-top: 1px solid #fff }
.menu ul li:hover ul li a:hover       { color: #274a7d; background: #86c6ec; height: 30px }
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;height: 30px;}
.menu ul li:hover ul li:hover ul.left {left:-105px;height: 30px;}