/*body begin*/
	body {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12pt;
		text-align: center;
	}
	* html body * {
		padding:0px;
		margin:0px;
	}
/*body end*/
/*container begin*/
	#container {
		text-align: left;
		width: 900px;
		margin:0px auto;
	}
/*container end*/
/*header begin*/
	#container #header{
		/*margin:10px 0px 10px 0px;*/
		font-size:10pt;
		color:#333333;
	}
	#container #header .topWrapper {
		/*height: 52px;
		width: 52px;
		float:left;*/
	}
	#topLinks li {
		margin:0px 10px 0px 0px;
		float:left;
	}
	#topLinks {
		display:block;
		margin:0px;
		/*margin-top:20px;*/
		margin-left:-10px;			
		height:32px;
		list-style:none;
		vertical-align:baseline;
		overflow:visible;                                                                          
	}
		* html #topLinks {
			margin-left:20px;
		}
		*+html #topLinks {
			margin-left:20px;
		}
	#topLinks .inputbox {
		border:0px;
		/*background-image:url(../images/top_bar/account_password_input.gif);*/
		width:126px;
		height:21px;
		background:transparent;
		margin-left:1px;				/*20090507*/
	}
	#topLinks a:link{
		text-decoration:none;
		color:#333333;
	}
	#topLinks a:visited{
		text-decoration:none;
		color:#FF6600;
	}
	#topLinks a:hover {
		text-decoration:underline;
		color:#FF6600;
	}
/*header end*/
	.clear {
		clear: both;
		margin:0px;
		padding:0px;
		/*height:8px;
		background-color:#993333;*/
	}

/*navigator begin*/
	#navigator {
		width:inherit;
		height:31px;
		margin:0px 0px 15px 0px;
	}
	#navigator ul {
		margin:15px 0px 15px -40px;
		list-style-type:none;
		width:inherit;
	}
	#navigator ul li {
		float:left;
	}
	#navigator #bg_left {
		background-image: url(../images/navigation_%20bar/bg_left.gif);
		background-repeat: no-repeat;
		background-position: left;
		height: 31px;
		width: 12px;
	}
	#navigator .navigator_content {
		background-image: url(../images/navigation_%20bar/bg_middle.gif);
		background-repeat:repeat-x;
		vertical-align:middle;
		text-align:center;
		height:31px;
		width:117px;
		/*max-width:117px;*/
		position:relative;					/*20090507*/
		z-index:200;
	}
	* html #navigator .navigator_content {			/*20090507*/
		width:116px;
	}
	#navigator .separator {
		background-image: url(../images/navigation_%20bar/bg_menu_line.gif);
		height: 31px;
		width: 9px;
		background-repeat:no-repeat;
		margin:0px;
		padding:0px;
	}
	#navigator #bg_right {
		background-image: url(../images/navigation_%20bar/bg_right.gif);
		height: 31px;
		width: 13px;
		background-repeat:no-repeat;
	}
	#navigator .navigator_content a {	
		display:block;	
		padding-bottom:8px;
		padding-left:30px;
		padding-top:8px;
		padding-right:31px;
		color:#000000;
		text-decoration:none;
		font-size:12px;
	}
	#navigator .navigator_content a:visited{
		color: #000000;
		text-decoration:none;
	}
	#navigator .navigator_content a:hover {
		color: #FF6600;
		text-decoration:underline;
	}
	.navigator_content .sub {
		clear:both;
		padding:0px;
		margin:0px;
		width:150px;
		display:none;
		position:absolute;
		top:15px;		/*����navigator��margin��仄1¤7*/				/*20090507*/
		left:35px;		/*35px�����navigator����*/
		height:96px;
		text-align:left;
	}
	* html .navigator_content .sub {
		top:5px;
	}
	#navigator .sub .sub_top {
		background-image:url(../images/public/Nav_wider_Selection_Top.gif);
		background-repeat:no-repeat;
		background-position:bottom;
		height: 8px;
		width: 188px;
	}
	#navigator .sub .sub_bottom {
		background-image:url(../images/public/Nav_wider_Selection_Bottom.gif);
		background-repeat: no-repeat;
		background-position: top;
		height: 8px;
		width: 188px;
	}
	#navigator .sub .sub_mid {
		background-image:url(../images/public/Nav_wider_Selection_Middle.gif);
		background-repeat: repeat-y;
		height: auto;
		width: 188px;
	}
	.navigator_content .sub a:link {
		text-decoration:none;
		font-size:10pt;
		font-weight:inherit;
		display:block;
		/*padding:5px 20px 5px 20px;*/
		color:#000000;
	}
	.navigator_content .sub a:visited{
		color:#FF6600;
		text-decoration:none;
	}
	.navigator_content .sub a:hover{
		color:#FF6600;
		text-decoration:underline;
	}.sub img {
		float: left;
		padding:15px 10px 0px 10px;
	}
/*navigator end*/

/*footer begin*/
	#footer {
		width:inherit;
		height:31px;
		backgroud-color:blue;
		margin: 10px 0px 10px 0px;
		font-size:10pt;
		color:#333333;
	}
	#footer #footer_left {
		background-image: url(/images/bottom_bar/bg_left.gif);
		height: 31px;
		width: 9px;
	}
	#footer #footer_right {
		background-image: url(/images/bottom_bar/bg_right.gif);
		height: 31px;
		width: 9px;
	}
	#footer #footer_content {
		background-image: url(/images/bottom_bar/bg_middle.gif);		
		height: 31px;
		width: 882px;
	}
	#footer #footer_content ul {
		list-style:none;
		float:right;
		position:relative;
		top:-8px;
	}
					*+html #footer #footer_content ul {				/*IE7*/
						top:5px;
					}
					*html #footer #footer_content ul {				/*IE6*/
						top:5px;
					}
	#footer #footer_content li {
		float: left;
		margin:0px 5px 0px 5px;
		color:#333333;
	}
	#footer #footer_content a {
		text-decoration:none;
		color:#333333;
	}
	#footer #footer_content a:visited {
		text-decoration:none;
		color: #FF6600;
	}
	#footer #footer_content a:hover {
		text-decoration:underline;
		color: #FF6600;
	}
	#footer #footer_content span {
		position:relative;
		top:8px;
	}
	#footer div {
		float:left;
	}
/*footer end*/ 

/*showArea begin*/
	#showArea {
		height:203px;
		border:1px solid #CCCCCC;
		/*margin:10px 0px 10px 0px;*/
		background-image:url(../images/public/main_picture.jpg);
	}
/*showArea end*/

/*globalContent begin*/
	#globalContent {
		width:inherit;
		margin:10px 0px 10px 0px;
		/*text-align:center;*/
	}
		*+html #globalContent {				/*IE7*/
			margin-top:35px;
		}
		* html #globalContent {				/*IE6*/
			margin:0px;
			padding:0px;
		}
	#globalContent #gC_top {
		background-image: url(../images/public/Content_BG_Top.gif);
		background-position:bottom;
		background-repeat:no-repeat;
		height: 18px;
		width:inherit;
	}
	#globalContent #gC_bottom {
		background-image: url(../images/public/Content_BG_Bottom.gif);
		background-position:top;
		background-repeat:no-repeat;
		height: 13px;
		width:inherit;
	}
	#globalContent #gC_content {
		background-image: url(../images/public/Content_BG_Middle.gif);
		background-repeat: repeat-y;
		/*height: auto;*/
		overflow:visible;
		height: auto;
	}
/*globalContent end*/

/*contentFrame begin*/
	.fleft {
		float: left;
		display:inline;
	}
	#contentFrame {
		width:655px;
		/*float:right;*/
		position:relative;
		right:10px;
		top:-10px;
		margin:0px;
		padding:0px;
	}
		*+html #contentFrame {				/*IE7*/
			position:static;
			margin-left:-10px;
			margin-top:-10px;
		}
		* html #contentFrame {				/*IE6*/
			margin:0px;
			position:static;
			margin-left:0px;
			margin-top:-10px;
			z-index:50;
			padding-right:-5px;
		}
/*contentFrame end*/

/*menu begin*/
	#gC_menu {
		width: 240px;
		height:auto;
		position:relative;
		text-align:left;
	}
			/* *+html #gC_menu {
				left:-20px;
			}*/
	#menuList {
		height: auto;
		width: 196px;
		margin-left:22px;   		/*Because of Firefox, we have to use margin to ensure that menuList lay in the center.*/
	}
	#menuList #list_top {
		background-image: url(../images/public/List_Top.gif);
		background-repeat: no-repeat;
		background-position: bottom;
		height: 23px;
		width: 196px;
	}
	#menuList #list_content {
		background-image: url(../images/public/List_Middle.gif);
		background-repeat:repeat-y;
		height: auto;
		width: 196px;
		/*padding-top:20px;*/
		padding-bottom:88px;
	}
	#menuList #list_bottom {
		background-image: url(../images/public/List_Bottom.gif);
		background-repeat: no-repeat;
		background-position: top;
		height: 16px;
		width: 196px;
	}
	#menuList #list_content ul {
		width: inherit;
		list-style-type:none;
		margin:0px;
		padding:0px;
		margin-left:1px;
	}
	#menuList .mainCategory {
		height: auto;
	}
	#menuList .mainCategory span {
		display:inline-block;
		width:auto;
		cursor:pointer;
		padding-top:8px;
		padding-bottom:7px;
		padding-left:16px;
		height:auto;
		font-size:14px;
	}
	#menuList .mainCategory span:hover {
		color:#ff6600;
	}
	#menuList .mainCategory div:hover {
		background-image:url(../images/public/List_Title_MouseOverorDown.gif);
		width:193px;
	}
	#menuList .subCategory {
		margin:0px;
		padding:0px;
		/*display:none;*/
		list-style-image:url(../images/public/dot.gif);
		list-style-position:inside;
	}
	#menuList .subCategory li {
		height:auto;
		margin:0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10pt;
		color:#000000;
		cursor:pointer;
		margin-left:20px;
		width:170px;
	}
		*+html #menuList .subCategory li {
			margin-left:10px;
			width:164px;
		}
		* html #menuList .subCategory li {
			margin-left:10px;
			width:164px;
		}
	
	#menuList .subCategory li:hover {
		background-image:url(../images/public/List_Item_MouseOver.gif);
	}
	#menuList .subCategory li span {
		padding-top:4px;
		padding-bottom:4px;
		padding-left:15px;
		display:block;
		/*position:relative;
		left:30px;*/
		width:145px;
		margin:0px;
		font-weight:100;
		font-size:12px;
	}
	
	#menuList .noSub a {
		text-decoration:none;
		color:#000000;
	}
	.subCategory a {
		text-decoration:none;
		color:#000000;
	}
	.subCategory .currentSub {
		background-image: url(../images/public/List_Item_MouseOver.gif);
	}
/*menu end*/

/*global font begin*/
	.boldTab {
		font-weight: bold;
	}
	.titleTab {
		font-size: 18pt;
		color: #FF6600;
		font-weight:normal;
		background:bottom repeat-x url(../images/public/Content_Top_Bottom_Line.gif);
		/*margin-top:20px;*/
		height:45px;
		width:615px;  /*5pix more than width of .frameFill*/
		position:relative;
		left:-5px;
		text-indent:5px;
		margin:0px; 
		padding:0px;
	}
	.arrow {
		float: right;
		margin:10px;
	}
	.arrow��hover {
		cursor:pointer;
	}
	.moreInfo {
		text-align:right;
		font-family:Arial, Helvetica, sans-serif;
		font-size:9pt;
		color:#000000;
		background-image:url(../images/public/Content_Top_Bottom_Line.gif);
		background-position:top;
		background-repeat:repeat-x;
		height:30px;
		width:615;			 /*5pix more than width of .frameFill*/
		position:relative;
		left:-5px;
	}
	.moreInfo p {
		padding:10px 0px 10px 0px;    		/*we have to use padding because margin doesn't work in FireFox*/
	}
	.moreInfo a {
		text-decoration:none;
		color:#000000;
	}
	.moreInfo a:visited {
		text-decoration:none;
		color: #FF6600;
	}
	.moreInfo a:hover {
		text-decoration:underline;
		color: #FF6600;
	}
	.more {
		float: right;
		margin-right:10px;
		margin-top:-30px;
	}
			
	.more img {
		margin-right:5px;
		border:none;
	}
	.more a {
		font-size:12pt;
		font-weight:normal;
		text-decoration:none;
		color:#000000;
	}
	.more a:visited {
		color:#FF6600;
		text-decoration:none;
	}
	.more a:hover {
		color:#FF6600;
		text-decoration:underline;
	}
/*global font end*/

.subCategory img {
	border:none;
}
.toHide {
	display:none;
}

	* html .frameFill ul{
		margin-left:25px;
	}
	* html .frameFill ol{
		margin-left:25px;
	}
	* html .frameFill p{
		margin-top:15px;
		margin-bottom:15px;
	}
	
	
	
	
	
/********************************************trial***********************************************************/