/*
Basic Layout Style (Header/Navigation/Content/Footer...)
Create Date : 2008-10
Author:Weiping Wu

Page Box Model
|----Header
|		|
|		-Top Info
|		|
|		-Search
|----Main Nav
|		|
|----Site Nav
|		|
|----MainBox
|		|
|		-Box1c
|		|	|
|		|	-Content
|		|
|		-Box2c
|		|	|
|		|	-Content
|		|	|
|		|	-Sidebar
|		|
|		-Box3c
|		|	|
|		|	-LeftBar
|		|	|
|		|	-Content
|		|		|
|		|		-Middle
|		|		|
|		|		-Sidebar
|		|	
|		-Box3c2
|		|	|
|		|	-LeftBar
|		|	|
|		|	-RightContent
|		|		|
|		|		-Content
|		|		|
|		|		-Sidebar
|		|
|----Footer	
*/

/*{{Header*/
#header{width:960px;margin:0 auto;overflow:hidden;margin-top:15px;}
	#header a:link,#header a:visited{color:#666;}
	#header a:hover,#header a:active{color:#666;text-decoration:underline;}
	#header a.login{padding-left:13px;background:transparent url(../img/iconRight.gif) no-repeat left 2px;}
	#header a.rss{padding-left:13px;background:transparent url(../img/iconRss.gif) no-repeat left 4px;}
	#header a.en{padding-left:13px;background:transparent url(../img/iconRight.gif) no-repeat left 4px; }

	#header .logo{width:160px;height:60px;float:left;}
		#header .logo h1{display:none;}
	#header .topInfo{float:right; font-family: Arial, Helvetica, sans-serif}
		#header .topInfo .infoBar{width:320px;text-align:right;overflow:hidden;}
		#header .topInfo .infoBar span{float:left;height:18px;line-height:18px;}
		#header .topInfo .infoBar a{margin-left:5px;height:18px;line-height:18px;float:left;}
		#header .topInfo .infoBar .bFont a{margin-left:2px; float:none; font-weight:normal;}
		#header .topInfo .infoBar a:link,#header .topInfo .infoBar a:visited{color:#333;text-decoration:none;}
		#header .topInfo .infoBar a:hover,#header .topInfo .infoBar a:active{color:#c60;text-decoration:none;}
		#header .topInfo .userInfo{float:left;width:175px;padding-right:5px;background:transparent url(../img/lineSilver.gif) no-repeat right 3px;}
		#header .topInfo .userInfo span,#header .topInfo .userInfo a{ float:none;}
		#header .topInfo .qLink{float:left;margin-left:4px;}
	#header .searchBar{width:320px;text-align:right;overflow:hidden;margin-top:4px;}
		#header .searchBar .txtKey{width:220px;height:18px;line-height:18px;vertical-align:middle;padding-left:4px;border:0;background:transparent url(../img/bgSearchInput.gif) no-repeat;}
		#header .searchBar .btnSearch{width:57px;padding-right:5px;height:18px;vertical-align:middle;line-height:18px;border:0;color:white;background:transparent url(../img/btnSearch.gif) no-repeat;text-align:right;}
/*
Header End}}
{{Navigation
*/		
#mainNav{margin:15px auto 0 auto;width:960px;height:25px;background:transparent url(../img/bgMainBar.gif) no-repeat left -80px;overflow:hidden; position:relative;}	
	#mainNav ul.child{background:transparent url(../img/bgMainBar.gif) no-repeat left -25px;}
	#mainNav li{float:left;height:25px;line-height:25px;font-size:14px;margin-left:0px;padding:0 15px;}
	#mainNav a{display:block;padding-left:5px;}	
	#mainNav a span{padding-right:5px;display:block;}
	#mainNav a:link,#mainNav a:visited{ text-decoration:none;color:#fff;}
	#mainNav a:hover,#mainNav a:active{text-decoration:none;color:#cc6600;}
	#mainNav .child{display:none; position:absolute;}
		#mainNav .child li{height:20px;line-height:20px;font-size:12px;}
	#mainNav li.c .child{display:block;left:0;bottom:0;width:960px;}
		#mainNav li.c a{color:#cc6600;background:transparent url(../img/bgTopMenu.gif) no-repeat;padding-left:5px;}
		/*For IE 6*/
		#mainNav li.c a:link,#mainNav li.c a:visited,#mainNav li.c a:hover,#mainNav li.c a:active{color:#c60;}
		#mainNav li.c a span{background:transparent url(../img/bgTopMenu.gif) no-repeat right top;display:block;padding-right:5px;}
		#mainNav .c li a:link,#mainNav .c li a:visited{ text-decoration:none;color:#333;}
		#mainNav .c li a:hover,#mainNav .c li a:active{text-decoration:none;color:#cc6600;}
		#mainNav .c li.c2 a:link,#mainNav .c li.c2 a:visited{ text-decoration:none;color:#c60;font-weight:bold;}
		#mainNav .c li.c2 a:hover,#mainNav .c li.c2 a:active{text-decoration:none;color:#cc6600;font-weight:bold;}

		#mainNav .c li a{background:transparent}
		#mainNav .c .c2{color:#c60;font-weight:bold;}

		#mainNav li.active a span{color:#cc6600;}
		
.childNav {margin:0 auto;width:960px;background:transparent url(../img/bgMainBar.gif) no-repeat left -25px;overflow:hidden;}
	.childNav #nav {line-height: 20px;list-style-type: none;margin-left:6px;}
	.childNav #nav a {display: block;text-align:center;padding:0 15px;}
	.childNav #nav a:link  {color:#333; text-decoration:none;}
	.childNav #nav a:visited {color:#333;text-decoration:none;}
	.childNav #nav a:hover {color:#c60;text-decoration:none;}
	.childNav #nav li {float: left;+position:relative;}
	.childNav #nav li a:hover{background:#999;}
	.childNav #nav  a.c:link,.childNav #nav a.c:visited,.childNav #nav a.c:hover,.childNav #nav a.c:active{color:#c60;font-weight:bold;}

	.childNav #nav li ul {line-height:24px;text-align:left;left: -999em;width:180px;position: absolute;background:transparent url(../img/bgMenuB.gif) no-repeat left bottom;padding-bottom:3px;}
	.childNav #nav li ul li{float: left;width:180px;background:#ccc;}
	.childNav #nav li ul a{	display:block;text-align:left;text-indent:10px;}
	.childNav #nav li ul a:link  {color:#fff; text-decoration:none;}
	.childNav #nav li ul a:visited  {color:#fff;text-decoration:none;}
	.childNav #nav li ul a:hover  {color:#F3F3F3;text-decoration:none;font-weight:normal;}
	.childNav #nav li:hover ul {left:auto;+left:0;}
	.childNav #nav li:hover a{color:white;background:#999;}
	.childNav #nav li:hover ul a:link,.childNav #nav li:hover ul a:visited{color:#333;background:transparent;}
	.childNav #nav li:hover ul a:hover,.childNav #nav li:hover ul a:active{color:#fff;}
	.childNav #nav li.sfhover ul {left:auto;+left:0;}
	.childNav #nav li.sfhover a:link,.childNav #nav li.sfhover a:visited,.childNav #nav li.sfhover a:hover,.childNav #nav li.sfhover a:active{color:#c60;background:#ccc;}
	.childNav #nav li.sfhover ul a:link,.childNav #nav li.sfhover ul a:visited{color:#333;background:transparent;}
	.childNav #nav li.sfhover ul a:hover,.childNav #nav li.sfhover ul a:active{color:#fff;background:#999;}
	.childNav #content {clear:left;}

.siteNav{width:910px;margin:0 auto;clear:both;height:32px;padding-top:4px; padding-left:39px;color:#999;text-align:left;background:transparent url(../img/iconRight2.gif) no-repeat 15px 8px;vertical-align:middle;font-family:tahoma;}
	/*.siteNav .home{margin-left:50px;}*/
	.siteNav span{color:#333;}
	.siteNav img{display:inline;}
	.siteNav a:link,.siteNav a:visited{color:#999;}
	.siteNav a:hover,.siteNav a:active{color:#c60;}
/*
Navigation End }}
{{ Main Body Box
*/
.mainBox{margin:0 auto;width:960px;background:white;text-align:left;}	
	.mainBox .t1,.mainBox .t2{height:15px;line-height:12px;width:100%;display:block;background:transparent url(../img/bgMainBar.gif) no-repeat;}
	.mainBox .t1{background-position:left -45px;}
	.mainBox .t2{background-position:left -65px;}
	.mainBox .boxContent{min-height:300px;padding:0 15px;}
	
	.boxContent .box1c{width:100%;overflow:hidden;}
	
	.boxContent .box2c{width:100%;overflow:hidden;}
	.boxContent .box2c .content{width:715px;float:left; overflow:hidden;}
	.boxContent .box2c .sidebar{width:205px;float:right;}
	
	.boxContent .box3c{width:100%;overflow:hidden;}
	.boxContent .box3c .leftBar{width:163px;float:left;}
	.boxContent .box3c .content{float:right;width:757px;margin-left:10px; overflow:hidden;}
	.boxContent .box3c .middle{width:572px;float:left;}
	.boxContent .box3c .sideBar{width:175px;float:right;}
	
	.boxContent .box3c2{width:100%;overflow:hidden;}
	.boxContent .box3c2 .leftBar{width:163px;float:left;}
	.boxContent .box3c2 .rightContent{width:757px;float:right; overflow:hidden;}
	.boxContent .box3c2 .rightContent .content{float:left;width:542px;}
	.boxContent .box3c2 .rightContent .fullContent{width:99%;}
	.boxContent .box3c2 .rightContent .sidebar{float:right;width:205px;}
/*
Main Body Box End }}
{{Footer
*/	
#footer{clear:both;width:960px;height:24px;line-height:24px;margin:15px auto 0 auto;border-top:1px #e1e1e1 solid;padding-bottom:15px;overflow:hidden;}	
	#footer a:link,#footer a:visited{color:#333;}
	#footer a:hover,#footer a:active{color:#c60;}
	#footer p{float:left;margin-left:10px;}
	#footer ul{float:right;margin-right:10px;}
	#footer li{float:left;padding-left:20px;background:transparent url(../img/lineBlack.gif) no-repeat 10px 6px}
	#footer li.first{background-image:none;}
	#footer .co{font-family: Verdana,Arial, Helvetica,sans-serif;padding-right:5px;}
/*
Footer End }}
*/