/*
Template Name: AquaBusiness
File: Layout CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

@import url(navi.css);
@import url(forms.css);
@import url(tables.css);

body{
	margin:0;
	padding:0;
	font-size:14px;
	font-family:verdana, Arial, Helvetica, sans-serif;
  	}

img{border:0; padding:0; margin:0;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart {list-style-type:none; margin:0; padding:0;}
.clear{clear: both;}
br.clear{clear:both; margin-top:-15px;}
a{outline:none; text-decoration:none;color: #333; }
a:hover{  text-decoration:underline;color:#fb6a00}

p{ text-indent: 2em; line-height: 26px;}
.fl_left{float:left;}
.fl_right{float:right;}
.noindent{ text-indent: 0}
.imgl, .imgr{border:1px solid #DFDFDF; padding:5px; color:#666666; background-color:#FFFFFF;}
.imgl{float:left; margin:0 8px 8px 0; clear:left;}
.imgr{float:right; margin:0 0 8px 8px; clear:right;}
._50{ width: 49%}
.margin-left-10{   margin-left: 10px;}
.margin-left-20{ margin-left: 20px !important; margin-left: 10px;}
.container { width:1002px;}
/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{
	display:block;
	width:100%;
	margin:0;
	text-align:left;
	}

div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{
	margin:0 0 20px 0;
	padding:0 0 8px 0;
	font-size:22px;
	font-weight:normal;
	font-family:'微软雅黑',Georgia, "Times New Roman", Times, serif;
	border-bottom:1px dashed #DDDDDD;
	}

.col1{color:#FFFFFF; }
.col2{color:#FFFFFF;  }
.col3{  display: block;  color: #333;}
 .col4{color:#333333; background-color:#FFFFFF;}
.col5{color:#CCCCCC; background-color:#f8ffe5; border-bottom: 18px solid #a5c64e;}
.col5 a{color:#036564; } 
.col5 a:hover{color:#fb6a00 } 

/* ----------------------------------------------Generalise-------------------------------------*/

  #header,#sitename, #intro, #breadcrumb, #container, #footer, #copyright{
	position:relative;
	margin:0 auto 0;
	display:block;
 	}

/* ----------------------------------------------TopBar-------------------------------------*/

#topbar{
        height: 290px;
        top: 0;
        z-index:1000;
	}

#topbar ul{
	margin:0;
	padding:0;
	list-style:none;
	}
 
/* ----------------------------------------------Header-------------------------------------*/

#header {background: url(../images/header.jpg) #fff no-repeat; height: 252px; display: block; margin-bottom: 5px; width: 1002px;    }
 
#main{  }
/* ----------------------------------------------Homepage Intro-------------------------------------*/
#slider{  float: left; width: 338px;overflow: hidden; display: block;height: 248px; position: relative; z-index: 1;   } 
 #trends{width: 648px; float: left;  margin-left:12px; border: 1px solid #c5d18b;height: 250px; }
 #trends .top{background: none; line-height:40px; color: #333; width: 96%; border-bottom: 1px solid #c5d18b; margin-left: 15px;  }
 #trends .listul{border:none;  }
 #trends .top a{ color: #333;}
#notice{ float: right;width: 276px; height: 228px;  margin-bottom:  10px;}
#notice .listul{border: 3px solid #e9fbc7; width: 268px; border-top: none; height: 212px; float: left; overflow: hidden; color: #222;}
.list,.list2,.list3,.list4{ display: block; float: left; color:#333}
.list .pubdate,.list2 .pubdate,.list3 .pubdate,.list4 .pubdate{ float: right; margin-right: 20px;}
.list .listul,.list2 .listul{  float: left; overflow: hidden; width: 94%}
.list .top{ font-family:Georgia, '宋体',"Times New Roman", Times, serif;width: 100%; display: block; float: left;  background: url(../images/bg.gif) 0 -26px no-repeat;  line-height: 38px; padding: 0; margin: 0;  font-size: 15px; color: #fff;  font-weight: bold; }
.list2 .top,.list3 .top{ font-family:Georgia, '宋体',"Times New Roman", Times, serif;width: 100%; display: block;padding: 0; margin: 0; float: left;  background: url(../images/bg.gif) 0 -124px no-repeat; line-height: 28px;   font-size: 15px; color: #fff;  font-weight: bold; }

.list4 .top{ font-family:Georgia, '宋体',"Times New Roman", Times, serif;width: 100%; display: block;padding: 0; margin: 0; float: left;  background: url(../images/bg.gif) 0 -124px no-repeat; line-height: 28px;   font-size: 15px; color: #fff;  font-weight: bold; }


.list .title{ width: 80%; display: block; float: left; text-indent: 2em; }
.list3 .title,.list4 .title{ width: 90%; display: block; float: left; text-indent: 2em; }
.list .more { width: 15%; display: block; float: right; text-align: left}
.list .more a { color: #fff;font-weight: normal; font-size: 13px;}
.list ul,.list2 ul,.list3 ul,.list4 ul{ width: 100%;  float: left;  overflow: hidden; margin: 0 0 5px 5px !important; margin: 0 0 5px 0px; padding: 0; list-style: none}
.list ul li,.list2 ul li ,.list3 ul li ,.list4 ul li{ padding-left: 8px; margin-top: 4px;}
.list ul li a {  background:url(../images/li.png) left center no-repeat;padding-left: 10px; line-height: 25px;}

.list4{ width: 340px; float: left; margin-top: 10px;}

.list4 .listul{border: 1px solid #d8d8d8; border-top: none;width: 338px;  height: 220px;float: left }
.list4 ul li a{ background:url(../images/orange_file.gif) left center no-repeat; padding-left: 10px;line-height:25px; }


.list3{ width: 650px; float: right; margin-top: 10px;}

.list3 .listul{border: 1px solid #d8d8d8; border-top: none;width: 646px;  height: 220px;float: left }
.list3 ul li a{ background:url(../images/orange_file.gif) left center no-repeat; padding-left: 10px;line-height: 25px; }
#downloads {width: 340px;float: left;margin: 10px 0; }
#downloads .top{background-position: 0 -95px;line-height: 28px;}
#downloads .listul{border: 1px solid #d8d8d8; border-top: none;width: 337px; float: left;height: 480px; }

 /* 活动掠影***/
#pictures {width: 100%; float: left;  margin: 10px 0;}
#teachers .top{background-position: 0 0px; line-height: 26px;width: 99% }
#pictures .top{background-position: 0 0px; line-height: 26px;width: 98% }
#pictures .listul{border: 1px solid #c5d18b; border-top: none;width: 684px; height: 133px; }
#pictures  ul li {text-align: center; float: left; width: 25%; margin:5px 0px; padding: 0 }
#teachers ul li{text-align: center; float: left; width: 49%; margin:5px 0px; padding: 0 }
#pictures  ul li a,#teachers ul li a{ background:none; padding: 0}

 
 
.special{ float: left; width: 100%}
.special .title{font-size: 13pt; font-family: '微软雅黑','宋体'; font-weight: bold; display: block; float: right; width:150px; margin-top: 40px; text-align: center; color: #036564;}
.special .title .info{font-size: 13px; display: block; font-weight:normal;   text-align: center; color: #333;font-family: '微软雅黑','宋体'; }
.special .article{  display: block;  text-align: center; line-height: 26px; }
.picture{ float: left;width: 850px; margin-left: -15px;}
/* ----------------------------------------------advertising-------------------------------------*/
.midadver{ background-color: #dd790a; height: 75px; overflow: hidden; float: left; width:100%;margin-top: 8px;}
.midadver img{height: 75px;}
/* ----------------------------------------------BreadCrumb-------------------------------------*/
#breadcrumb{
	padding:0  0 5px 0; border-bottom: 3px solid #dd790a; text-indent: 2em;color:#333; margin-bottom: 5px; margin-top: 0px; float: left; width: 100%
	}

#breadcrumb .breadcrumbs{
	padding:0;
	 display: inline
	}

#breadcrumb ul li{display:inline;}
#breadcrumb ul li.current a{text-decoration:underline;}

/* ----------------------------------------------Container-------------------------------------*/
#column{ width: 25%; float: left; background-color:#f8ffe5;overflow: hidden} 
#content{ width: 70%; float: right; min-height: 350px; _height:350px; margin: 30px 0; line-height: 28px;padding-right: 20px; font-size: 16px;} 
 #content p{ font-size: 16px; line-height: 30px;}
  #content a{   color: #dd790a}
#content .info { margin: 15px 0;}
 
table.list{ border: none; margin:12px 4px;}
table.list td{  border: none; border-bottom: 1px dashed #ccc; border-top: none; font-size: 14px;}
table.list a{background:url(../images/li-marker.png) left center no-repeat; display: block; text-indent: 1em;font-size: 14px; }
.piclist {list-style: none; margin: 0; width:100%; float: left; margin-bottom: 20px;}
.piclist li{float: left; width: 172px; text-align: center; height: 160px; display: block}
.piclist li img{ max-width: 150px; width: auto; border: 1px solid #ccc; padding: 3px;}
 
/* ----------------------------------------------Copyright-------------------------------------*/
.link{width: 430px; float: left; display: block;    margin:0 10px;}
#copyright{color: #647c24;padding:25px 0; font-size: 13px;}
#copyright .contact{ width: 300px; float: right}
#copyright .contact ul{ list-style: none; color: #333; margin: 0}
#copyright .title{ font-size: 13pt; font-family: '微软雅黑','黑体'; font-weight: bold; line-height: 30px;color:#fb6a00}
#copyright p{ }
.link ul{ width: 100% ; }
.link ul li{ float: left; list-style: none; margin-right: 10px;   }

  
 
.search-form {
	MARGIN-TOP: 17px; PADDING-LEFT: 30px;   WIDTH: 220px; LINE-HEIGHT: 24px;  
}
.search-form ul{ margin: 0}
.search-form LI {
	FLOAT: left; MARGIN-RIGHT: 5px; POSITION: relative ;
}
.search-form .selector {
	border: 1px solid transparent;border-radius: 4px;padding: 6px 12px;FLOAT: left;   BACKGROUND: #5cb85c; 
}
.search-form .category {
	FLOAT: left; WIDTH: 183px ; color: #fff;font-size: 14px;
}
.search-form .trigger {
	  FLOAT: left;   color: #fff;font-size: 14px;
}
.search-form A:link {
	 
}
.search-form A:visited {
	COLOR: #0067b6
}
.search-form2 {
	  BACKGROUND: url(images/nav.png) no-repeat 0px -500px; FLOAT: right; WIDTH: 220px; LINE-HEIGHT: 24px; HEIGHT: 24px;  font-size: 13px;padding-bottom: 5px;
}
.search-form2 LI {
	FLOAT: left; MARGIN-RIGHT: 5px; POSITION: relative;  font-size: 13px;
}
.search-form2 .selector {
	BORDER-RIGHT: #b4b4b4 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #b4b4b4 1px solid; PADDING-LEFT: 7px; BACKGROUND: #CACACA; FLOAT: left; PADDING-BOTTOM: 0px; BORDER-LEFT: #b4b4b4 1px solid; LINE-HEIGHT: 22px; PADDING-TOP: 0px; BORDER-BOTTOM: #b4b4b4 1px solid; HEIGHT: 22px;  font-size: 13px;
}
.search-form2 .category {
	FLOAT: left; WIDTH: 183px ; BACKGROUND: #CCC  font-size: 13px;
}
.search-form2 .trigger {
	BACKGROUND: url(images/nav.png) #eee no-repeat -1px -200px; FLOAT: left; WIDTH: 16px; TEXT-INDENT: -9999px; HEIGHT: 22px;  font-size: 13px;
}
.search-form2 A:link {
	COLOR: #0067b6;  font-size: 13px;
}
.search-form2 A:visited {
	COLOR: #0067b6;  font-size: 13px;
}
.droplist {
	BORDER-RIGHT: #b4b4b4 1px solid; BORDER-TOP: #b4b4b4 1px solid; 
                top:-354px;
                 Z-INDEX: 2; BACKGROUND: #f6f4f0; LEFT: 0px; overflow-x:hidden;overflow-y:scroll; BORDER-LEFT: #b4b4b4 1px solid; 
                     WIDTH: 206px;height:350px;  BORDER-BOTTOM: #b4b4b4 1px solid; POSITION: absolute;
	 scrollbar-face-color: #a1cdff;
	 scrollbar-highlight-color: #ffffff;
	 scrollbar-shadow-color: #f7f7f3;
	 scrollbar-3dlight-color: #a4d8ff;
	 scrollbar-arrow-color: #000;
	 scrollbar-track-color: #e9f2f7;
	 scrollbar-darkshadow-color: #a4d8ff;
	 scrollbar-base-color: #f7f7f3;	
}
.droplist LI {
	FLOAT: none;   font-size: 13px;  WIDTH: 100%;   
}
.droplist LI A {
	DISPLAY: block; PADDING-LEFT: 7px; PADDING-BOTTOM: 0px;  PADDING-TOP: 0px; HEIGHT: 20px; font-size:13px;
}
.droplist LI A:link {
	COLOR: #333
}
.droplist LI A:visited {
	COLOR: #333
}
.droplist LI A:hover {
	BACKGROUND: #e4ebee; TEXT-DECORATION: none
}
.droplist LI A:active {
	BACKGROUND: #e4ebee; TEXT-DECORATION: none
}
.droplist2 {
	BORDER-RIGHT: #b4b4b4 1px solid; BORDER-TOP: #b4b4b4 1px solid; MARGIN-TOP: 24px; Z-INDEX: 2; BACKGROUND: #CCC; LEFT: 0px; overflow-x:hidden;overflow-y:scroll; BORDER-LEFT: #b4b4b4 1px solid; WIDTH: 207px;height:350px;  BORDER-BOTTOM: #b4b4b4 1px solid; POSITION: absolute;
	 scrollbar-face-color: #a1cdff;
	 scrollbar-highlight-color: #ffffff;
	 scrollbar-shadow-color: #f7f7f3;
	 scrollbar-3dlight-color: #a4d8ff;
	 scrollbar-arrow-color: #000;
	 scrollbar-track-color: #e9f2f7;
	 scrollbar-darkshadow-color: #a4d8ff;
	 scrollbar-base-color: #f7f7f3;	
}
 
/* 链接的样式 */
.search-form a { blr:expression(this.onFocus=this.blur()); font-size:12px; }  /* 去除链接的虚线框，For IE */
.search-form a:focus { outline:0; }                                           /* 去除链接的虚线框，For FF */
/* 链接的样式 */
.search-form2 a { blr:expression(this.onFocus=this.blur()); font-size:13px; }  /* 去除链接的虚线框，For IE */
.search-form2 a:focus { outline:0; }                                           /* 去除链接的虚线框，For FF */