body {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #666666;
	line-height: 20px;
	margin:0;
	padding:0;
	text-align:center;
	border:solid 0px red;
}

/*=
=============================================================================================*/	

#Top{
	position:relative;
	height:68px;
}
#topbar{
	background:url(../Images/topbar-bg.gif);
	height:38px;
	position:absolute;
	width:230px;
	min-width:250px;
	top:0;
	right:0;
	padding:0 35px ;
}
#topbar td{
	text-align:left;
}
		#topbar .left{
			background:url(../Images/topbar-l.gif) no-repeat;
			height:38px;
			width:28px;
			position:absolute;
			top:0;
			left:0;
		}
		#topbar .right{
			background:url(../Images/topbar-r.gif) no-repeat;
			height:38px;
			width:28px;
			position:absolute;
			top:0;
			right:0;
		}
		#topbar span{
			padding-left:19px;
			margin-left:5px;
			color:#fff;
		}
		#topbar span a{
		color:#fff;
		}
		#topbar span a:hover{
		color:#eee;
		}
		
		#topbar .OnlineService{
			background:url(../Images/top-onlineser.gif) no-repeat 0 -1px
		}
		#topbar .GreenChannal{
			background:url(../Images/top-greenchannal.gif) no-repeat 0 -1px;

		}
		
#logo{
	position:absolute;
	top: 2px;
	left:10px;
}
/*=
=============================================================================================*/	
.menu{
	margin-left:10px;
}
		.menu ul li {
			float:left;
			margin-right:1px;
			white-space:nowrap;
			height:23px;
		
		}
		.menu ul li a{
			background:url(../Images/menutab-l.gif) no-repeat;
			padding-left:10px;
			font-weight:700;
			display:block;
			float:left;
			height:23px;
		
		}
		.menu ul li a span{
			background:url(../Images/menutab-r.gif) no-repeat right 0;
			padding-right:10px;
			display:block;
			line-height:23px;
		
		}
		.menu ul li.blank {
			float:right;
			margin-right:5px;
			white-space:nowrap;
			height:23px;
			border:solid 0px red;
		}
/*		.menu ul li a:hover{
			background:url(../Images/menutab-l-active.gif) no-repeat;
			color:#fff;
		
		}
		.menu ul li a:hover span{
			background:url(../Images/menutab-r-active.gif) no-repeat right 0;
		
		}
*/		
		.menu ul li.active a{
			padding-left:10px;
			font-weight:700;
			display:block;
			float:left;
			height:23px;
			color:#fff;
			background:url(../Images/menutab-l-active.gif) no-repeat;
		
		}
		.menu ul li.active a span{
			padding-right:10px;
			display:block;
			line-height:23px;
			background:url(../Images/menutab-r-active.gif) no-repeat right 0;
		
		}
		.menu ul li.login {
			position:relative;
		
		}
		.menu ul li.login a {
			padding-left:32px;
			color:#f60;
		}
		.menu ul li.login div.pic{
			position:absolute;
			left:5px;
			top:-5px;
		}
		.menu ul li.login  img{
			width:auto;
			height:auto;
		}
/*=
=============================================================================================*/	
#foot{
	background:#336699 url(footbg.gif) repeat-x;
	padding-top:45px;
	color:#fff;
	text-align:center;
	clear:both;
}
		#foot a{
			color:#a3a3a3;
			padding:1px 3px;
		}
		#foot a:hover{
			color:#000;
			background:#fff
		}
		#foot h2{
			color:#fff;
			border-bottom:1px solid #797979;
			padding:0;
			font-size:12px;
			margin:16px 0 3px 0 ;
			clear:both;
		}
		#foot p{
			margin:2px 0;
			padding:0;
		}
		#foot .footwrap{
			text-align:left;
			margin:0 auto;
		}
		#foot .footwrap .copyright{
			background:url(../Images/footlogo.gif) no-repeat;
			padding-left:150px;
		}

		#foot .b_span {color:white;}