#info {
width: 500px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

#fixed {
  display:block;
  width:100px;
  height:150px;
  }

#submenus {
  display:block;
  float:left;
  width:300px;
  height:200px;
  overflow: hidden;
}
#fixed ul {
  padding:0;
  margin:0;
  list-style-type:none;
  }
#fixed li {

  display:block;
  width:100px;
  height:20px;
  margin-bottom:1px;
  }
#fixed li a {
  display:block;
  width:100px;
  height:20px;
  background:#596380;
  color:#fff;
  font-weight:bold;
  text-align:right;
  text-decoration:none;
  padding-right:5px;
  }
#fixed li a:hover {
  background:#000;
}

#fixed li a:active {
  background:#CCB48F;
  color: #000;
}

#submenus dl {
  padding:0;
  margin:0;
  height:350px;
  width:300px;
  }
#submenus dt {
  display:block;
  width:300px;
  height:20px;
  background:#CCB48F;
  color:#807059;
  margin-bottom:1px;
  text-align:left;
  padding-left:5px;
  font-weight:bold;
}

#submenus dt a {
  color:#807059;
}

#submenus dd {
  display:block;
  width:300px;
  height:20px;
  padding:0;
  margin:0 0 1px 0;
}

#submenus a.sub {
  display:block;
  width:300px;
  height:20px;
  background: #E6DFCF;
  color:#807059;
  text-decoration:none;
  padding-left:5px;
  }
#submenus a.sub:hover {
  background:#bbb;
  color:#000;
  }

/*@media all and (min-width: 0px;){
#submenus {overflow:auto; margin-top:-3px;}
#submenus dl.first {margin-top:3px;}

} */