/* ------------------------------------全局样式---------------------------------- */
body {font-family: Arial, Tahoma, Verdana; color:#000000; font-size:12px; margin: 0px; padding: 0px; background:#fff url(BlackGold/bg_black.gif) repeat-x top; }
form,div,img{ margin:0; padding:0; border:0;}
fieldset { padding:0 10px 10px 10px; margin:0 0 10px 0; }
legend { font-size:16px; color:#000000; font-weight:bold;   padding:10px 5px 10px 5px; }
/*img{ vertical-align:text-bottom; vertical-align:middle;}*/
input,select,textarea{font-family: Arial, Tahoma, Verdana; font-size:12px; font-weight:normal; font-style:normal; vertical-align:middle;}
ul{ margin-top:0; margin-right:0; margin-bottom:10px; margin-left:20px; padding:0; text-align:left;}
ol{ margin-top:0; margin-right:0; margin-bottom:10px; margin-left:20px; padding:0; text-align:left;}
li{ margin-bottom:5px; padding:0;}
li ul,ol{margin-top:5px; margin-right:0; margin-bottom:5px; margin-left:25px; padding:0; text-align:left;}
p{ padding:0; margin:0 0 10px 0;}
hr { border-top:solid 1px #aca899; border-left:solid 1px #fff; border-right:solid 1px #fff;border-bottom:solid 1px #fff;}
a {color:#2680ba;} 
a:hover {color: #a00;}

/* Clear Float */
.clear:after {content:"."; display: block; height:0; clear:both; visibility:hidden;}
.clear {display: inline-block;}
* html .clear {zoom:1;}
.clear {display: block;}

/* -------------------------------页面结构布局样式-------------------------------------- */

/* 页面头部容器 */
.header{ margin:0 auto; width:760px; margin-top:10px; background:url(BlackGold/School_5.gif) repeat-y center;}
.header-head{ height:13px; font-size:1px; background:url(BlackGold/School_3.gif) no-repeat center top;}
.header-body{ margin:0 3px; position:relative;}
.header-foot{ height:5px; font-size:1px; background:url(BlackGold/School_7.gif) no-repeat center bottom;}

/* 页面主体容器 */
.main{ margin:0 auto; width:760px; background:url(BlackGold/School_33.gif) repeat-y center;}
.main-head{ font-size:1px; }
.main-body{ margin:0 3px; padding-top:10px;}
.main-foot{ font-size:1px; }

/* 页面通用行容器 */
.row{ margin:0 auto; width:760px; background:url(BlackGold/School_33.gif) repeat-y center;}
.row-head{ font-size:1px; }
.row-body{ margin:0 3px; }
.row-foot{ font-size:1px; }

/* 页面底部容器 */
.footer{ margin:0 auto; width:760px; margin-bottom:10px; background:url(BlackGold/School_33.gif) repeat-y center;}
.footer-head{ }
.footer-body{ margin:0 3px; }
.footer-foot{ height:8px; font-size:1px; background:url(BlackGold/School_39.gif) no-repeat center bottom;}

/* 页面主体分栏-列容器－自适应列 */
.col-head{ }
.col-body{vertical-align:top;}
.col-foot{ }

/* 页面主体分栏-列容器－小侧栏列 */
.col-1-head{ padding:0 10px; }
.col-1-body{ padding:0 10px;  width:180px; vertical-align:top;}
.col-1-foot{ padding:0 10px; }

/*  -------------------------------页面模块表现样式-------------------------------------- */
/* 通用栏模块盒子容器和整体表现 */
.box{ margin-bottom:8px; background:url(BlackGold/School_18.gif) repeat-y center;}
.box-head{ height:10px; font-size:1px; background:url(BlackGold/School_13.gif) no-repeat center top;}
.box-title{ margin:0 auto; width:170px; overflow:hidden; word-wrap: break-word; padding:2px 0px 4px; font-size:14px; font-family:Tahoma; font-weight:bold; color:#D4B300; border-bottom:1px solid #D4B300; text-align:center;}
.box-body{ margin:0 auto; width:160px; overflow:hidden; word-wrap: break-word;  padding:5px 0px; text-align:left;}
.box-foot{ height:10px; font-size:1px; background:url(BlackGold/School_27.gif) no-repeat center bottom;}

/* 主栏模块盒子容器和整体表现 */
.mainbox{ margin-bottom:10px; background:url(BlackGold/School_25.gif) repeat-y center;}
.mainbox-head{ height:10px; font-size:1px; background:url(BlackGold/School_15.gif) no-repeat center top;}
.mainbox-title{ margin:0 auto; width:352px; overflow:hidden; word-wrap: break-word; padding:0px 0px 6px; background:url(BlackGold/School_19.gif) repeat-y center; font-size:14px; font-family:Tahoma; font-weight:bold; color:#D4B300; border-bottom:1px solid #D4B300; text-align:center;}
.mainbox-title a{ display:block; text-decoration:none; color:#D4B300;}
.mainbox-body{ margin:0 auto; width:342px; overflow:hidden; word-wrap: break-word; padding:5px 0; text-align:left; }
.mainbox-foot{ height:10px; font-size:1px; background:url(BlackGold/School_28.gif) no-repeat center bottom;}

/* 侧栏模块盒子容器和整体表现 */
.sidebox{ margin-bottom:8px; background:url(BlackGold/School_20.gif) repeat-y center;}
.sidebox-head{ height:10px; font-size:1px; background:url(BlackGold/School_17.gif) no-repeat center top;}
.sidebox-title{ margin:0 auto; width:170px; overflow:hidden; word-wrap: break-word; padding:2px 0px 4px; border-bottom:1px solid #D4B300; font-size:14px; font-family:Tahoma; font-weight:bold; color:#D4B300; text-align:center;}
.sidebox-body{ margin:0 auto; width:160px; overflow:hidden; word-wrap: break-word;  padding:5px 0px; text-align:center;}
.sidebox-foot{ height:10px; font-size:1px; background:url(BlackGold/School_29.gif) no-repeat center bottom;}

/* 内容模块盒子容器和整体表现 */
.title{ border-bottom:2px solid #D4B300; padding:5px; margin-right:10px; font-weight:bold; font-size:16px; text-align:left;}
.subtitle{ border-bottom:1px dashed #D4B300; padding:5px; margin-right:10px;  font-weight:bold; font-size:14px;}
.content{ width:535px; overflow:hidden; word-wrap:break-word; padding:5px; text-align:left;}
.content img{ margin:6px;}
.innerbox{ width:730px; overflow:hidden; word-wrap:break-word; padding:5px; margin:0 auto;}
.innerbox img{ margin:6px;}
.inner-title{background:#fafafa; padding:5px; margin-bottom:10px; font-weight:bold; text-align:center;}
.inner-subtitle{ font-weight:normal;}
.inner-bar{background:#fafafa; padding:5px; margin:10px 0; text-align:center;}

/*  -------------------------------页面通用表现样式-------------------------------------- */
.topbar{ background:#f6f6f6; border-bottom:1px solid #ACA899; padding:5px;}
.topbar-body{ margin:0 auto; width:778px;}
.topbar-login{ text-align:right; padding-right:10px; color:#D4B300; float:right;}
.topbar-text{ border:1px solid #D4B300; background:#f3f6f9; padding:2px; width:80px;}
.topbar-btn{ border-width:1px; border-style:solid; border-color:#fff #000  #000 #fff; background:#D4B300; color:#fff;}
.backSchool{ font-size:16px; font-weight:bold; float:left; margin-left:10px;}

.top{ padding:0px 20px 10px; font-size:30px; color:#fff; }
.site-title{ font-size:18px; font-family:Verdana, Arial; margin-bottom:10px;}
.site-subtitle{ font-size:11px; margin-bottom:10px;}
.top p{ margin:0;}
.slogan{ height:37px; line-height:37px; background:url(BlackGold/School_10.gif) no-repeat center; text-align:center; font-size:30px; font-family:Monotype Corsiva; color:#D4B300;}
.copyright{ padding:20px; text-align:center;  background:url(BlackGold/School_36.gif) repeat-x top; }

.nav{ margin:0 10px -5px; position:relative; z-index:100;}
.menu{list-style:none; margin:0 auto; padding:0;}
.menu li{ float:left; margin:0 1px; padding:0; }
.menu a{ display:block; padding-left:9px; text-decoration:none; font-size:12px; font-weight:bold; color:#fff;}
.menu a span{ display:block; padding:5px 10px 5px 1px; }
.menu a:hover{ background:url(BlackGold/menuleft.gif) no-repeat  left top; color:#D4B300;}
.menu a:hover span{ background:url(BlackGold/menuright.gif) no-repeat right top;}
.menu-active a{ background:url(BlackGold/menuleft.gif) no-repeat left top; color:#D4B300;}
.menu-active a span{ background:url(BlackGold/menuright.gif) no-repeat right top;}
.submenu{ position:relative;}
.submenu ul{ display:none; position:absolute; left:0px; top:0px; list-style:none; margin:0; padding:0; background:#D4B300;}
.submenu li{ float:none; margin:1px; padding:1px; background:#fff; }
.submenu li a{ display:block; padding:5px 10px; white-space:nowrap; font-size:12px; font-weight:normal;  background:#f8f8f8; color:#D4B300;}
.submenu li a:hover{ background:#e8e8e8; font-size:12px;  font-weight:normal; color:#D4B300;}

/* list model style */
.list{background:#fff; border:1px solid #eee; padding:5px;}
.list-head td{ padding:0 5px; height:20px; line-height:20px;  border-bottom:1px solid #ddd; background:#fafafa; font-weight:bold; }
.list-head td td{border-bottom:none;}
.list-head a{ color:#999; text-decoration:none;}
.list-head a:hover{ color:#333;}
.list-body td{padding:0 5px 0 5px; height:28px; border-bottom:1px dashed #ddd;}
.list-body td td{border-bottom:none;}

/* form model style */
.form{background:#fff; border:1px solid #eee; padding:5px;}
.form-txt{ background:#eee; padding:5px; vertical-align:top; white-space:nowrap; border-bottom:1px solid #fff;}
.form-input{background:#fafafa; padding:2px; border-bottom:1px solid #fff;}
.btn{ background:#eee; border:1px solid #ddd; cursor:pointer; font-weight:bold;  padding:0 5px; }
.hand{ cursor:pointer;}

/* warning style */
.note{border: 1px solid #FFC30E; padding:2px 5px; background-color: #FFFBB8; text-align: left; color: #333; }
/* Failed Style */
.note-0{border: 1px solid #FF8080; padding:5px; background: #FFF2F2; text-align: left; color: #333; }
/* Successed Style */
.note-1{border: 1px solid #B0DF97; padding:5px; background: #F2FEE6; text-align: left; color: #333; }

/* float style */
.float-l{ float:left; font-size:12px; }
.float-r{ float:right; font-size:12px;}

/*text style*/
.txt-view{ color:#0000FF;}
.txt-bold{ font-weight:bold; }
.txt-red{ color:#f00; font-weight:normal;}
.txt-gray{color:gray; font-weight:normal;}

/* pagination style */
.pagination{ padding:3px 5px; border:1px solid #eee; text-align:center; background:#fafafa; }
.letter{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align:center; background:#fafafa;}
.letter a{color:#999; display:block !important; display:inline-block; float:left; width:20px; height:20px; text-align:center; line-height:20px; border-right:1px solid #eee; background:#fafafa; text-decoration:none;} 
.letter a:link {color: #2680ba; }
.letter a:visited {color: #2680ba;} 
.letter a:hover {color: #a00; } 
.letter a:active {color: #0000FF;}

/* width style */
.wid-s{ width:120px;}
.wid-m{ width:155px;}
.wid-l{ width:250px;}

/*margin style*/
.magB-m{ margin-bottom:10px;}
.magB-s{ margin-bottom:5px;}

/*padding style*/
.pad-s{ padding:5px;}
.pad-m{ padding:10px;}
.pad-l{ padding:20px;}

/*  -------------------------------页面特殊表现样式-------------------------------------- */
.photo{ margin:0 3px; padding-top:10px; }
.photo-box{ padding-left:10px; background:#fff; position:relative;}
.photo-cell{ position:relative; float:left; width:240px; height:180px; background:#eee; overflow:hidden; margin-right:3px;}
.photo-cell img{ position:absolute; left:0; top:0;}
.photo-bar{ position:absolute; right:0; bottom:0; padding:0 11px 0 0;  font-size:12px; font-weight:bold;}
.photo-bar a{ display:inline-block; height:20px; line-height:20px; width:20px; text-align:center; background:#fff; border:1px solid #ccc; text-decoration:none;}
.photo-none{  display:inline-block; background:#f8f8f8; border:1px solid #eee; padding:5px 10px; color:#ccc;}

.calendar{ border-left:1px solid #ddd; border-top:1px solid #ddd; margin:0 5px;}
.calendar-btn{ border-width:1px; border-style:solid; border-color:#F2FEFF #7F9DB9  #7F9DB9 #F2FEFF; background:#C8D6FB; font-weight:bold;  color:#4D6185; width:30px; height:20px;}
.calendar-day{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#eee; height:28px; line-height:28px; text-align:center; font-weight:bold; }
.calendar-date{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fafafa; height:20px; line-height:20px; text-align:center;}
.calendar-date a{ display:block; width:100%; text-decoration:none;}
.calendar-item{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;}
.calendar-item a{ display:block; text-decoration:none;  background:#fafafa; padding:2px 0; text-align:center; font-weight:bold; border-bottom:1px solid #ddd; }
.calendar-item div{ padding:0 5px; margin:5px 0; border-bottom:1px dashed #eee;}
.calendar-item div a{ display:inline-block; text-decoration:none; background:none; text-align:left; font-weight:normal; border-bottom:none;}
.calendar-item div a:hover{ text-decoration:underline;}
.calendar-other{border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;}
.calendar-other div{ display:none;}
.calendar-other a{ display:none;}

.period{ border-left:1px solid #ddd; border-top:1px solid #ddd; text-align:center;}
.period-top{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fafafa; font-weight:bold;   padding-top:2px; padding-bottom:2px;}
.period-left{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fafafa; padding-top:2px; padding-bottom:2px;}
.period-item{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;}

.photo-tiles{ float:left; border:1px solid #eee; padding:5px; background:#fff; margin:15px 5px 5px 15px;}
.photo-tiles img{ margin:0;}

.login{ font-weight:bold; color:#D4B300;}
.login-text{ border:1px solid #D4B300; background:#f3f6f9; padding:2px;}
.login-btn{ border-width:1px; border-style:solid; border-color:#fff #000  #000 #fff; background:#D4B300; color:#fff;}
.login2{ text-align:right; padding-right:10px; color:#fff; position:absolute; right:0px; top:0px;}
.login2-text{ border:1px solid #D4B300; padding:2px; width:80px;}
.login2-btn{ border-width:1px; border-style:solid; border-color:#fff #000  #000 #fff; background:#eee; color:#D4B300;}

.essential{ margin-bottom:3px;}
.essential ul{ list-style:none; margin:0 0 5px 8px; padding:0;}
.essential li{ margin:0; padding:0; }

.homeNews-head{background:url(BlackGold/homeNews_title.gif) no-repeat center top; padding:10px 8px 0; }
.homeNews-title{background:#fafafa; border-bottom:1px dashed #ddd; padding:5px; margin-bottom:5px;}
.homeNews-content{ padding:0px 5px 5px;}
.homeNews-content img{ margin:6px;}
.homeCal-title{background:#fafafa; border-bottom:1px dashed #ddd; padding:2px; width:80px;}
.homeCal-content{border-bottom:1px dashed #ddd; padding:2px;}
.homeStaff-title{background:#fafafa; border-bottom:1px dashed #ddd; padding:5px; font-weight:bold; margin-bottom:5px;}
.homeStaff-content{ line-height:120%; padding:0px 5px; margin-bottom:5px; }
.homeLinks div{ margin-bottom:5px; text-align:center;}
#HomeStaffDirectory{ display:none;}

.newsList-title{background:#fafafa; border-bottom:1px dashed #ddd; padding:5px; margin-bottom:5px;}
.newsList-content{ padding:0px 5px 5px;}
.newsList-content img{ margin:6px;}
.newsDate{ float:right; font-size:11px; font-weight:normal;}

.comment-input{ width:350px;}