body {
	margin-left: 0px;
	margin-top: 0px;
	background-color: #f8f5ee;
	color:#3e3e3e;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	text-decoration: none;
}
a {outline:none;}
a:link{
  text-decoration:none;
  color:#ffffff;
}
a:visited {
  text-decoration:none;
  color:#ffffff;
}
a:hover {
  text-decoration:none;
  color:#003366;
}
#wrapper {
  width:800px;
  margin:0 auto;
}
/* ­¶­º
---------------------------------------------------- */
#header {
	height:81px;
	background:url(images/headerBg.gif) right top no-repeat;
}
#header img {
  vertical-align: bottom;
}
ul#language {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  color:#ffffff;
  font-size:11px;
}
ul#language li {
  position: absolute;
  top: -80px;
  display: block;
  width: 35px;
  height: 20px;
  margin: 0;
  padding: 0;
}
ul#language li a:hover {
  color:#0099CC;
}
ul#language li#cht {
  left:700px
}
ul#language li#line {
  left:725px
}
ul#language li#eng {
  left:736px
}
ul#navi{
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul#navi li {
  position: absolute;
  top: -29px;
  display: block;
  width: 80px;
  height: 29px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
}
ul#navi li#home {
  width:55px;
  left: 175px;
  background:url(images/menu01.gif) no-repeat;
}
ul#navi li#home a:hover{
  background:url(images/menu01R.gif) no-repeat;
}
ul#navi li#about {
  left: 230px;
  background:url(images/menu02.gif) no-repeat;
}
ul#navi li#about a:hover{
  background:url(images/menu02R.gif) no-repeat;
}
ul#navi li#education {
  left: 310px;
  background:url(images/menu03.gif) no-repeat;
}
ul#navi li#education a:hover{
  background:url(images/menu03R.gif) no-repeat;
}
ul#navi li#special {
  left: 390px;
  background:url(images/menu04.gif) no-repeat;
}
ul#navi li#special a:hover {
  background:url(images/menu04R.gif) no-repeat;
}
ul#navi li#news {
  left: 470px;
  background:url(images/menu05.gif) no-repeat;
}
ul#navi li#news a:hover{
  background:url(images/menu05R.gif) no-repeat;
}
ul#navi li#events {
  left: 550px;
  background:url(images/menu06.gif) no-repeat;
}
ul#navi li#events a:hover{
  background:url(images/menu06R.gif) no-repeat;
}
ul#navi li#sponsor {
  left: 630px;
  background:url(images/menu07.gif) no-repeat;
}
ul#navi li#sponsor a:hover{
  background:url(images/menu07R.gif) no-repeat;
}
ul#navi li#links {
  left: 710px;
  background:url(images/menu08.gif) no-repeat;
}
ul#navi li#links a:hover{
  background:url(images/menu08R.gif) no-repeat;
}
ul#navi a {
  display: block;
  width: 88px;
  height: 29px;
  text-decoration: none;
}
#top{
  width:45px;
  height:20px;
  display:block;
  margin:0 0 10px 428px;
  text-indent: -9999px;
  background:url(images/backTop.gif) no-repeat;
  clear:both;
}
#top a {
  width:45px;
  height:20px;
  display:block;
}
/* ¤º®e
---------------------------------------------------- */
#content {
	background:url(images/contentBg.gif) top repeat-x #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #e5e2dc;
	border-left-color: #e5e2dc;
}
#content img {
  /* vertical-align: bottom;*/
}
#index-1 {
	width:531px;
	float:left;
	background-image: url(images/dotLine.gif);
	background-repeat: no-repeat;
	background-position: right 15px;
	padding:15px 0 10px 0;
}
#index-1 div {
  width:256px;
  text-align:justify;
  text-justify:distribute-all-lines;
}
#index-1 img {
  border: 4px solid #e8e4d8;
}
#index-1 p {
  margin:5px 0 0 0;
  padding:0 0 0 2px;
  font-size:13px;
}
#col-1 {
  float:left;
  padding-left:6px;

}
#col-2 {
  float:right;
  padding-right:6px;
}
#index-1 a {
  color:#3e3e3e;
}
#index-1 a:hover {
  color:#d7073a;
}
#index-2 {
  width:254px;
  float:right;
  padding:15px 0 0 0;
}
#index-2 li a {
 color:#003366;
}
#index-2 li a:hover {
 color:#d7073a;
 text-decoration: underline;
}

#content #index-2 ul {
  line-height:22px;
  margin:0;
  padding:5px;
  list-style:none;
}
#content #index-2 li {
  list-style-type:none;
  background-image:url(images/arrow.gif);
  background-repeat:no-repeat;
  background-position:left;
  padding:0 0 0 10px
}
#bigBt {
  clear:both;
  text-align:center;
}
#about-list{
  margin-left:65px;
  width:150px;
}
#about-list ul {
  margin:0;
  padding:0;
  list-style:none; 
  line-height:24px; 
  width:65px;
}

#about-list li {
  background:url(images/dotLineH.gif) repeat-x;
}
#about-list li a {
  color:#999999;
}
#about-list li a:hover {
  color:#d7073a;
}
/* ­¶§À
---------------------------------------------------- */
#footer {
  margin:0px;
  padding:3px 0 0 0;
  text-align:center;
  color:#ffffff;
  height:40px;
  background:url(images/footerBg.jpg) top no-repeat;
  clear:both;
}
/* about
---------------------------------------------------- */
#about-con {
	background:url(images/contentBg.gif) top repeat-x #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #e5e2dc;
	border-left-color: #e5e2dc;
}
#about-con {
  vertical-align: bottom;
}
#history {
  margin:-96px 0 0 215px;
  padding:0;
  width:500px;
  font-size:13px;
}
#history a {
  color:#999999;
}
#history a:hover {
  color:#d7073a;
}
#history p {
  padding:0;
  margin:0; 
}
#about-only {
  margin-left:65px;
  width:300px;
}
#about-only ul {
  margin:0;
  padding:0;
  list-style:none; 
  line-height:24px; 
  width:85px;
}
#about-only li {
  background:url(images/dotLineH.gif);
}
#about-only  li a {
  color:#999999;
}
#about-only  li a:hover {
  color:#d7073a;
}
/* chairman
---------------------------------------------------- */
#chairman {
  margin:-207px 0 50px 215px;
  padding:0;
  width:500px;
  font-size:13px;
}
#chairman p {
  padding:0 12px 0 10px;
  margin:0; 
}
#chairman a {
  color:#d7073a;
}
#chairman a:hover {
	color:#003366;
	text-decoration: underline;
}
/* education
---------------------------------------------------- */
#education-con {
  margin:-48px 0 0 215px;
  padding:0;
  width:500px;
  font-size:13px;
}
#education-con p {
  padding:0;
  margin:0; 
}
#education-con a {
  color:#999999;
}
#education-con a:hover {
  color:#d7073a;
}
#sp-con {
  margin:-108px 0 40px 215px;
  padding:0;
  width:500px;
  font-size:13px;
}
#sp-con p {
  padding:0;
  margin:0; 
}
/* sponsor
---------------------------------------------------- */
#donate {
  margin:-48px 0 40px 215px;
  padding:0;
  width:500px;
  font-size:13px;
}
#donate p {
  padding:0;
  margin:0 0 0 20px; 
}
#dl{
  width:47px;
  height:15px;
  display:block;
  margin:0 0 0 440px;
  text-indent: -9999px;
  background:url(images/dl.gif) no-repeat;
}
#dl a {
  width:47px;
  height:15px;
  display:block;
}
#dl a:hover {
  background:url(images/dlR.gif) no-repeat;
}

/* link
---------------------------------------------------- */
#link-con {
  margin:-24px 0 40px 215px;
  padding:0;
  width:500px;
  font-size:13px;
}
#link-con  p {
  padding:0;
  margin:0 0 0 20px; 
}
#link-con a {
 color:#3e3e3e;
}
#link-con a:hover {
 color:#d7073a;
 text-decoration: underline;
}
/* news
---------------------------------------------------- */
#monthList {width:500px; height:36px;}
#monthList ul {list-style:none; margin:0 ; padding:0; width:500px;}
#monthList ul li {float:left;}
.nowork {color:#CCCCCC;}
#news-con1 {
  margin:0 40px 40px 0;
  padding:0;
  width:80%;
  font-size:13px;
  float:right;
}
#news-con1-1 {
  margin:0 40px 40px 0;
  padding:0;
  width:500px;
  font-size:13px;
}
#news-con1 p {
  padding:0;
  margin:0; 
}
#news-con1 a {
  color:#d7073a;
}
#news-con1 a:hover {
	color:#003366;
	text-decoration: underline;
}
#news-con {
  margin:-144px 0 40px 215px;
  padding:0;
  width:500px;
  font-size:13px;
}
#news-con p {
  padding:0;
  margin:0; 
}
#news-con2007 {
  margin:-72px 0 40px 215px;
  padding:0;
  width:500px;
  font-size:13px;
}
#news-con2007 p {
  padding:0;
  margin:0; 
}
#news-con2007 a {
  color:#d7073a;
}
#news-con2007 a:hover {
	color:#003366;
	text-decoration: underline;
}
#news-video {
  margin:-120px 0 40px 215px;
  padding:0;
  width:500px;
  font-size:13px;
}
#news-date {
  color:#8a8a8a;
}
#news-con a {
  color:#d7073a;
}
#news-con a:hover {
	color:#003366;
	text-decoration: underline;
}
#quote {
  color:#999999;
  font-size:12px;
}
/* events
---------------------------------------------------- */
#event-list{
  margin-left:65px;
}
#event-list ul {
  margin:0;
  padding:0;
  list-style:none; 
  line-height:24px; 
  width:120px;
}
#event-list li {
  background:url(images/dotLineH.gif);
}
#event-list li a {
  color:#999999;
}
#event-list li a:hover {
  color:#d7073a;
}
#events-con {
  margin:-72px 0 0 215px;
  padding:0;
  width:500px;
  font-size:13px;
}
#events2008-con {
  margin:-192px 0 40px 215px;
  padding:0;
  width:500px;
  font-size:13px;
}
#events2007-con {
  margin:-264px 0 40px 215px;
  padding:0;
  width:500px;
  font-size:13px;
}
#events2006-con {
  margin:-168px 0 40px 215px;
  padding:0;
  width:500px;
  font-size:13px;
}
#events2003-con {
  margin:-216px 0 40px 215px;
  padding:0;
  width:500px;
  font-size:13px;
}
#events-con p {
  padding:0;
  margin:0; 
}
#thumb {
  list-style:none;
  margin:10px 0 40px 3px;
  padding:0;
  width:492px;
}
#thumb img {
  border: 4px solid #e8e4d8;
}
#thumb li {
  float:left;
  height:140px;
  margin:0 6px 0 0;
}
/*contact
---------------------------------------------------- */
#contact-form {
  margin:10px 0 50px 255px;
  padding:0;
  width:500px;
  font-size:13px;
}
#contact-form p {
  margin:0;
  padding:0;
}
.label{
  clear:left;
  display:block;
  float:left;
  width:80px;
  line-height:32px;
}
.label2{
  clear:left;
  display:block;
  float:left;
  width:80px;
  height:70px;
  line-height:40px;
}
.control{
  display:block;
  padding-top:0.6em;
}
textarea{
  width:350px;
  height:180px;
}
#submit {
  width:48px;
  height:21px;
  display:block;
  margin:10px 0 0 390px;
  text-indent: -9999px;
  background:url(images/send.gif) no-repeat;
}
#submit a {
  width:48px;
  height:21px;
  display:block;
}
#submit a:hover {
  background:url(images/sendR.gif) no-repeat;
}
/*sitemap
---------------------------------------------------- */
#sitemap-con {
  margin:10px 0 50px 255px;
  padding:0;
  width:500px;
  font-size:13px;
 }
#sitemap-con img {
  padding:0 3px 0 5px;
}
#sitemap-con ul {
  margin:0;
  padding:0;
  list-style:none; 
  line-height:24px; 
}
#sitemap-con ul a {
  color:#3e3e3e;
}
#sitemap-con ul a:hover {
 color:#d7073a;
 text-decoration: underline;
}
#sitemap-con li a {
 color:#003366;
}
#sitemap-con li a:hover {
 color:#d7073a;
 text-decoration: underline;
}

/*lightbox JS start
---------------------------------------------------- */
#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}

#lightbox a img{ border: none; }

#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}

#imageContainer{
padding: 10px;
}

#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(http://hunguo.googlepages.com/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%
}

#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
}
#column-title {
        font-size: 15px;
        color: #90b738;
        font-weight: bold;
    margin: -7px 0 11px 10px;
}

#column-title span {
  padding-left: 15px;
  background: url("images/column_title_icon.gif") no-repeat 0 bottom;
}