/* CSS Document */
body{
	padding:0; margin:0; background:url(image/bg.png) repeat-x 0 0 #FFFFFe; color:#FFFFFF;
	}
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:800px; margin:0 auto; position:relative; height:180px;
	}
#header img.logo{
	position:absolute;
	left:auto;
	top:38px;
	display:block;
	width: 229px;
	height: auto;
	}
#header h1{
	font:bold 15px/20px Arial, Helvetica, sans-serif;
	position:absolute;
	left:70px;
	top:85px;
	width: 119px;
	height: 21px;
	}
#header ul.top_link{
	width:120px; height:26px; font-size:0; position:absolute; left:73px; top:6px;
	}
#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:773px;
	top:2px;
	height: 110px;
	}
#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 Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center;
	}
#header ul.add li.num{
	width:94px; height:28px; border:#DADADA 1px solid; display:block; margin:4px 0 0 4px; background-color:#ECECED;
	font:bold 11px/14px Tahoma, Arial, Helvetica, sans-serif; padding:0 6px 0 6px; 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:#2E7398; color:#FFFFFF; display:block;
	font:bold 11px/17px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center;
	}
#header ul.navi{
	width:405px;  position:absolute; left:130px; top:142px;
	}
#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 Verdana, Arial, Helvetica, sans-serif; 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:800px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 14px;
	padding-right: 16px;
	padding-bottom: 0;
	padding-left: 21px;
	padding:18px;
	border: 1px solid #AEC8C4;
	top: auto;
	}
#leftPan{
	width:610px; float:right; color:#2C2C2C; background-color:#FFFFFF; padding:0 12px 51px 0;
	}
#leftPan h2.duty{
	width:395px;
	display:block;
	float:left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 35px;
	font-weight: bolder;
	font-variant: normal;
	}
#leftPan p.duty_text{
	width:350px; font:normal 15px/20px Georgia, "Times New Roman", Times, serif; 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;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #D4D0C8;
	border-right-color: #D4D0C8;
	border-bottom-color: #D4D0C8;
	border-left-color: #D4D0C8;
	}
#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, "Times New Roman", Times, serif; 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 Arial, Helvetica, sans-serif;
	display:block;
	}
#leftPan ul.boLink li a.grap{
	background:url(image/radalg.gif) no-repeat 0 0 #FFFFFF; color:#515050; display:block;
	}
#leftPan ul.boLink li a.grap:hover{
	background:url(image/radalg02.gif) no-repeat 0 0 #FFFFFF; color:#515050;
	}
	#leftPan ul.boLink li a.tools{
	background:url(image/aps.gif) no-repeat 0 0 #FFFFFF; color:#515050; display:block;
	}
#leftPan ul.boLink li a.tools:hover{
	background:url(image/aps02.gif) no-repeat 0 0 #FFFFFF; color:#515050;
	}
#leftPan ul.boLink li a.ser{
	background:url(image/meteo.gif) no-repeat 0 0 #FFFFFF; color:#515050; display:block;
	}
#leftPan ul.boLink li a.ser:hover{
	background:url(image/meteo02.gif) no-repeat 0 0 #FFFFFF; color:#515050;
	}
#leftPan ul.boLink li a.pro{
	background:url(image/inforad.gif) no-repeat 0 0 #FFFFFF; color:#515050; display:block;
	}
#leftPan ul.boLink li a.pro:hover{
	background:url(image/inforad02.gif) no-repeat 0 0 #FFFFFF; color:#515050;
	}
#leftPan h2.event{
	width:600px; font:normal 30px/35px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; float:left; margin:0 0 10px 0;
	background-color:#A9C7EB;
	}
#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:left;
	padding:0 0 0 426px;
	font-size:0;
	display:block;
	margin:0 0 12px 0;
	position: inherit;
	}
#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:90px; float:left; margin:0; padding:0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
#right h2.search{
	width:134px; height:23px; background-color:#2E7398; color:#FFFFFF; padding:0 0 0 16px; display:block;
	font:normal 20px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; 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:123px; padding:6px 12px 0 13px; color:#000000; height:63px;
	}
#right form.sea select{
	width:122px; height:19px; font:normal 11px/21px Verdana, Arial, Helvetica, sans-serif; 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:63px; height:22px; background:url(image/submit.gif) no-repeat 0 0 #F5F5F5; color:#002C41; text-align:center;
	font-weight:bold; line-height:22px;  cursor:pointer; font-size:15px; margin:8px 0 0 58px; border:none;
	}
#right h2.member{
	width:150px; height:23px; background-color:#2E7398; color:#FFFFFF; padding:0 0 0 16px; display:block;
	font:normal 20px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; 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:140px; padding:11px 12px 0 13px; color:#002C41; height:auto; font-family:Arial, Helvetica, sans-serif;
	}
#right form.memberf input{
	width:122px; height:19px; font:normal 11px/21px Verdana, Arial, Helvetica, sans-serif; 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:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
/*-------------------------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:"Trebuchet MS", Arial, Helvetica, sans-serif ;  height:132px;
	}
#footer ul{
	width:582px; position:absolute; top:19px; 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:331px;  position:absolute; top:46px; left:188px; font-size:18px; line-height:15px; display:block;
	height:21px;
	}
#footer p.copy{
	font-size: 18px; width:190px;  line-height:16px;  position:absolute; left:281px; top:83px; height:23px; 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:90px; left:381px; 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;
	}

#Layer1 {
	position:inherit;
	left:139px;
	top:461px;
	width:600px;
	padding-top: 3px;
	padding-right: 3px;
	height: 100px;
	background-repeat: repeat;
}
p#far1 {
	position:relative;
	float:right;
	width: 90px;
	background-color: #2E7398;
}
p#far2 {
	position:relative;
	font-size:18px;
	float:left;
	width: 500px;
	padding-right: 10px;

}
#archif
{
width:800;
margin-left:auto;
margin-right:auto;

}
#container { 
    width:800px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: auto;
	padding-top: 14px;
	padding-right: 16px;
	padding-bottom: 0;
	padding-left: 21px;
	 border: 1px solid #AEC8C4; 
} 
#tablearchif
{
  width:800px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: auto;
	padding-top: 14px;
	padding-right: 16px;
	padding-bottom: 0;
	padding-left: 21px;
	border: 1px solid #AEC8C4;

}
#styletable
{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000000;

}
#tabs {
	position:absolute;
	top:144px;
	float:left;
	width:766px;
	/*background:#efefef;*/
	font-size:93%;
	line-height:normal;
	/*border-bottom:1px solid #666;*/
	left: -4px;
	height: 32px;
	
	}

#tabs ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url("tableft.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	font-size:16px;
	}

#tabs a span {
	float:left;
	display:block;
	background:url("tabright.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#FFF;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
font-size:18px;
	color:#FFF;
	}

#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
	}