@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,div,ul,ol,li,p,address,dl,dt,dd,hr,form{
	margin: 0;
	padding: 0;
	}
body {
	border-top:3px solid #cc0d05;
	background: #fff;
	color: #000;
	font-size:12px;
	line-height:18px;
	}
ul,ol {
	list-style-type: none;
	}
img {
	border: 0;
	}
img.vm {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	border: none;
	}
a:link {
	color:#0010a9;
	text-decoration:underline;
}
a:visited {
	color:#0010a9;
	text-decoration:underline;
}
a:active {
	color:#0010a9;
	text-decoration:underline;
}
a:hover {
	color:#000;
	text-decoration:none;
}
a.red:link {
	color:#cc0c07;
	text-decoration:none;
}
a.red:visited {
	color:#cc0c07;
	text-decoration:none;
}
a.red:active {
	color:#cc0c07;
	text-decoration:none;
}
a.red:hover {
	color:#000;
	text-decoration:underline;
}
.clearfix:after{ 
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
	content:".";
}
.clearfix{
	display:inline-block;
}
* html .clearfix{
	height:1em;
}
.clearFix{
	display:block;
}
.clr {
	border-top:1px solid transparent !important; 
	margin-top:-1px !important; 
	border-top:0; 
	margin-top:0; 
	clear:both;
	visibility: hidden; 
}
.text10{
	font-size:10px;
}
.text12{
	font-size:12px;
}
.text14{
	font-size:14px;
	line-height:18px
}
.text16{
	font-size:16px;
}

.mb5{
	margin-bottom:5px;
}
.mb8{
	margin-bottom:8px;
}
.mb10{
	margin-bottom:10px;
}
.mb15{
	margin-bottom:15px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.mr20{
	margin-right:20px;
}
.ml50{
	margin-left:50px;
}
.pdl15{
	padding-left:15px;
}
.pd15{
	padding:0 15px;
}
.ml20{
	margin-left:20px;
}
.mg5{
	margin:5px 0;
}
.pCenter {
	text-align: center;
	}

.pLeft {
	text-align: left;
	}

.pRight {
	text-align: right;
	}

img.imgRight {
	float: right;
	margin-left:8px;
	margin-bottom:8px;
	}
img.imgLeft {
	float: left;
	margin-right:8px;
	margin-bottom:8px;
	}
#header{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	padding-top:12px;
	padding-bottom:5px;
	height:100%;
	overflow:hidden;
}
#header .logo{
	float:left;
	width:250px;
	padding-left:10px;
}
#header .hdr{
	float:right;
	width:300px;
}
#header .hdr .chinese{
	text-align:right;
}
#header .hdr .chinese a{
	color:#cd0c07;
	text-decoration:none;
}
#header .hdr .chinese a:visited{
	color:#cd0c07;
	text-decoration:none;
}
#header .hdr .chinese a:hover{
	color:#cd0c07;
	text-decoration:underline;
}
h1{
	font-size:12px;
	color:#626262;
	background-color:#d4d4d4;
}
h1 span{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	text-align:center;
	padding:3px 0;
}
#navi{
	margin-bottom:10px;
	background:url(../images/common/bg_navi.gif) repeat-x;
}
#navi ul{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	height:41px;
	overflow:hidden;
}
#navi li{
	float:left;
}
#mainArea{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
}
#footer{
	padding:5px 0 8px 0;
	border-top:5px solid #000;
	background:url(../images/common/bg_footer.gif) #b00b07 repeat-x left bottom;
}
#footer .b{
	width:960px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
	font-size:12px;
}
#footer .b a{
	color:#fff;
	text-decoration:none;
}
#footer .b a:visited{
	color:#fff;
	text-decoration:none;
}
#footer .b a:hover{
	color:#fff;
	text-decoration:underline;
}
.box{
	border-right:#d5d5d5;
	background-color:#f1f1f1;
}

.demo{
	padding:5px 0;
	text-align:center;
	font-size:12px;
}
.demo .photo{
	margin-bottom:5px;
}
.demo .line{
	margin:5px 0;
}
.more{
	width:218px;
	border-right:1px solid #6a6a6a;
	background-color:#a1a1a1;
	text-align:right;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
.more2{
	width:244px;
	border-right:1px solid #6a6a6a;
	background-color:#a1a1a1;
	text-align:right;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
.more img, .more2 img{
	vertical-align:middle;
	margin-right:7px;
	margin-left:5px;
}
.more a, .more2 a{
	color:#fff;
	text-decoration:none;
}
.more a:visited, .more2 a:visited{
	color:#fff;
	text-decoration:none;
}
.more a:hover, .more2 a:hover{
	color:#fff;
	text-decoration:underline;
}
ul.news{
	padding:5px 12px;
}
ul.news2{
	padding:5px 20px 5px 25px;
}
ul.news li, ul.news2 li{
	margin-bottom:5px;
	padding:0 0 5px 0;
	font-size:12px;
	background:url(../images/common/line.gif) repeat-x left bottom;
}
ul.news li .date, ul.news2 li .date{
	color:#bb0303;
	font-size:12px;
	font-weight:bold;
}
.website{
	background:url(../images/common/img_top.gif) #f1f1f1 no-repeat left top;
}
.website ul{
	padding:15px 0 5px 0;
	background:url(../images/common/img_bottom.gif) no-repeat left bottom;
}
.website ul li{
	text-align:center;
	margin-bottom:5px;
}

.website2{
	background:url(../images/common/img_top2.gif) #f1f1f1 no-repeat left top;
}
.website2 ul{
	padding:15px 0 5px 0;
	background:url(../images/common/img_bottom2.gif) no-repeat left bottom;
}
.website2 ul li{
	text-align:center;
	margin-bottom:5px;
}


ul.links{
	padding:5px 0;
}
ul.links li{
	margin-bottom:2px;
	text-align:center;
}
.w3cdoc{
font-size: 10px;
line-height:16px;
color:#444;
}
h2.headline{
	padding:0 0 5px 17px;
	color:#cd0600;
	font-size:16px;
	border-bottom:7px solid #cd0600;
}
h3.headline{
	padding:0 0 3px 20px;
	color:#cd0600;
	font-size:14px;
	border-bottom:1px solid #cc0c07;
	background:url(../images/common/ic_circle.gif) no-repeat 3px 3px;
}
ul.menu{
	padding-left:19px;
	padding-bottom:12px;
	background:url(../images/common/img_bottom3.gif) no-repeat left bottom;
}
ul.menu li{
	font-size:0px;
	line-height:0px;
}
.color1{
	color:#f00;
}
.color2{
	color:#666;
}

.utility{
margin:0 0 15px;
padding:0 4px;
width:700px;
color:#666;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.utility ul.utilityList{
float:right;
}

.utility .date,
.utility .genre{
padding:6px 0;
float:left;
}

.utility ul,
.utility li,
.utility dl,
.utility dt,
.utility dd{
display:inline;
}

.utility .print a{
padding:6px 3px 6px 22px;
background:transparent url(/images/teaching_materials/126/icon02.gif) -2px -372px no-repeat;
border-right:1px dotted #ccc;
vertical-align:middle;
}

.utility .rss a{
padding:6px 3px 6px 22px;
background:transparent url(/images/teaching_materials/126/icon02.gif) -2px 2px no-repeat;
border-right:1px dotted #ccc;
vertical-align:middle;
}

.utility img{
margin:0 2px 0 0;
padding:6px 0;
vertical-align:middle;
}

.clearbox {
	border-top:1px solid transparent !important;
	margin-top:-1px !important;
	border-top:0;
	margin-top:0;
	clear:both;
	visibility: hidden;
	font-size:1px;
	line-height:1px;
}