/* common styling */

.menu * { z-index: 99999999; font-size: 12px !important; outline: none; }

.menu ul li a{ color: #000; }

.menu { z-index: 99999999; position:relative; left:0; top:0; height:31px; width: 970px; margin:0 auto; text-align: left; }
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; height:31px; text-align:center; line-height:31px; font-size:11px; overflow:hidden;}
.menu ul { padding:0; margin:0;list-style-type: none; text-align: left; }
.menu ul li {float:left; position:relative; background-repeat:no-repeat; background-position:right;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover ul {display:block; position:absolute; top:31px; left:0; width:105px; }
.menu ul li:hover ul li a.hide { text-align:left; }
.menu ul li:hover ul li:hover a.hide {background:#c5d1ee; color:#fff; text-align:left;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; padding-left:20px; background:#0c588c; color:#fff; line-height:31px; height:31px; text-align:left;}

.menu ul li:hover ul li{ border-bottom: 1px solid #59809a; }
.menu ul li:hover ul li:last-child{ border-bottom: 0; }

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

.menu ul li:hover ul li a:hover{ background-image: none !important; }

.fixedWidth{
  width: 120px;
}

.menu li:hover ul li{
  color: #fff;
  background: #0b466e;
}

.menu li:hover ul li:hover{
  background: #0f6bac;
}

.menu li:hover a, .menu li:hover a:hover{
  background: #106bad url("images/list-background.jpg") repeat-x;
  color: #fff;
  text-decoration: none;
}

.menu ul li:hover ul li a{
  background: inherit;
  color: #fff;
}

.menu li:hover ul li a, .menu li:hover ul li, .menu li:hover ul li a:hover{
  color: #fff;
}

.menu li:hover ul li:hover a{ 
  color: #fff;
  background: inherit;
}

.menu ul li.active a{
  background: #106bad url("images/list-background.jpg") repeat-x;
  color: #fff;
}