#nav ul {

 position: relative;
 list-style: none;
 font-size: 12px;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
 margin: 0;
 padding: 0;

}

#nav li a {

 color: #333;
 text-decoration: none;
 background: #fff;
 padding: 4px 0 4px 40px;
 border-bottom: solid 1px #fff9f9;
 display: block;

}

#nav li a:hover {

 color: #fff;
 padding: 4px 0 4px 60px;
 background: #ccc;

}











#nav li a.ddown {

 background: #eee url(../img/menu_arrow.gif) no-repeat right;
 padding-right: 6px;

}

#nav li img {

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

}

#nav li:hover {

 background-position: 0% -42px;

}

#nav li a.ddown:hover {

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

}

#nav li ul {

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

}

#nav li ul li {

 width: 200px;
 padding: 0;
 margin: 0;
 clear: left;

}

#nav li ul li a {

 width: 200px;
 height: 16px;
 color: #333;
 font-weight: normal;
 text-align: left;
 background: #fff;
 border: solid #fff;
 border-width: 0 1px 1px 1px;
 padding: 2px 5px 4px 5px;
 margin: 0;
 opacity: 0.85;
 display: block;

}

#nav li ul li a:hover {

 background: #ccc;
 padding: 2px 5px 4px 5px;

}

#nav li ul li div {

 width: 200px;
 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;

}

#nav li:hover ul {

 display: block;

}