@charset "utf-8";
/* CSS Document */
html,body{
	height:100%;
	margin:0;
	padding:0;
	background:#cccaca url(../images/bg_html.jpg) repeat-x top;
}
#wrapper{
	height:auto !important;
/*	height:100%;
	min-height:100%;*/
	position:relative;
	width:1010px;
	background:url(../images/bg_wrap.jpg) repeat-y top;
	margin:0 auto;
	padding:0;
}
#wrapper_main3col{
	height:auto !important;
	height:100%;
	min-height:100%;
	position:relative;
	width:1010px;
	background:url(../images/bg_wrap3.jpg) repeat-y top;
	margin:0 auto;
	padding:0;
}
#wrapper_main2col{
	height:auto !important;
	height:100%;
	min-height:100%;
	position:relative;
	width:1010px;
	background:url(../images/bg_wrap4.jpg) repeat-y top;
	margin:0 auto;
	padding:0;
}
#container{
	height:auto !important;
	height:100%;
	min-height:100%;
	position:relative;
	width:1010px;
	background:url(../images/bg_container.gif) no-repeat top;
	margin:0 auto;
	padding:0;
}
#top{
	width:1010px;
	margin:0;
	padding:0;
	height:100px;
	position:relative;
}
	#logo{
		height:48px;
		width:260px;
		position:absolute;
		top:24px;
		left:15px;
	}
	#contact{
		width:192px;
		position:absolute;
		top:25px;
		right:16px;
		font:normal 12px Tahoma, Geneva, sans-serif;
		color:#929292;
		background:url(../images/pic_tel.jpg) no-repeat 8px 11px;
	}
	#contact a{
		font:normal 12px Tahoma, Geneva, sans-serif;
		color:#929292;
		text-decoration:none;
	}
#banner{
	width:977px;
	height:230px;
	margin:0 auto;
	padding:0;
	position:relative;
	background:url(../images/pic_banner.jpg) no-repeat;
}
.ban{
	position:absolute;
	margin:0;
	padding:0;
	left:0;
	top:0;
}
#menu{
	width:190px;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	height:225px;
	background-color:#fff;
	position:absolute;
	left:19px;
	padding-top:5px;
	/**** opacity & tranparency bg*****/
	/* for IE */
  filter:alpha(opacity=85);
  /* CSS3 standard */
  opacity:0.85;
}
/*#nav{
	margin:0;
	padding:0;
	position:absolute;
	left:19px;
	width:190px;
	padding-top:5px;

}
	#nav ul{
		margin:0;
		padding:0 5px 0 5px;
		list-style-type:none;
	}
	#nav ul li{
		margin:0;
		padding:0;
		font:normal 12px/130% Tahoma, Geneva, sans-serif;
		color:#2d2d2d;
		border-bottom:1px solid #fff;
	}
	#nav ul li a:link,#nav ul li a:visited,#nav ul li a:hover,#nav ul li a:active{
		color:#2d2d2d;
		font:normal 12px/130% Tahoma, Geneva, sans-serif;
		text-decoration:none;
		display:block;
		margin:0;
		padding:5px;
	}
	#nav ul li a:hover,#nav ul li.act a{
		color:#FFF;
		background-color:#878686;
		display:block;
		margin:0;
		padding:5px
	}
*/#main{
	width:977px;
	margin:0 auto;
	padding:0 0 150px 0;
	background:url(../images/bg_white.jpg) no-repeat left top;
}
#main_left{
	width:272px;
	margin:0;
	padding:0 0 0 14px;
	float:left;
}
	.news{
		width:272px;
		margin:0 0 0 0;
		padding:0 0 15px 0;
	}
	.news_pic{
		width:87px;
		margin:0;
		padding:0;
		height:69px;
		float:left;
	}
	.news_content{
		width:178px;
		float:right;
		margin:0;
		padding:0 0 0 0;
		font:normal 10px/120% Tahoma, Geneva, sans-serif;
	}
		.news_content h1{
			font:bold 10px Tahoma, Geneva, sans-serif;
			text-transform:uppercase;
			float:left;
			color:#000;
			margin:0;
			padding:6px 0 5px 0;
		}
		.news_date{
			font:normal 10px Tahoma, Geneva, sans-serif;
			color:#1d6700;
		}
		.readmore a{
			color:#990000;
			text-decoration:none;
		}
#main_center{
	width:380px;
	margin:0;
	padding:0 0 0 39px;
	float:left;
	font:normal 11px/130% Tahoma, Geneva, sans-serif;
	color:#929292;
}
	#main_center p{
		margin:0;
		padding:5px 0 7px 0;
		font:normal 11px/130% Tahoma, Geneva, sans-serif;
		color:#929292;
	}
	#main_center h1{
		margin:0;
		padding:5px 0 7px 0;
		font:bold 11px/120% Tahoma, Geneva, sans-serif;
		color:#999;
	}
#main_center2{
	width:652px;
	margin:0;
	padding:0 0 0 39px;
	float:right;
	font:normal 11px/120% Tahoma, Geneva, sans-serif;
	color:#929292;
}

	#main_center2 p{
		margin:0;
		padding:5px 0 7px 0;
		font:normal 11px/130% Tahoma, Geneva, sans-serif;
		color:#929292;
	}
	#main_center2 h1{
		margin:0;
		padding:5px 0 7px 0;
		font:bold 13px/120% Tahoma, Geneva, sans-serif;
		color:#999;
	}
#main_center3{
	width:700px;
	margin:0;
	padding:10px 0 0 0px;
	float:left;
	font:normal 11px/130% Tahoma, Geneva, sans-serif;
	color:#929292;
}
	#main_center3 p{
		margin:0;
		padding:5px 0 7px 0;
		font:normal 11px/130% Tahoma, Geneva, sans-serif;
		color:#929292;
	}
	#main_center3 h1{
		margin:0;
		padding:5px 0 7px 0;
		font:bold 11px/120% Tahoma, Geneva, sans-serif;
		color:#999;
	}
#main_right{
	width:258px;
	margin:0;
	padding:35px 0 0 0;
	float:right;
	font:normal 11px/120% Tahoma, Geneva, sans-serif;
	color:#999;
}
	.box_gray{
		width:242px;
		margin:0;
		padding:0 0 0 0;
		background-color:#eeeeee;
	}
	.box_gray_top{
		height:5px;
		width:242px;
		margin:0;
		padding:0;
		background:url(../images/bg_right01.jpg) no-repeat left top;
	}
	.box_gray_bottom{
		height:5px;
		width:242px;
		margin:0;
		padding:0;
		background:url(../images/bg_right02.jpg) no-repeat left bottom;
	}
	.box_gray_content{
		margin:0;
		padding:0 5px 5px 7px;
		font:normal 11px/120% Tahoma, Geneva, sans-serif;
		color:#999;
	}
	.box_gray_content h1.title_right{
		background:url(../images/pic_title_office_ange.jpg) no-repeat left 5px;
		height:19px;
		width:132px;
		margin:0;
		padding:0 0 0 0;
	}
	.box_gray_content p{
		font:normal 11px/120% Tahoma, Geneva, sans-serif;
		color:#999;
		margin:0;
		padding:5px 0 7px 0 ;
	}
#footer{
	height:132px;
	width:1010px;
	background:url(../images/bg_footer.jpg) no-repeat ;
	position:absolute;
	bottom:0;
	left:0;
}
	#logo_faceboo_rss{
		position:absolute;
		bottom:45px;
		left:36px;
	}
	#logo_footer{
		position:absolute;
		bottom:55px;
		right:5px;
	}
	#detail_footer{
		position:absolute;
		bottom:25px;
		right:5px;
		font:normal 11px/120% Tahoma, Geneva, sans-serif;
		color:#6d6c6c;
		text-align:right;
		padding-right:5px;

	}
	#detail_footer a{
		color:#6d6c6c;
		text-decoration:none;
	}
	#nav_footer{
		position:absolute;
		bottom:7px;
		right:5px;
		font:normal 11px/120% Tahoma, Geneva, sans-serif;
		color:#6d6c6c;
		text-align:right;
		padding-right:5px;
		color:#000;
		font-weight:bold;
	}
	#nav_footer a{
		font:bold 11px Tahoma, Geneva, sans-serif;
		color:#000;
		text-decoration:none;
	}
	#nav_footer a:hover{
		font:bold 11px Tahoma, Geneva, sans-serif;
		color:#000;
		text-decoration:underline;
	}
#grid_pic{
	width:220px;
	height:200px;
	margin:0 0 0 222px;
	padding:28px 0 0 17px;
	position:relative;
	background:url(../images/bg_grid.png) no-repeat left 10px;
}
#grid_pic a{
	cursor:default !important;
}
#cartoon{
	height:145px;
	margin:0;
	padding:0;
	position:absolute;
	right:-48px;
	top:367px;
	width:151px;
}
/******************************/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/************vertical menu **************************/

.suckerdiv{
	margin:0;
	padding:0;
	position:absolute;
	left:19px;
	width:190px;
	padding-top:5px;
	z-index:99;
}
.suckerdiv ul{
		margin:0;
		padding:0 5px 0 5px;
		list-style-type:none;
		z-index:99;
}
	
.suckerdiv ul li{
		position: relative;
		margin:0;
		padding:0 0 0 10px; 
		font:bold 12px/130% Tahoma, Geneva, sans-serif !important;
		color:#2d2d2d;
		background:url(../images/bullet_top_nav2.gif) no-repeat left 9px;
		border-bottom:1px solid #fff;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
	position: absolute;
	width: 190px; /*sub menu width*/
	top: 0;
	visibility: hidden;
	margin:0;
	padding:0 0 0 0;
	left:55px;
	background:url(../images/bg_sub_tran.png) repeat-y;

}
.suckerdiv ul li ul li{
	margin:0 0 0 0;
	padding:0 0 0 9px ;
	background:none;

}
/* submenu links style*/
.suckerdiv ul li ul li a:link,.suckerdiv ul li ul li a:visited,.suckerdiv ul li ul li a:hover,.suckerdiv ul li ul li a:active{
		color:#2d2d2d;
		font:bold 12px/130% Tahoma, Geneva, sans-serif;
		text-decoration:none;
		display:block;
		margin:0;
		padding:5px;
}
.suckerdiv ul li ul li a:hover{
		color:#FFF;
		background-color:#878686;
		display:block;
		margin:0;
		padding:5px;
}
/* menu links style */
.suckerdiv ul li a:link,.suckerdiv ul li a:visited,.suckerdiv ul li a:hover,.suckerdiv ul li a:active{
		color:#2d2d2d;
		font:bold 12px/130% Tahoma, Geneva, sans-serif;
		text-decoration:none;
		display:block;
		margin:0;
		padding:5px;
}
.suckerdiv ul li a:hover,.suckerdiv ul li.act a{
		color:#FFF;
		background-color:#878686;
		display:block;
		margin:0;
		padding:5px;
}

.suckerdiv .subfolderstyle{
/*	background: url(media/arrow-list.gif) no-repeat center right;*/
}
	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

/******** slide img **************/
.centerdiv{ /*IE method of centering a relative div*/
	text-align: center;
	z-index:8;
	width:256px;
	height:200px;
	background:#FFFFFF;
	z-index:-5 !important;
}

.centerdiv>div{ /*Proper way to center a relative div*/
	margin: 0 auto;
}
#centerdiv{ /*IE method of centering a relative div*/
	text-align: center;
	width:256px;
	height:200px;
	background:#FFFFFF;
	z-index:-5 !important;
}

#centerdiv>div{ /*Proper way to center a relative div*/
	margin: 0 auto;
}
/***********************************/
#preview{
	position:absolute;
	border:0px solid #ccc;
	padding:0px;
	display:none;
	color:#fff;
	z-index:100 !important;
}
#preview p{
	z-index:100 !important;
}