html, body, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a {
margin: 0;
padding: 0;
border: 0;
}
body {
	background-color: #C7E2F7;
	background-image: url(layout_images/body_bg.jpg);
	background-repeat: repeat-x;
	font-size: 15px;
	font-family:新细明体,新細明體,PMingLiU,细明体,細明體,MingLiU,新宋体,新宋體,NSimSun,宋体,宋體,SimSun,"Arial Unicode MS",serif,san-serif;
	padding: 0 390px; /* min width = 2*390=780px */
	text-align: center;
	color: #498AF5; /*#649af7;*/
	scrollbar-base-color:#B3E699;
}

body a {
text-decoration:none;
}

#sizer {
margin: 0 auto;
padding: 20px 0;
width: 50%;
text-align: left;
max-width: 200px; /* max width is 780px + 200px = 980px */
}
#expander {
/* Any % height here causes IE to lose the neg right margin */
margin: 0 -390px; /* get back the padding in the body */
position: relative; /* makes #expander visible outside #sizer in IEwin */
min-width: 780px; /* for safari */
min-height: 1px;
}
/*#innerwrapper {
padding: 1px;
} */ 
/* this padding "traps" interior margins so they do not escape the innerwrapper. */
/* inner wrapper is used only to fix IE percentage bug */

/* Holly Hack giving IE "layout" check whether the comma should be here */
/*\*/
* html #expander, 
* html #innerwrapper {height: 0;}
/*  */

/* =========================== End of Jello Mold Setup ================================== */

#skipnav {
position: absolute;/* put the skipnav off the flow and off the viewport */
margin-left: -3000px;
}

/* the two container wrappers */
/*  placing 2 bg pic using 2 div's  */
#container {
margin: 0px;
border: 1px solid #C8FDFD;
line-height: 1.3em;
background:url(layout_images/faux_left.gif) repeat-y top left;
}

* html #container {
background: url(layout_images/faux_left.gif) repeat-y top left;
}

#innercontainer {
margin:0px;
background:url(layout_images/faux_right.gif) repeat-y top right;
}
* html #innercontainer {
background: url(layout_images/faux_right.gif) repeat-y top right;
}
/* Hides from IE5-mac \*/
* html #innercontainer {height: 1%;} 
/* End hide from IE-mac. */

/*  styling the header #heade */
#recommend {
	position:absolute;

	z-index:100;
	right: 0px;
	top: 120px;
	text-align:center;
}
#header {
	position:relative;
/*	border-bottom: 1px solid #fff; */
	height: 148px;
	background: #857551 url(layout_images/bannerOnly.jpg) no-repeat left top;
	background-color: #BEFBBD;
}
#logo {
float:left;
text-align:left;
padding:20px 0 0 10px;
width: 300px;
}
#search {
float:right;
text-align:left;
width: 250px;
padding: 10px 10px 0 10px;
}
/* style for the search form in the sectionlinks box */
#search {padding: 2px;}
* html #search input {
	padding /* */: 2px 0 0 0;
}

#search form {
display: inline;
}
#search label {
display: none;
}
#search input {
width:250px;
background: #FFAB00;
border: 1px solid #BAA092;
color: #100059;
padding: 2px;
}
                  /*  styling the sectionlinks horizontal nav bar & Search */
#sectionlinks {
	font-family: "Arial Unicode MS", SimHei;
	padding: 0.2em 0;
	margin:0;
	line-height:1.5em;
	clear: both; 
	text-align: center;
	background: #B3E699 url(layout_images/xxsectionlinks_bg.jpg) repeat-y top left;
}
#sectionlinks li {
display: inline;
}
/*\*//*/
#sectionlinks li {
display: inline-block;
white-space:nowrap;
width:1px;
}
/**/
#sectionlinks a:link,#sectionlinks a:visited {
color: #498AF5 /*#649af7*/;
font-size: 1em;
/*background: url(layout_images/know_us_link_bg.jpg) repeat-x;*/
/* background: #befbbd; */
text-decoration: none;
padding: 2px;
}
/* Hide from Mac, then the Tan Hack for IE/Win only, then the Holly Hack 1%, the v-a bottom for ie5 and reset for ie6 */
/* \*/
* html #sectionlinks a:link, * html #sectionlinks a:visited {
height: 1%;
vertical-align: bottom;
ve\rtical-align: middle;
}
/* */
#sectionlinks a:hover,
#sectionlinks a:focus {
color: #fff;
}

/*  styling right column #rightcol (also sitenews and sectionnews */
#rightcol {
margin:0;
padding:0;
border:none;
float: right; /* important: float right */
width: 150px; /* matches the margins of #content */
background-color: #B3E699;
height:0;
}
#rightcol_sectionnews {
display:none;
margin:0;
padding:0;
border:none;
line-height:0;
height:0;
}
#rightcol_sitenews {
margin:0;
padding:0;
border:none;
height:600px;
overflow: scroll;
}
.newsContent {
margin:5px 0;
padding:5px 5px;
background-color:#D0F1C2;
font-family: "Arial Unicode MS", "微软雅黑", "黑体", sans-serif;
}
.newsContent h4 {
font-size:1em;
color:C95D01;
line-height:1.1em;
}
.newsContent p {
font-size:.85em;
line-height:1.1em;
}
.newsContent a {
text-decoration:underline;
}
/*  styling left column #leftcol */
#leftcol {
margin:0px;
float: left;
width: 150px;
background-color: #B3E699; 
/*background: #BEFBBD url(layout_images/xxleftcol_bg.jpg) repeat top left;*/
}
#leftcol h3 {
color: #686B3F;
margin: 5px 0 0 5px;
font-size: 0.95em;
}
/*  styling the #leftcol_menu within #leftcol  */
#leftcol_menu ul {
font-size: 1.0em;
font-family: "Arial Unicode MS",SimHei, sans-serif;
list-style: none;
background-color:#e2e994;
}
#leftcol_menu li {
border-top: 1px solid #76F875;
border-left: 1px solid #76F875;
border-bottom: 1px solid #B3E699;
border-right: 1px solid  #B3E699;
}
#leftcol_menu a:link, #leftcol_menu a:visited {
color: #498AF5 /*#649af7*/;
font-weight:100;
display: block;
text-decoration: none;
background: url(layout_images/xxleftcol_link_bg.jpg) repeat-x; /* pic for each link, not the column. Not done yet! */
padding: 6px 3px 6px 10px;
}
/* Holly Hack: make the whole length of the button clickable in IE/Win, v-a: bottom for IE5 */
/*\*/
* html #leftcol_menu a {height: 1%;
vertical-align: bottom;
}
/* */
#leftcol_menu a:hover, #leftcol_menu a:focus {
background: #fff url(xxlayout_images/leftcol_hover_bg.jpg) repeat-x;
}
/*  styling the rleftcol_sitelinks within the left columns #leftcol_sitelinks */
#leftcol_sitelinks {
	margin:2px 0;
	background-color:#BEFBBD;
	font-weight:400;
}
#leftcol_sitelinks ul {
	list-style: none;
	border-top: 1px solid #ECECEC;
	border-left: 1px solid #F0F0F0;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	font-size: 1.1em;
	font-family: "Arial Unicode MS", SimHei, sans-serif;

}

#leftcol_sitelinks a:link, #leftcol_sitelinks a:visited {
	background: url(layout_images/xxsitelinks_bg.jpg) repeat-x;
	line-height: 1.2em;	
	color: #FF954F /*#ff9d5c*/;
	display: block;
	text-decoration: none;
	padding: 6px 3px 6px 3px;
}

#leftcol_sitelinks .special a:link,#leftcol_sitelinks .special a:visited {
color: #333;
background: url(layout_images/xxsitelinks_earthquake_bg.gif) repeat-x;
}
#leftcol_sitelinks .special a:hover,#leftcol_sitelinks .special a:focus {
color: #000;
background: url(layout_images/xxsitelinks_earthquake_bg.gif) repeat-x;
}
#leftcol_menu a:hover, #leftcol_menu a:focus {
background: #fff url(xxlayout_images/leftcol_hover_bg.jpg) repeat-x;
}
/*#leftcol_sitelinks ul li .special a:hover,#leftcol_sitelinks ul li .special a:focus {
color: #fff;
background: url(layout_images/xxsitelinks_earthquake_bg.gif) repeat-x;
}*/
#leftcol_sitelinks p {
font-size: .8em;
margin-left: 5px;
margin-right: 0;
}
#leftcol_sitelinks li {
border-top: 1px solid #ECECEC;
border-left: 1px solid #F0F0F0;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
}


/*  styling the center column #contentcol3 */

/* \*/
* html #contentcol3 {height: 1%;}
/* */
#contentcol3 {
margin: 0 150px 0 150px;
background-color: #d5edf9;
/* testing these */
  min-height:600px;
  height:auto !important;
  height:600px;
/* ---------- */
}
/* \*/
* html #contentcol2 {height: 1%;}
/* */
#contentcol2 {
margin: 0 0 0 150px; /*match width of #leftcol */
/* padding: 1em 0 1em 1em; */
background-color: #d5edf9;
/* testing these */
  min-height:600px;
  height:auto !important;
  height:600px;
/* ---------- */
}
#pagecontent {
zoom:1;
margin: 0 10px;
height:100%
  min-height:560px;
  height:auto !important;
  height:560px;
}
/* replaced the #contentcol3
#pagecontent {

  min-height:580px;
  height:auto !important;
  height:580px; 
}*/
#breadcrumb {
padding: 5px 10px 10px 10px;
height:25px;
color: #ff9d5c; 
font-size: .8em;
}
#contentcol3 h1, #contentcol2 h1 {
padding: .2em 0;
color: #ff9d5c;
font-family:"Arial Unicode MS", SimHei, san-serif;
font-size: 2em;
font-weight:bold;
letter-spacing: .6em;
margin: .1em 0 .2em 0;
}

#contentcol3 h2, #contentcol2 h2 {
padding-left:.2em;
border-left: 5px solid #45A161;
border-bottom: 2px solid #45A161;
margin: 0.5em 0 0.25em; /* more top & left margin than h1*/
font-size: 1.2em;
font-weight:bold;
letter-spacing:.2em;
}
#contentcol3 h3, #contentcol2 h3 {
margin:.2em 0;
font-size: 1.1em;
font-weight:bold;
letter-spacing:.1em;
}
#contentcol3 h4, #contentcol2 h4 {
padding-left:.2em;
border-right: 5px solid #45A161;
border-bottom: 2px solid #45A161;
margin: 0.5em 0 0.5em 0; /* more top & left margin than h1*/
font-size: 1.2em;
font-weight:bold;
letter-spacing:.2em;
}

#contentcol3 p, #contentcol2 p {
font-size: .95em;
line-height: 1.3em;
letter-spacing:.1em;
}

/*  styling the footer #footer */
#footer {
margin:0;
padding:10px 15px;
color: #649af7;
/* border: 0 1px 1px 1px solid #000; */
text-align: left;
font-size: 0.9em;
background:#B3E699 url(layout_images/xxsectionlinks_bg.jpg) repeat-y top left;
}
/* \*/
* html #footer {height: 1%;}
/* */

#footer li {
display: inline;
}
#footer a:link, #footer a:visited {
font-size: 0.85em;
color: #649af7;
}
#footer a:hover, #footer a:focus {
color: #686B3F;
background: #ECECEC;
text-decoration: none;
}

/* make these invisible */
ul #b_special, rightcol_sectionnews, #leftcol_sitelinks .special  {
display:none;
}