/* CSS Document */
body{
	padding:0; margin:0; background:url(image/bg.gif) repeat-x 0 0 #FFFFFe; color:#FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	}
div, p, ul, img, h1, h2, h3, h4, form, a{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.spacer{
	font-size:0; line-height:0; clear:both;
	}
/*-----------------------------header-------------*/
#header{
	width:778px; margin:0 auto; position:relative; height:174px; background:url(image/header_pic.jpg) no-repeat 235px 0;
	}
#header img.logo{
	position:absolute; left:18px; top:38px; display:block;
	}
#header h1{
	font:bold 15px/20px Century Gothic;
	position:absolute;
	left:72px;
	top:86px;
	width: 141px;
	}
#header ul.top_link{
	width:120px; height:26px; font-size:0; position:absolute; left:23px; top:0;
	}
#header ul.top_link li{
	float:left; height:23px; margin:0 1px 0 0;
	}
#header ul.top_link li a{
	width:38px; height:26px; display:block; font-size:0; text-indent:-2000px;
	}
#header ul.top_link li a.home{
	background:url(image/home_icon.gif) no-repeat 0 0;
	}
#header ul.top_link li a.mem{
	background:url(image/member_icon.gif) no-repeat 0 0;
	}
#header ul.top_link li a.mem:hover{
	background:url(image/member_icon_h.gif) no-repeat 0 0;
	}
#header ul.top_link li a.email{
	background:url(image/emai_icon.gif) no-repeat 0 0;
	}
#header ul.top_link li a.email:hover{
	background:url(image/emai_icon_h.gif) no-repeat 0 0;
	}
#header ul.add{
	width:113px;  position:absolute; left:629px; top:8px;
	}
#header ul.add li.toll{
	background:url(image/toll_free_icon.gif) no-repeat 0 0; height:22px; width:78px; padding:19px 0 0 35px; display:block;
	}
#header ul.add li.toll span{
	width:78px; height:17px;  background-color:#2E7398; color:#FFFFFF; display:block;
	font:bold 11px/17px Century Gothic; text-transform:uppercase; text-align:center;
	}
#header ul.add li.num{
	width:115px; height:28px; border:#DADADA 1px solid; display:block; margin:1px 0 0 1px; background-color:#ECECED;
	font:bold 11px/14px Century Gothic; padding:0 1px 0 1px; color:#1C1C1C;
	}
#header ul.add li.fax{
	background:url(image/fax_icon.gif) no-repeat 0 0; height:22px; width:68px; padding:19px 0 0 45px; display:block;
	margin:4px 0 0 0;
	}
#header ul.add li.fax span{
	width:68px; height:17px;  background-color:#E2A000; color:#FFFFFF; display:block;
	font:bold 11px/17px Century Gothic; text-transform:uppercase; text-align:center;
	}
#header ul.navi{
	width:443px;  position:absolute; left:0; top:145px;
	}
#header ul.navi li{
	margin:0 2px 0 0 ; float:left; padding:0;
	}
#header ul.navi li a{
	padding:0 8px 0 8px; font:bold 10px/28px Century Gothic; color:#4F4F4F; background-color:#EBEBEB;
	text-transform:uppercase; text-align:center; display:block; text-decoration:none;
	}
#header ul.navi li a.hover{
	background:url(image/navi_h.gif) repeat-x 0 0 #EBEBEB; display:block; color:#FFFFFF;
	}
#header ul.navi li a:hover{
	background:url(image/navi_h.gif) repeat-x 0 0 #EBEBEB; display:block; color:#FFFFFF;
	}
/*-----------------------body--------------------*/
#body{
	width:741px; margin:0 auto; padding:14px 16px 0 21px;
	}
#leftPan{
	width:578px; float:left; color:#2C2C2C; background-color:#FFFFFF; padding:0 12px 51px 0;
	}
#leftPan h2.duty{
	width:350px; font:normal 30px/35px Century Gothic; display:block; float:left;
	}
#leftPan p.duty_text{
	width:350px; font:normal 15px/20px Century Gothic; padding:6px 0 6px 0; float:left;
	}
#leftPan p.duty_text b{
	color:#0672A3; background-color:#FFFFFF;
	}
	
	
	
#leftPan ul.boLink{
	width:202px; float:right; padding:0 0 6px 0; font-size:0;
	}
#leftPan ul.boLink li{
	height:57px; width:202px; display:block; margin:0 0 0 0;
	}
#leftPan ul.boLink li a{
	font:normal 14px/18px Georgia, Century Gothic; padding:5px 0 0 85px; width:117px; height:50px;
	text-decoration:none;
	}
#leftPan ul.boLink li a span{
	color:#1E749B; background-color:#FFFFFF; width:99px; height:20px; font:normal 18px/20px Century Gothic;
	display:block;
	}
	
	

	
	#leftPan ul.thumb{
	width:186px; float:right;  font-size:0;padding:17px 10px 20px 0px;
	}
#leftPan ul.thumb li{
	height:142px; width:186px; display:block; margin:0 0 0 0; padding:0px 10px 20px 0px;
	}
#leftPan ul.thumb li a{
	font:normal 14px/18px Georgia, Century Gothic;  width:186px; height:142px;
	text-decoration:none;padding:0px 10px 20px 0px;
	}
#leftPan ul.thumb li a span{
	color:#1E749B; background-color:#FFFFFF; width:186px; height:142px; font:normal 18px/20px Century Gothic;
	display:block;padding:0px 10px 20px 0px;
	}
	
	
	#leftPan ul.thumb li a.thumb1{
	background:url(image/intranet_1.jpg) no-repeat 0 0 #FFFFFF; color:#515050; display:block;
	}
	
	#leftPan ul.thumb li a.thumb2{
	background:url(image/intranet_1.jpg) no-repeat 0 0 #FFFFFF; color:#515050; display:block;
	}
	
	#leftPan ul.thumb li a.thumb3{
	background:url(image/intranet_1.jpg) no-repeat 0 0 #FFFFFF; color:#515050; display:block;
	}
	
	#leftPan1 ul.thumb12 li a.space{
	background:url(image/spacer1.jpg) no-repeat 0 0 #FFFFFF; color:#515050; display:block;width:186px; height:10px;
	}
	
	
#leftPan ul.boLink li a.grap{
	background:url(image/grap_icon.gif) no-repeat 0 0 #FFFFFF; color:#515050; display:block;
	}
#leftPan ul.boLink li a.grap:hover{
	background:url(image/grap_icon_h.gif) no-repeat 0 0 #FFFFFF; color:#515050;
	}
	#leftPan ul.boLink li a.tools{
	background:url(image/tools.gif) no-repeat 0 0 #FFFFFF; color:#515050; display:block;
	}
#leftPan ul.boLink li a.tools:hover{
	background:url(image/tools_h.gif) no-repeat 0 0 #FFFFFF; color:#515050;
	}
#leftPan ul.boLink li a.ser{
	background:url(image/ser.gif) no-repeat 0 0 #FFFFFF; color:#515050; display:block;
	}
#leftPan ul.boLink li a.ser:hover{
	background:url(image/ser_h.gif) no-repeat 0 0 #FFFFFF; color:#515050;
	}
#leftPan ul.boLink li a.pro{
	background:url(image/proj.gif) no-repeat 0 0 #FFFFFF; color:#515050; display:block;
	}
#leftPan ul.boLink li a.pro:hover{
	background:url(image/proj_h.gif) no-repeat 0 0 #FFFFFF; color:#515050;
	}
/*---------------------
#leftPan h2.event{
	width:560px; font:normal 30px/35px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; float:left; margin:0 0 10px 0;
	}
#leftPan h3{
	width:81px; float:left; font:normal 18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 10px 0;
	display:block; background-color:#FFFFFF; color:#A9A9A9;
	}
#leftPan h3 span{
	width:64px; height:21px; background-color:#E2A000; color:#FFFFFF; display:block; text-align:center; margin:0 0 4px 0;
	}
#leftPan p.event_text{
	width:490px; font:normal 15px/18px Georgia, "Times New Roman", Times, serif; float:left;
	}
	
#leftPan p.more{
	width:74px; background:url(image/midel_line.gif) repeat-x 0 0; height:21px ; float:right; padding:0 0 0 426px;
	font-size:0; display:block; margin:0 0 12px 0;
	}
#leftPan p.more a{
	width:64px; height:21px; display:block; background:url(image/more.gif) no-repeat 0 0 #FFFFFF; color:#2C2C2C; 
	text-decoration:none; font:bold 15px/18px "Trebuchet MS", Arial, Helvetica, sans-serif ; padding:0 0 0 10px;
	}
#leftPan p.more a:hover{
	background:url(image/more_h.gif) no-repeat 0 0;
	}
---*/
	
/*---------------------rightpan--------*/
#right{
	width:150px; float:left; margin:0; padding:0; font-family: Century Gothic;
	}
#right h2.search{
	width:134px; height:23px; background-color:#2E7398; color:#FFFFFF; padding:0 0 0 16px; display:block;
	font:normal 20px/23px Century Gothic; margin:0 0 1px 0;
	}
#right form.sea{
	border-left:#D9D9D9 1px solid; border-right:#D9D9D9 1px solid; background-color:#F5F5F5; border-bottom:#D9D9D9 1px solid;
	width:200px; padding:6px 12px 0 13px; color:#000000; height:300px;
	}
#right form.sea select{
	width:122px; height:19px; font:normal 11px/21px Century Gothic; padding:0;
	text-transform:uppercase; border-bottom:#D4D0C8 1px solid; border-right:#D4D0C8 1px solid; border-left:#808080 1px solid;
	border-top:#808080 1px solid; margin:0;
	}
#right form.sea input{
width:122px; height:19px; font:normal 11px/21px Century Gothic; padding:0;
	 border-bottom:#D4D0C8 1px solid; border-right:#D4D0C8 1px solid; border-left:#808080 1px solid;
	border-top:#808080 1px solid; margin:0; float:left; 
	}
#right h2.member{
	width:134px; height:23px; background-color:#E2A000; color:#FFFFFF; padding:0 0 0 16px; display:block;
	font:normal 20px/23px Century Gothic; margin:16px 0 1px 0;
	}
#right form.memberf{
	border-left:#D9D9D9 1px solid; border-right:#D9D9D9 1px solid; background-color:#F5F5F5; border-bottom:#D9D9D9 1px solid;
	width:123px; padding:11px 12px 0 13px; color:#002C41; height:122px; font-family:Century Gothic;
	}
#right form.memberf input{
	width:122px; height:19px; font:normal 11px/21px Century Gothic; padding:0;
	 border-bottom:#D4D0C8 1px solid; border-right:#D4D0C8 1px solid; border-left:#808080 1px solid;
	border-top:#808080 1px solid; margin:0; float:left; 
	}
#right form.memberf label{
	width:61px; height:16px; line-height:16px; font-size:11px; padding:0 0 0 11px; text-transform:uppercase;
	float:left;
	}
#right form.memberf a{
	width:80px; float:left; display:block; text-decoration:none; font-weight:bold; font-size:11px; color:#2C2C2C;
	text-transform:uppercase; background-color:#F5F5F5; padding:8px 0 0 0; line-height:14px;
	}
#right form.memberf a:hover{
	text-decoration:underline;
	}
#right form.memberf input.go{
	width:34px; height:22px; background:url(image/go.gif) no-repeat 0 0; float:left; font-size:15px; line-height:22px; 
	font-weight:bold; border:none; margin:9px 0 0 0; text-align:center; padding:0; cursor:pointer;
	font-family:Century Gothic;
	}
	
	
	
	#right h2.member1{
	width:134px; height:23px; background-color:#2E7398; color:#FFFFFF; padding:0 0 0 16px; display:block;
	font:normal 20px/23px Century Gothic; margin:16px 0 1px 0;
	}
#right form.member1f{
	border-left:#D9D9D9 1px solid; border-right:#D9D9D9 1px solid; background-color:#F5F5F5; border-bottom:#D9D9D9 1px solid;
	width:123px; padding:11px 12px 0 13px; color:#002C41; height:320px; font:normal 10px/13px Century Gothic; margin:16px 0 1px 0;
	}
#right form.member1f input{
	width:122px; height:19px; font:normal 10px/13px Century Gothic; margin:16px 0 1px 0; padding:0;
	 border-bottom:#D4D0C8 1px solid; border-right:#D4D0C8 1px solid; border-left:#808080 1px solid;
	border-top:#808080 1px solid; margin:0; float:left; 
	}
	#right form.member1f textarea{
	width:122px; height:90px; font:normal 10px/13px Century Gothic; margin:16px 0 1px 0; padding:0;
	 border-bottom:#D4D0C8 1px solid; border-right:#D4D0C8 1px solid; border-left:#808080 1px solid;
	border-top:#808080 1px solid; margin:0; float:left; 
	}
		#right form.member1f select{
	width:122px; height:22px; font:normal 10px/13px Century Gothic; margin:16px 0 1px 0; padding:0;
	 border-bottom:#D4D0C8 1px solid; border-right:#D4D0C8 1px solid; border-left:#808080 1px solid;
	border-top:#808080 1px solid; margin:0; float:left; 
	}
#right form.member1f label{
	width:61px; height:16px; line-height:16px; font-size:11px; padding:0 0 0 11px; text-transform:uppercase;
	float:left;
	}
#right form.member1f a{
	width:80px; float:left; display:block; text-decoration:none; font-weight:bold; font-size:11px; color:#2C2C2C;
	text-transform:uppercase; background-color:#F5F5F5; padding:8px 0 0 0; line-height:14px;
	}
#right form.member1f a:hover{
	text-decoration:underline;
	}
#right form.member1f input.go{
	width:34px; height:22px; background:url(image/go.gif) no-repeat 0 0; float:left; font-size:15px; line-height:22px; 
	font-weight:bold; border:none; margin:9px 0 0 0; text-align:center; padding:0; cursor:pointer;
	font:normal 10px/13px Century Gothic; margin:16px 0 1px 0;
	}
	
	
/*-------------------------footer---------------*/
#footer_main{
	background:url(image/footer_bg.gif) repeat-x 0 0 #BFBFBF; color:#2C2C2C;
	}
#footer{
	width:778px; position:relative; margin:0 auto; font-family:Century Gothic ;  height:132px;
	}
#footer ul{
	width:582px; position:absolute; top:40px; left:126px; font-size:0;
	}
#footer li{
	  font-size:12px; line-height:15px;  float:left;	display:block; margin:0; padding:0;
	 background-color:#BEBEBE; color:#FFFFFF; height:15px;
	}
#footer ul li a{
	height:13px; padding:0 8px 0 8px;  font-size:13px; line-height:15px; font-weight:bold; 	
	text-decoration:none;  background-color:#BEBEBE; color:#FFFFFF;
	}
#footer ul li a:hover{
	background-color:#199BD8; color:#fff;
	}
#footer p{
	width:334px;  position:absolute; top:68px; left:134px; font-size:13px; line-height:15px; display:block;
	height:15px;
	}
#footer p.copy{
	font-size: 11px; width:190px;  line-height:16px;  position:absolute; left:139px; top:113px; height:16px; padding:0;
	 font-weight:bold; text-transform:uppercase;
	}
#footer p.copy a{
	text-decoration:none;  font-weight:bold; background-color:#BFBFBF; color:#060500; line-height:16px;
	}
#footer p.copy a:hover{
	background-color:#199BD8; color:#FFFFFF;
	}
#footer ul.xh{
	width:150px; position:absolute; top:96px; left:609px; font-size:0; 	padding:0;
	}
#footer ul.xh li{
	float:left; padding:0 0 0 3px; height:26px; line-height:26px; font-size:0;
	}
#footer ul.xh li a{
	 display:block; padding:0; margin:0; text-indent:-2000px; height:26px;
	}
#footer ul.xh li a.xtm{
	background:url(image/html_bg.gif) no-repeat 0 0; width:72px; height:26px;  
	}
#footer ul.xh li a.xtm:hover{
	background:url(image/html_bg_h.gif) no-repeat 0 0; 
	}
#footer ul.xh li a.ss{
	background:url(image/css_bg.gif) no-repeat 0 0; width:61px; height:26px; 
	}
#footer ul.xh li a.ss:hover{
	background:url(image/css_bg_h.gif) no-repeat 0 0; 
	}
#footer img{
	position:absolute; left:0; top:0;
	}