leftMenu.css

*{
	margin:0;
	padding:0;
	list-style-type:none;
}
.menu-container{
	width:200px;
	height:auto;
	margin:5px;
	background:#5f8fdc;
	border: 1px solid #5f8fdc;
}
.menu-header{
	color:#ffffff;
	line-height:30px;
	vertical-align:center;
	font-family: comic sans ms;

}
.menu-title{
	display:block;
	height:20px;
	text-align:center;
	color:#ffffff;
	line-height:20px;
	vertical-align:center;
	cursor:pointer;
	background:#f5821f url(images/up_direct.png) no-repeat right center;

	border-bottom:1px solid #5f8fdc;
	/*Let words is not optional*/
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.menu-title:hover{
	background-color:#f5a53f;
}
.menu:hover ul{
	/*Show the menu-item by css*/
	/*height:auto;*/
}
.menu{
	margin:0px 3px;
	overflow:hidden;
}
/*the last menu margin-bottom set to 3px
  more beautiful
*/
.menu:last-child{
	margin-bottom:3px;
}
.menu-item{
	/*left words have more left space*/
	padding:2px 2px 2px 10px;
	/*this is good？ the light bottom-line */
	border-bottom:1px solid #eee;
	background:#ffffff;
}
.menu-item a{
	color:#666666;
}
.menu-item a:hover{
	color:#f5821f;
}
.menu-content{
	/*height:0px;*/
	visibility:hidden;
	position: absolute;
}