@charset "utf-8";<!-- 
body{font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif;background:#848284;margin:0;/* 最好将 body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */
padding:0;text-align:center;/* 在 IE 5* 浏览器中，这会将容器居中。文本随后将在 #container 选择器中设置为默认左对齐 */
color:#000000;}
a:link{color:#16387C;text-decoration:none;}
a:visited{color:#16387C;text-decoration:none;}
a:hover{color:#ff0000;text-decoration:underline;background-color:#b7dbff;/*padding:2px 2em 2px 2em;*/}
a:active{color:#16387C;text-decoration:underline;}
.twoColumn #container{width:800px;background:#FFFFFF;margin:0 auto;/* 自动边距（与宽度一起）会将页面居中 */
border:1px solid #000000;text-align:left;/* 这将覆盖 body 元素上的“text-align:center”。 */
} 
.twoColumn #header{background:#DDDDDD;padding:0 0;/* 此填充会将出现在它后面的 div 中的元素左对齐。如果 #header 中使用的是图像（而不是文本），您最好删除填充。 */
border:1px solid #cbd7ec;} 
.twoColumn #header h1{
margin:0;/* 将 #header div 中最后一个元素的边距设置为零将避免边距重叠（即 div 之间出现的无法解释的空白）。如果 div 周围有边框，则不必将边距设置为零，因为边框也会避免边距重叠 */
padding:10px 0;/* 使用填充而不使用边距将可以使元素远离 div 的边缘 */
}

/* leftside 提示：
1. 由于我们使用的是相对单位，因此最好不要在侧栏中使用填充。它将会增加符合标准的浏览器的总宽，并产生未知的实际宽度。 
2. 由于 sidebar 值以全方 (em) 为单位，请记住侧栏的宽度将随不同的默认文本大小而变化。
3. 如果为 div 中的元素设置左边距和右边距，则会在 div 边缘和这些元素之间产生空白，如“.twoColumn #leftside p”规则中所示。
*/
.twoColumn #leftside{float:left;width:10em;/* 由于此元素是浮动的，因此必须指定宽度 */
font-size:12px;/* background:#EBEBEB;*//* 将显示背景色，其宽度等于栏中内容的长度，*/
padding:2px 0;/* 顶部和底部的填充将在该 div 中产生视觉空间 *//* border-top:1px solid #cbd7ec;*/	border:1px solid #cbd7ec;}
.twoColumn #leftside h3, .twoColumn #leftside p{margin-left:10px;/* 对于将要放在侧栏中的每个元素，都应当设置左边距和右边距 */ margin-right:10px;}

/* mainContent 提示：
1. mainContent 和 leftside 之间的空白是由 mainContent div 的左边距创建的。无论 leftside div 中包含多少内容，都将保留栏空白。如果您希望在 #leftside 中的内容结束时，用 #mainContent div 的文本填充 #leftside 空白，则可以删除此左边距。
2. 请记住，如果在 mainContent div 中放置了过宽的元素，则有可能会导致“浮动下降”（即，侧栏下面非浮动的 mainContent 区域下降）。对于混合布局（总宽基于百分比，侧栏基于全方 (em)），则可能无法计算确切的可用宽度。如果用户的文本大小大于平均值，则侧栏 div 将更宽，因此，mainContent div 中的空间将更小。您应当注意到这种限制，当客户端使用 Contribute 添加内容时尤其如此。
3. 在下面的 Internet Explorer 条件注释中，zoom 属性用来赋予 mainContent“hasLayout”。这可能会有助于避免若干特定于 IE 的错误。
*/
.twoColumn #mainContent{margin:0 0 0 10.1em;/* 右边距可以用百分比或像素来指定，它会在页面的右下方产生空白。 */
border-left:1px solid #cbd7ec;border-right:1px solid #cbd7ec;/*border-top:1px solid #cbd7ec;border-bottom:1px solid #cbd7ec;*/} 
.twoColumn #contentTitle{font-size:14px;margin:0 10px 0 12px;/* 右边距可以用百分比或像素来指定，它会在页面的右下方产生空白。 */
border-bottom:1px solid #cbd7ec;text-indent:24px;} 
.twoColumn #Content{margin:0 10px 0 24px;/* 右边距可以用百分比或像素来指定，它会在页面的右下方产生空白。 */
padding-bottom:1em;border:0px;line-height:150%;} 
.twoColumn #Content p{/* text-indent:24px;*/ /* font-size:12px;*/ margin:6px;line-height:150%;}
.twoColumn #footer{ 
padding:1em 0 1em 0;/* 此填充会将它上面 div 中的所有元素左对齐。 原值为： 0 0 */
background:#DDDDDD;border:1px solid #cbd7ec;
font-size:12px;
} 
.twoColumn #footer p{
margin:0;/* 将脚注中第一个元素的边距设置为零将避免出现可能的边距重叠（即 div 之间出现的空白）*/
padding:1em 0 1em 0;/* 就像边距会产生空白一样，此元素上的填充也将产生空白，但不会出现边距重叠问题 */
}
.twoColumn #logo img{	margin:0;padding:0;}
.twoColumn #topnav{margin:0;padding:0;width:100%;border:1px solid #abcdef;background:#abcdef repeat-x 0 100%;font-size:12px;text-align:left;}
.twoColumn #topnav p{margin:0px;padding:0;line-height:1.5;text-align:right;}
	
/* 要重用的各种类 */
/* 此类可用来使页面中的元素向右浮动。浮动元素必须位于页面上要与之相邻的元素之前。 */
.fltrt{float:right;margin-left:8px;}
/* 此类可用来使页面上的元素向左浮动 */
.fltlft{float:left;margin-right:8px;}
/* 此类应当放在 div 或 break 元素上，而且该元素应当是完全包含浮动的容器关闭之前的最后一个元素 */
.clearfloat{clear:both;height:0;font-size:1px;line-height:0px;}
--> 
<!--[if IE]>
/* 请将所有版本的 IE 的 css 修复放在这个条件注释中 */
.twoColumn #leftside{padding-top:30px;}
.twoColumn #mainContent{zoom:1;padding-top:15px;}
/* 上面的专用 zoom 属性为 IE 提供为避免几个错误而可能需要的 hasLayout */
<![endif]-->

.bg0{background-color:#cccccc;}
.bg1{background-color:#eef;}
.bg2{background-color:#f7f7f7;}
.bg3{background-color:#e3f4f9;}
.bg4{background-color:#81bfe0;}
.yge{font-family:Arial;}
.ygw{color:#fff}
.pad1{padding-left:12px;}
.pad2{padding-right:10px;}

table.data-bordered{margin-bottom:1em;border-spacing:0;_border-collapse:collapse;*border-collapse:collapse;border-bottom:solid 1px #b4b4b4;border-right:solid 1px #b4b4b4;}
.data-bordered thead th{vertical-align:middle;}
.data-bordered th{background-color:#CDCDCD;color:#454545;font:bold 1em Arial, Helvetica, sans-serif;text-transform:none;font-size:12px;text-align:left;}
.data-bordered td{font-size:12px;}
.data-bordered .alt td{background-color:#E5E5E5;}
.data-bordered tbody tr{background-color:#f9f9f9;}
.data-bordered th,
.data-bordered td{padding:0.35em 10px;vertical-align:top;border-top:solid 1px #b4b4b4;border-left:solid 1px #b4b4b4;}
.caption{font-size:1.5em;font-weight:bold;line-height:150%;}

/* left nav */
.nav{width:90px}
.nav .wrapper{float:left;width:120px}
.nav .item .inner{margin-left:10px;width:80px}
.nav .item a{font-weight:normal;text-decoration:none;color:#ff0000}
.nav .item{padding:0 3px;cursor:pointer;line-height:1.3em}
.nav .selected .nub{background-color:#fff}
.nav .selected a{font-weight:bold!important;color:#fff!important}
.nav .item a:hover{text-decoration:underline;color:#ff0000}
.nav .nub{width:5px;height:1.3em;float:left}
.nav .nub-item{padding:2px 0 2px 3px!important;border-bottom:1px solid #e0e6f1}
.nav .sections{padding:0 12px 12px 12px}
.nav .sections a{color:#262626;cursor:pointer;}
.nav .sections a:visited{color:#262626}
#left-nav-sections .inner{text-align:left}
.nav .selected-arrow{display:none}
.browse-sidebar{margin-top:0}
.c-0{background-color:#ac0021}
.c-1{background-color:#ffc300}
.c-2{background-color:#007300}
.c-3{background-color:#0e0077}
.c-4{background-color:#4b5568}
.c-5{background-color:#d80000}
.c-6{background-color:#ff4700}
.c-7{background-color:#438988}
.c-8{background-color:#ff1926}
.c-9{background-color:#9ab6e6}
.c-10{background-color:#95a5c8}
.c-11{background-color:#b4abcb}
.c-12{background-color:#9ac1ba}
.c-13{background-color:#e7e7e7}
.c-14{background-color:#ff8229}
.browse-sidebar .link{margin-bottom:1em}
.links a{color:#00c}
.links{padding-left:8px}
/* left nav end*/