#menu {

 width: 180px;
 height: 22px;
 list-style-type: none;
 text-align: center;
 border: 0;
 margin: 0;
 padding: 0;
 margin-left: 10px;

}

#menu li {

 position: relative;
 text-align: center;
 padding: 0;
 margin-bottom: 10px;
 display: block;

}

#menu li a {

 color: #333;
 text-decoration: none;
 text-align: left;
 font-size: 12px;
 font-weight: bold;
 border-top: solid 1px #ffc;
 border-bottom: solid 1px #ffc;
 padding: 6px 5px 8px 10px;
 display: block;

}

#menu li a:hover {

 color: #000;
 background: #ffc;

}

#menu li a:active {

 color: #000;

}

#menu li.menu_act a {

 color: #b00400;
 background: #ffc;

}



















#menu li a.ddown {
 background: #548aca url(../img/menu_arrow.gif) no-repeat right;
 padding-right: 6px;

}

#menu li img {

 width: 11px;
 height: 11px;
 vertical-align: top;
 margin: 4px 5px 0 0;

}

#menu li:hover {

 background-position: 0% -42px;

}

#menu li a.ddown:hover {

 color: #000;
 background: #ffc url(../img/menu_arrow.gif) no-repeat right;

}

#menu li ul {

 position: absolute;
 bottom: 0;
 right: 180px;
 list-style: none;
 margin: 0;
 padding: 0;
 display: none;
 z-index: 99;
 clear: both;

}

#menu li ul li {

 margin: 0;
 clear: left;

}

#menu li ul li a {

 width: 140px;
 height: 16px;
 color: #000;
 font-weight: normal;
 text-align: left;
 /* background: #f7f38c; */
 background: #e8e8b6;
 border: solid #fff;
 border-width: 0 1px 1px 1px;
 padding: 2px 5px 4px 5px;
 opacity: 0.85;
 display: block;

}

#menu li ul li div {

 width: 140px;
 color: #fff;
 font-size: 11px;
 font-weight: bold;
 text-align: left;
 background: #000;
 border: solid #fff;
 border-width: 0 1px 1px 1px;
 padding: 4px 5px 6px 5px;
 opacity: 0.85;
 cursor: pointer;
 display: block;

}

#menu li:hover ul {

 display: block;

}