/* the fons, margins, color, etc of everything */
#html, body { font: 12px trebuchet ms; margin: 0; padding: 0; color: #444; height: 100%;background: #333; text-align:center;}

/* what holds everything in place */
#container {background: #fff; width: 1000px; margin: 0px auto; padding: 2px; text-align:left; }

/* the banner image holder */
#banner { width: 1004px; background: url('banner.jpg') top left no-repeat;  margin: 0 0 0 0; position: relative; height: 160px; color: #fff; }

/* the top navigation bar */
#nav { background: #fff; width: 1000px; background: #fff; text-align: right; padding: 3px; margin: 0 0 0 0; }

/* where all the main text is stored */
#content { height: 100%; float: left; background: #fff; padding: 5px; width: 700px; margin-bottom: 10px;  }

/* the right bar */
#sidebar { background:  url('black.gif'); float: right; width: 182px; padding: 0px 0 0 0px; margin: 0px 0 0px 0px; }
#sidebar  a { color: #444; text-decoration: none; } #sidebar  a:hover { text-decoration: underline; }
/* the links in the banner image */
#topbar { text-align: right; color: #ff0000; padding: 5px; margin-right: 55px; }


#left { float: left; width: 228px; background:  #fff; margin: 0 0 0 0; position: relative; height: 132px; color: #000; }
#left a { color: #444; text-decoration: none; } #left a:hover { text-decoration: underline; }
#left p { margin: 0px 0 0px 0px; padding: 5px; border-top: 1px solid #ccc;color: #000; line-height:20px;}
/* footer */


/* link styling */
#content a { color: #000; font: 13px trebuchet ms;text-decoration: none; } #content a:hover { font: 13px trebuchet ms;text-decoration: underline; }
#content #Label_Title { color: #444; text-decoration: none; padding: 1px; margin: 0px 0 0px 0px;}
#topbar a { color: #87af7b; text-decoration: none; } #topbar a:hover { text-decoration: underline; }
#nav a { color: #444; text-decoration: none; } #nav a:hover { text-decoration: underline; }
#topbar a { color: #444; font-weight: bold; text-decoration: none; } #topbar a:hover { text-decoration: underline; }


.sousuo {  width: 227px;background: #F8FCFF;  margin: 0 0 0 0; padding: 3px 0 0 0; position: relative; border: 1px solid #ccc;}
#down { clear: both; width: 1004px;background: #aaa;  margin: 0 0 5px 0; position: relative; }
#down p{  padding: 10px 0 0 20px;margin: 0 0 0 0; position: relative; color: #fff;  }

.down1 { float: left; width: 205px; background: #fff;  margin: 0 0 5px 0; position: relative; height: 30px; color: #fff;  }
.down1 a { color: #444; text-decoration: none; } .down1 a:hover { text-decoration: underline; }
#down2 { float: left; width: 205px; background: #fff;  margin: 0 0 0 0; position: relative; height: 30px; color: #fff;  }
#down3 { float: left; width: 204px; background: #fff;  margin: 0 0 0 0; position: relative; height: 30px; color: #fff;  }
#down4 { float: left; width: 205px; background: #fff;  margin: 0 0 0 0; position: relative; height: 30px; color: #fff;  }

#footer { clear: both; background: url('blackbg.gif') repeat; border-top: 3px solid #000; color: #ccc;text-align: center; padding-bottom: 0px; height: 70px; padding: 10px 0 0 20px; } 
#footer a { color: #ccc;  text-decoration: none; } #footer a:hover { text-decoration: underline; }


/* extra attributes */
.headline { font-size: 18px; margin: 3px 0 3px 0; }
.meta { clear:both;background: url('dbt.gif'); height: 32px; width: 430px; border-top: 1px solid #444; text-align: right; color: #444; text-transform: uppercase; letter-spacing: 2px; }
.imageright { float: right; border: 1px solid #ccc; padding: 3px; margin: 3px 3px 0 7px; } .imageright:hover { border: 1px solid #444; }
.imageleft { float: left; border: 1px solid #ccc; padding: 3px; margin: 3px 10px 0 0px; }  .imageleft:hover { border: 1px solid #444; }
.sideimage { border: 1px solid #ccc; padding: 3px; margin: 4px; margin: 10px 0 5px 0; } .sideimage:hover { border: 1px solid #444; }
#topbar ul { margin: 0; padding: 0; } #topbar li { list-style: none;  width: auto;  }
#sidebar ul { margin: 5px 0 15px 20px; padding: 0; border-top: 1px solid #ccc; } 
#sidebar p { margin: 0px 0 0px 0px; padding: 0; border-top: 1px solid #ccc;color: #000; line-height:20px;}
#content ul { margin: 5px 0 10px 30px; padding: 0; border-top: 1px solid #ccc; width: 320px; }
#content li { display: block; text-align: left; margin: 0; padding: 0 0 0 0px; list-style-type: none; border-bottom: 1px dotted #ccc; }
#content li:hover { background: #deebd2; }
strong { color: #310000; background: inherit; }
#sidebar blockquote { width: 175px;background-color: #ECF4FF; color: #444; line-height:25px; padding: 4px; border: 1px solid #ccc; margin: 0px 0px 0px 0px; height:80px;}
blockquote { background: repeat-x; color: #444; line-height:25px;width: 700px; padding: 3px; border: 1px solid #ccc; margin: 0 0 0 0; }
#banner h1 { position: absolute; letter-spacing: -2px; font-size: 32px; top: 35px; left: 20px; }
#topbar h3 { margin: 0 0 3px 0; padding: 0; }
.shuju0{
    width: 227px;
	border: 1px solid #ccc; 
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	background-color: #F8FCFF;
	color: #fff;

	line-height:22px;
	 
	}
.shuju1{
    width: 430px;
	float: left;
	margin: 0 auto;
	padding: 0px 0 0px;
	background-color: #fff;
	padding-left:0px;
	color: #fff;

	line-height:25px; 
	text-decoration: none;
	}
.shuju2{
      width: 183px;
	border: 1px solid #ccc; 
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	background-color: #F8FCFF;
	color: #fff;

	line-height:22px;
	}
.shujudown{
    width: 175px;
	
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	color: #fff;

	line-height:22px;
	border-width : 1px;
	border-color : #ccc;
	border-style : solid;  
	}
.menu {
	width: 1004px;
	height: 22px;
	margin: 0 auto;
	padding: 3px 0 4px;
	background-color: #000;
	color: #fff;
	background: url(bt.gif);
}

.xbt {
	width: 182px;
	height: 20px;
	text-align:center; 
	margin: 0px 0px 0 0px;
	padding: 9px 0 0 5px;
	background-color: #000;
	color: #fff;
	background: url('lan.gif');
	
}
.neixbt {
	width: 224px;
	height: 20px;
	text-align:center; 
	margin: 0px 0px 0 0px;
	padding: 9px 0 0 5px;
	background-color: #000;
	color: #fff;
	background: url('226lan.gif');
	
}
.xbt2 {
	width: 180px;
	height: 20px;
	text-align:center; 
	margin: 0px 0px 0 0px;
	padding: 9px 0 0 5px;
	background-color: #000;
	color: #fff;
	background: url('lan2.gif');
	}
.xbtdown {
	width: 196px;
	height: 20px;
	text-align:center; 
	margin: 0px 0px 0 0px;
	padding: 5px 0 0 5px;
	background-color: #000;
	color: #fff;
	background: url('bt3.gif');
}
.menu A {padding: 0 5px; color: #CF3;text-decoration: none;}
.menu A:link, .menu A:visited {color: #CF3; text-decoration: none;
}
.menu A:hover, .menu A:active { color: #fff;text-decoration: underline;
}