@charset "utf-8";

ul.container{

	/* The topmost UL */

	margin:0 auto;

	padding:0px;

}



li{

	list-style:none;

	text-align:left;

}



li.menu{

	/* The main list elements */

	width:100%;

}



li.button { font-family:"微软雅黑"; font-size:14px; margin-left:10px; border-bottom:#727272 1px dotted;}







li.button a{

	/* The section titles */

	height:32px;

	line-height:32px;

	overflow:hidden;

	position:relative;

	width:100%;

	background:url(skin/tb01.jpg) left center no-repeat;

	padding-left:15px;

}



li.button a:hover{

	/* Removing the inherited underline from the titles */

	text-decoration:none;

	background:url(skin/tb02.jpg) left center no-repeat;

}



li.button a span{

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

	position:absolute;

	right:5px;

	top:10px;

	width:11px;

	display:block;

	

}



/* Setting up different styles for each section color */





.dropdown{

	/* The expandable lists */

	display:none;

	width:100%;

	border-bottom:0;

}



.dropdown li{

			line-height:32px;

			height:32px;

			font-size:12px;

			text-align:left;

			margin-left:25px;

			padding-left:15px;

			background:url(skin/tb_03.gif) left center no-repeat;

			border-bottom:1px #727272 dotted;

		}







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



.clear{

	clear:both;

}



.main{

	/* The main container */

	position:relative;

	width:216px;

	overflow:hidden;

	min-height:100px;

	padding-top:10px;

	padding-bottom:10px;

}

.main li a { color:#000}

.main li a:hover { color:#F00}