/* common styling */
#menu {
   font-family: arial, sans-serif;
   width: 100%;
   height: 26px;
   position:relative;
   font-size:11px;
   margin:2px 0;
   z-index:100;
   background-color: #b95a2e;
   color: #fff;
}
#menu ul li a, #menu ul li a:visited {
   display:block;
   text-decoration:none;
   color:#fff;
   width:110px;
   height:26px;
   text-align:center;
   background-color: #b05020;
   background-image: url(../images/menu_bg.png);
   line-height:26px;
   font-size:11px;
   overflow:hidden;
}
#menu ul {
   padding:0;
   margin:0;
   list-style-type: none;
}
#menu ul li {
   float:left;
   margin-right:1px;
   position:relative;
}
/* submenu */
#menu ul li ul {
   display: none;
   -moz-box-shadow: 1px 1px 10px #333;
   -webkit-box-shadow: 1px 1px 10px #333;
   box-shadow: 1px 1px 10px #333;
}
#menu ul li.active a, #menu ul li:hover ul li.active a {
   color:#fff;
   background-image: url(../images/menu_bg.png);
   background-position: 0 -26px;
}

#menu ul li:hover a {
   color:#fff;
   background-image: url(../images/menu_bg.png);
   background-position: 0 -26px;
}
#menu ul li:hover ul {
   display:block;
   position:absolute;
   top:26px;
   left:0;
   width:110px;
}
#menu ul li:hover ul li a.hide {
   background:#f70;
   color:#fff;
}
#menu ul li:hover ul li:hover a.hide {
   background:#f70;
   color:#000;
}
#menu ul li:hover ul li ul {
   display: none;
}
#menu ul li:hover ul li a {
   display:block;
   background:#ddd;
   border-bottom: 1px solid #999;
   color:#000;
}
#menu ul li:hover ul li a:hover {
   background-image: url(../images/menu_bg.png);
   background-position: -0px -26px;
   color: #fff;
}
#menu ul li:hover ul li:hover ul {
   display:block;
   position:absolute;
   left:110px;
   top:0;
}
#menu ul li:hover ul li:hover ul.left {
   left:-110px;
}