html,body {
	height:100%;
}
body {
	margin:0;
	padding:0;
	
    background:url(../images/pbg.gif) repeat;
}

#wrapper {
    width: 900px;
	background-color:#fff;
	margin:0 auto;
	
	
	
}

#header {
	width:100%;
	
}

#logobg {
	width:100%;
	height:100px;
	float:left;
	
	background:url(../images/logobg.jpg) no-repeat left top;
}

#logobg div {
	float:right;
	height:30px;
	
	padding-right:20px;
	padding-top:15px;
}

#logobg a {
	display:block;
	float:left;
	padding:0 10px 0 20px;
	text-decoration:none;
	color:#1b489e;
	font-size:12px;
	font-weight:bold;
}

#logobg .en {
	background:url(../images/en_flag.gif) no-repeat left center;
}

#logobg .cn {
	background:url(../images/cn_flag.gif) no-repeat left center;
}

#logobg .home {
	background:url(../images/home.gif) no-repeat left center;
}
	
#tabL {
    padding-left: 4px;
    float: left;
	width:892px;
    background: url(../images/navL.gif) no-repeat left top;
}
#divline {
	width:100%;
	height:6px;
	float:left;
	
	font-size:0;
	background-color:#1b489e;
}
#tabR {
    padding-right: 4px;
	
    float: left;
    background: url(../images/navR.gif) no-repeat right top;
	
}

#nav {
    list-style: none;
    margin: 0;
    height: 39px;
	width:891px;
    padding:0px;
    
    background: url(../images/navM.gif) repeat-x;
}

#nav li {
    float: left;
    height: 39px;
	
    line-height: 39px;
    padding-left: 20px;
    background: url(../images/navS.gif) no-repeat right center;
}

ul a {
   
	letter-spacing:0;
    display: block;
    color: #ffffff;
    font-size: 14px;
	font-family:"Times New Roman", Times, serif;
    padding-left: 10px;
    padding-right: 20px;
    font-weight: bold;
    text-decoration: none;
}

ul a span {
    display: block;
    padding-right: 10px;
}

li a:hover {
    background: url(../images/nav_over_L.gif) no-repeat left center;
}

li a:hover span {
    background: url(../images/nav_over_R.gif) no-repeat right center;
}

#selected {
    color: #1c499e;
    background: url(../images/nav_on_L.gif) no-repeat left center;
}

#selected span {
    display: block;
	
    background: url(../images/nav_on_R.gif) no-repeat right center;
}

/*  container part*/
#container {
	width:860px;
	float:left;
	padding-top:20px;
	padding-left:20px;
	padding-bottom:20px;
	
	
}
ol {
	margin:0;
	padding:0;
}
#mainNav {
	float:left;
	list-style:none;
	display:inline;
	width:250px;
	height:300px;
	padding-top:34px;
	position:relative;
	background:url(../images/navbar.gif) no-repeat left top;
}

#mainNav .title {
	position:absolute;
	top:6px;
	left:25px;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	background:none;
	padding-left:5px;
}
#mainNav li {
	background-color:#ebebeb;
	padding-left:40px;
	padding-right:20px;
	margin-bottom:2px;
}
#mainNav a {
	 display:block;
	 height:30px;
	 line-height:30px;
	 cursor:pointer;
	 color:#0099FF;
	 font-size: 12px;
	 font-family:"Times New Roman", Times, serif;
	 text-decoration:none;
	 padding-left:20px;
	 background:url(../images/blue-arrow.gif) no-repeat left center;
	 
}
#mainNav a:hover{
	color:#FF9900;
	font-weight:bold;
	border-left:4px solid #ff9900;
	background:url(../images/blue-arrow.gif) no-repeat right center;
}

#mainNav #mainSelect{
	background:url(../images/blue-arrow.gif) no-repeat center right;
	color:#FF9900;
    font-weight:bold;
	border-left:4px solid #ff9900;
	cursor:default;
	
}	
#content {
	float:right;
	width:450px;
	position:relative;
	background:url(../images/contentbar.jpg) no-repeat left top;
	font-size: 14px;
	font-family:"Times New Roman", Times, serif;
	/*text-indent:20px;*/
	/*line-height:30px;*/
	padding-top:40px;
	padding-right:50px;
	padding-left:10px;
}
#content .title {
	position:absolute;
	z-index:100;
	top:10px;
	left:40px;
	font-size:16px;
	font-weight:bold;
	width:400px;
	color:#0033CC;
}

#content .tip {
	position:absolute;
	top:35px;
	right:10px;
	width:150px;
	text-align:center;
	font-size:12px;
	color:red;
	font-weight:bold;
	border:2px solid #999;
	background-color:yellow;
	text-indent:0;
	
}

#content .email {
	position:relative;
	background:url(../images/contact.jpg) no-repeat left top;
	width:100%;
	height:300px;
	
}
#content .email a {
	display:block;
	position:absolute;
	left:140px;
	top:50px;
	height:30px;
	width:150px;
	line-height:30px;
	padding-left:30px;
	background:url(../images/post.gif) no-repeat 0 0;
	
}		

#content .small {
	width:100px;
	margin-left:20px;
	border:1px solid #999;
	padding:4px;

	
}

#content .tou {
   float:left;
   clear:left;
   width:450px;
   margin-top:14px;
}

#content p {
	text-indent:2em;
	line-height:30px;
}

#content .image {
	width:430px;
	float:left;
}

.first {
	color:red;
	font-size:20px;
	font-weight:bold;
}
#footer {
	
	clear:both;
	background:url(../images/footbg.jpg) repeat-x;
	height:30px;
	text-align:center;
	font-size:12px;
	color:#0066CC;
	padding-top:10px;
	
}
#lightbox {
	position:absolute;
	top:50%;
	left:50%;	
	border-right:#fff 1px solid;
	border-top:#fff 1px solid;
	display:block;
	z-index:9999;
	
	
	
	border-left:#fff 1px solid;
	
	border-bottom:#fff 1px solid;
	
	
	text-align:left;
}

#overlay {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:900px;
	z-index:9998;
	filter:alpha(opacity=80);
	
	
	background-color:#000;
	moz-opacity:0.8;
	opacity:0.8;
}

#content .shu {
	width:160px;
	margin-left:20px;
	margin-bottom:20px;
	cursor:pointer;
        border:2px solid #999;
	padding:5px;
}

table td {
	padding-right:10px;
}