/* common styling */
.menu {font-family: arial, sans-serif; height:30px; position:relative; margin:0; font-size:13px; position:relative;}
.menu ul {padding:0; margin:0; list-style-type: none;}
.menu ul li {float:left;}
.menu ul li a, .menu ul li a:visited {
 display:block;
 float:left;
 text-decoration:none;
 padding:0px 10px 0px 10px;
 height:30px;
 line-height:25px;
 color:#FFFFFF;
 float: left;
 font-weight: bold;
 white-space:nowrap;
 }
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {   color:#FFCC00; }
.menu ul li:hover ul {
  width: 988px;
  display:block;
  position:absolute;
  top:30px;
  margin:0px;
  border-top: 0px;
  left:0;
  background:#16216c;
  color:#FFFFFF;

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
-moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.5;

}
.menu ul li:hover ul.right_side li {float:right; border:0;}
.menu ul li:hover ul.left_side li {float:left; border:0;}
.menu ul li:hover ul li a.hide {color:#fff;}
.menu ul li:hover ul li:hover a.hide {color:#fff;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; font-weight: normal; color:#FFFFFF; text-decoration: underline;}
.menu ul li:hover ul li a:hover { font-weight: normal; color:#FFFFFF; text-decoration: none;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:0; top:30px; color:#000;}
.menu ul li:hover ul.right li {float:right;}
.menu ul li:hover ul li:hover a.hide {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}