ul{

	margin:0;

	padding:0;

}



ul.container{

	/* The topmost UL */

	width:165px;

	margin:0 auto;

	padding:13px 0px;

}



li{

	list-style:none;

	text-align:left;

}



li.menu{

	/* The main list elements */

	padding:5px 0;

	width:100%;

}

li.button{background:url(../images/nav_out.jpg) no-repeat;}

li.button:hover{background:url(../images/nav_on.jpg) no-repeat; }

li.button a{

	/* The section titles */

	display:block;

	font-family:微软雅黑;

	font-size:13px;

	height:32px;

	overflow:hidden;

	padding:6px 25px 0;

	position:relative;

	width:158px;

}



li.button a:hover{

	/* Removing the inherited underline from the titles */

	text-decoration:none;color:#ffffff;

}



li.button a span{

	/* This span acts as the right part of the section's background */

	height:44px;

	position:absolute;

	right:0;

	top:0;

	width:4px;

	display:block;

}





/* The hover effects */



li.button a:hover{ background-position:bottom left;}

li.button a:hover span{ background-position:bottom right;}



.dropdown{

	/* The expandable lists */

	display:none;

	padding-top:5px;

	width:100%;

}



.dropdown li{

	/* Each element in the expandable list */

	background-color:#fff;

	border:1px solid #ccc;

	color:#CCCCCC;

	margin:5px 0;

	padding:4px 10px; width:136px; background:url(../images/li.jpg) no-repeat scroll 5px 12px; 

}

.dropdown li:hover{background:#E62B24;color:#ffffff;}

.dropdown li a{ margin-left:5px; font-size:13px; display:block; font-family:微软雅黑;}

.dropdown li a:hover{ text-decoration:none; background:#E62B24; color:#ffffff;}

/* The styles below are only necessary for the demo page */







.clear{

	clear:both;

}





a, a:visited {

	color:#555;

	text-decoration:none;

	outline:none;

}



a:hover{

	text-decoration:underline;

}