div.sidemenu {
  width: 180px;
}

div.sidemenu:hover {
  background-color: #f5d33b;
}

div.sidemenu h3 span {
  display: none;
}

div.sidemenu h3 {
  margin: 0;
  padding: 0;
  display: block;
  width: 180px;
  height: 30px;
  background: transparent url(/img/sidemenu_top_bg.png) no-repeat;
}

div#msmenu {
  position: absolute;
  top: 480px;
  left: 70px;
}

div#zsmenu {
  position: absolute;
  top: 280px;
  left: 70px;
}

/* ------- */

.sidemenu {
  font-size: 12px;
  font-weight: bold;
  color: #583a1c;
}

.sidemenu ul, .sidemenu li, .sidemenu a {	
	margin: 0;
	padding: 0;
	border: 0;
}

.sidemenu ul {
        background: transparent url(/img/sidemenu_row_bg.png) repeat-y;
	list-style-type: none;
	width: 180px;
}

.sidemenu li {
	position: relative;
	z-index: 9;
	padding: 0;
	margin-left: -20px;
}
	
li.folder  { 
	display: block;
	text-align: right;
	width: 180px;
	height: 25px;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html li.folder {
	width: 180px;
	height:  25px;
}
 
/* End hide from IE5/mac */

li.explain { 
	background-color: #DCEAF9;
	color: #6699CC;
	width: 180px;	
}

* html li.explain { 
	width: 180px;
}
					
li.folder ul {
	position: absolute;
	display: none;
	left: 180px; /* IE */
	top: 0px;
}	
		
li.folder>ul { 
	left: 180px;
}

li.folder:hover { 
	z-index: 10;
}	

#middlesection { 
	z-index: 0; 
}	
		
ul.level1 li.folder:hover ul.level2, 
ul.level2 li.folder:hover {
	display: block;
	width: 180px;
}

.sidemenu li a {
	text-decoration: none;
	color: #583a1c;
	display: block;
	width: 100%; /* IE */
}
	
.sidemenu li>a { 
	width: auto;
}


ul.level2 li {
        background: white;	
}

li a.submenu {
	display: block;
}

a:link, a:visited {
	color: #666666;	
}

.sidemenu a:hover {
	color: red;	
}

li.folder:hover {
}


div.sidemenu div.bottom {
  margin: 0;
  padding: 0;
  display: block;
  width: 180px;
  height: 20px;
  background: transparent url(/img/sidemenu_bottom_bg.png) bottom no-repeat;
}

.sidemenu ul.level2 {
  background: none;
  width: 180px;
  top: -20px;
}

.sidemenu ul.level2 li {
  background: white url(/img/sidemenu_row_bg.png) no-repeat;  
  width: 180px;
  height: 20px;
}

.sidemenu ul.level2 li a {
  height: 20px;
  padding-right: 20px;
}

.sidemenu ul.level2 li.l2top {
  background: transparent url(/img/sidemenu_top_bg_inv.png) no-repeat;  
  height: 20px;
}

.sidemenu ul.level2 li.l2bottom {
  background: transparent url(/img/sidemenu_bottom_bg_inv.png) bottom no-repeat;  
  height: 20px;
}