/* CSS Document */
body{
	padding:0; margin:0; background:url(image/bg.gif) 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:861px; margin:0 auto; position:relative; height:138px;
	}
#header a.logo{
	position:absolute; left:18px; top:18px; display:block;
	font:normal 35px/40px "Adobe Garamond Pro";  position:absolute; color:#FFFFFF;
	text-decoration:none;
	}
#header h1{
	font:bold 15px/20px Arial, Helvetica, sans-serif; position:absolute; left:20px; top:66px;
	}
#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;
	}

/*-----------------------body--------------------*/

#body{
	width:861px; margin:0 auto; padding:5px 16px 0 21px;
	}
#leftPan{
	width:833px; color:#2C2C2C; background-color:#FFFFFF; padding:0 12px 51px 0;
	}
#leftPan h2.duty{
	width:550px; font:normal 10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block;
	}
#leftPan p.duty_text{
	width:570px; font:bold 15px/20px Georgia, "Times New Roman", Times, serif; padding:0 15px 6px 0; float:left;
	}
#leftPan p.duty_text b{
	color:#0672A3; background-color:#FFFFFF;
	}
#leftPan h2.event{
	width:560px; font:normal 25px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; float:left; margin:0 0 10px 0;
	}

#leftPan ul.boLink{
	width:202px; float:left; 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, "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 23px/25px Arial, Helvetica, sans-serif;
	display:block; padding-top: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;
	}
/*---------------------rightpan--------*/
#right{
	width:210px; float:left; margin:0; padding:0; 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:42px;
	}

#footer p{
	width:334px;  position:absolute; top:16px; left:333px; font-size:13px; line-height:15px; display:block;
	height:15px;
	}
#footer p a{
	text-decoration:none;  font-weight:bold; background-color:#BFBFBF; color:#060500; line-height:16px;
	}
#footer p a:hover{
	background-color:#199BD8; color:#FFFFFF;
	}

.table_content {
	border:solid 1px;
	font:normal 13px/20px Georgia, "Times New Roman", Times, serif;
	border-color:#CCCCCC #CCCCCC #FFFFFF #FFFFFF;
}

.td_content {
	border:solid 1px; height:40px; padding-left:5px;
	border-color:#FFFFFF #FFFFFF #CCCCCC #CCCCCC;
}

.td_content a{
	text-decoration:none;
	color:#0f719c;
}