@charset "utf-8";
/* CSS Document */

.menu {
 float:left;
 width:220px;
 padding:10px;
}

.menuTitle {
 width:220px;
 color:#fff;
 background-color:#777;
 border-bottom:solid 1px #474747;
 height:25px;
 line-height:25px;
 text-indent:10px;
 font-weight:bold;
}

.menuList {
 padding:0;
 margin:0;
}

.menuListItem {
 text-indent:10px;
 list-style-type:none;
}

.menuListSubItem {
 text-indent:20px;
 list-style-type:none; 
}

.menuItem {
 display:block;
 width:220px;
 height:25px;
 line-height:25px;
 font-weight:bold;
 text-decoration:none;
 color:#0c2f6d;
 background-color:#f0eff0;
 border-top:solid 1px #fff;
 border-bottom:solid 1px #ccc;
}

.menuItem:hover {
 background-color:#f5f5f5;
 color:#000;
}

.menuSubItem {
 display:block;
 width:220px;
 height:25px;
 border-bottom:dotted 1px #ccc;
 line-height:25px;
 font-weight:bold;
 text-decoration:none;
 color:#777;
 background-color:#fff;
}

.menuSubItem:hover {
 color:#000;
}

.hide {
  display:none;
}

.show {
  display:block;
}