ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0 0 0 0px;
  padding: 0;
  width: 200px;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 1px;
}

ul.menu li a, ul.menu ul.menu li a {
  	height:35px!important;
  	line-height: 35px;
	margin:0;
	background-image: url(../images/bg_menu.png);
	background-repeat: no-repeat;
	background-position:top left;
	color:#3b444b;
	text-align: left;
   padding-left: 0.5em;
}

ul.menu li a:hover {
	color: white;
   background-position:top right;
   text-shadow:2px 1px 0 #d27400;
    	
}
 ul.menu ul.menu li a:hover {
    	background-position:bottom left;
    	text-shadow:2px 1px 0 #000!important;
}
ul.menu li ul li a, ul.menu ul.menu li ul li a {
	color: white;
	text-shadow:2px 1px 0 #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px!important;
	background-image: url(../images/bg_menu.png);
  	background-repeat: no-repeat;
  	background-position:bottom left;
   line-height:35px;
	/*border-bottom:1px solid #9fb952;
	border-top: 1px solid #556b2f;*/
  	padding-left: 5px;
  	/*font-size: .8em;*/
}

ul.menu li ul li a:hover, ul.menu ul.menu li ul li a:hover {
  border-left: 5px #000 solid;
  color: #fff;
  padding-left: 5px;
  background-image: url(../images/bg_menu.png);
  text-shadow:none!important;
  background-repeat: no-repeat;
  background-position:bottom right;
}
ul.menu ul.menu li a:hover {
    border-left: 0;
    padding-left: 0.5em;
    background-position:bottom right;
    text-shadow: none;
}
ul.menu ul.menu {
    border-left: 5px #f00 solid;
}
ul.menu a.activeItem, ul.menu ul.menu li a.activeItem {
   text-decoration: underline;
  background-color: #2957dd;
  	color:white;
   background-image:url(../images/bg_activeItem.png)!important;
   background-repeat: no-repeat;
   background-position: top;
	text-shadow: none;

}
 ul.menu a.activeItem:hover, ul.menu ul.menu li a.activeItem:hover {
   text-decoration: underline;
  	background-color: #1e48c1;
  	color:white;
  	border-left:0!important;
   background-image:url(../images/bg_activeItem.png)!important;
   background-repeat: no-repeat;
   background-position: bottom;
	text-shadow: none;

}
div.panel {
    border: 1px #000 solid;
    padding: 5px;
    margin-top: 1px;
}

ul.menu div.panel a, ul.menu div.panel li a:hover  {
    display :inline;
    color: #666;
    background: none;
    margin: 0;
    padding: 0;
    border: none;
    font-weight: bold;
}
ul.menu div.panel a:hover {
    color: #000;
    text-decoration: underline;
}