@charset "utf-8";
/* CSS Document */

body, td {
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	margin-top:0;
	margin-left:0;
	font-size:85%;
	color: #999999;
	background:#FFFFFF;
}

#doc { 
	margin-top:0;
	margin-left:0;
	margin-bottom:15px;
	WIDTH: 800px; 
	POSITION: relative; 
	TEXT-ALIGN: left;
	border:none;
}

#header {
	width:800px; 
	height:99px;
	background-image:url(images/toplogo.gif);
	float:left

}

#lang{
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	color: #3C3C3C; 
	FLOAT: right;
	PADDING-BOTTOM: 0px;

	MARGIN-LEFT: 8px;
	margin-right:10px;
	margin-top:20px; 
	PADDING-TOP: 0px;
	border:#990000 0px solid;
	width: 190px;
	height:30px;
	background:url(images/lang_bg.gif);
}

#lang P{
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 0px;
	text-align:right;
	color: #999999; 
	FONT-SIZE: 84%;
	font-weight: normal;
	PADDING-BOTTOM: 2px; 
	MARGIN: 0px; 
	PADDING-TOP: 8px;
	font-family:Arial, Helvetica, sans-serif;
}
#lang a{
	color:#979797;
	text-decoration:none;
}
#lang a:hover{
	color:#373737;
	text-decoration:underline;
}

/* -----------------Top Menu ------------------*/
#topMenu {
	background: url(images/topmenu0.gif) no-repeat;
	width:800px;
	height:41px;
	float:left;
}
#topMenu .login {
	font-weight:bold;
	color:#000000;
}
#topMenu .login a {
	font-weight:bold;
	color:#00aeef;
	text-decoration:none;
}
#topMenu .login a:hover {
	font-weight:bold;
	color: #2B79C8;
	text-decoration:underline;
}
#topMenu .logout {
	font-weight:bold;
	color: #D90000;
}

#topMenu .logout a {
	font-weight:bold;
	color:#D90000;
	text-decoration:none;
}
#topMenu .logout a:hover {
	font-weight:bold;
	color: #A60000;
	text-decoration:underline;
}

#topMenu #todayDate {
	margin-top:20px;
	margin-left:15px;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#999999;
	font-size:85%;
	padding:0 0 0 0;
	text-transform:uppercase;
}

#topMenu ul {
  margin: 0;
  list-style: none;
}
#topMenu li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 99px;
	height: 40px;
	text-indent: -9999px;
}
#topMenu li#home      	{
	left: 299px;
	width: 67px;
}
/*
#topMenu li#news {
	left:306px;
	width:60px;
}
*/
#topMenu li#about		{
	left: 366px;
	width: 88px;
}
#topMenu li#committee	{ left: 454px; width: 97px; }
#topMenu li#classified	{ left: 551px; width: 129px; }
#topMenu li#useful      { left: 680px; width: 95px; }
#topMenu li a {
  text-decoration: none;		/* ■讓Firefox等瀏覽器不要顯示出線條 */
  display: block;
  height: 40px;
}
#topMenu li#home a:hover {
  background: url(images/topmenu1.gif) 0 0;
}
/*
#topMenu li#news a:hover{
  background: url(images/topmenu1.gif) -62px 0;
}
*/
#topMenu li#about a:hover {
  background: url(images/topmenu1.gif) -67px 0;
}
#topMenu li#committee a:hover {
  background: url(images/topmenu1.gif) -155px 0;
}
#topMenu li#classified a:hover {
  background: url(images/topmenu1.gif) -252px 0;
}
#topMenu li#useful a:hover {
  background: url(images/topmenu1.gif) -381px 0;
} 

/*
#topMenu li#home      	{
	left: 244px;
	width: 62px;
}
#topMenu li#news {
	left:306px;
	width:60px;
}
#topMenu li#about		{
	left: 366px;
	width: 88px;
}
#topMenu li#committee	{ left: 454px; width: 97px; }
#topMenu li#classified	{ left: 551px; width: 129px; }
#topMenu li#useful      { left: 680px; width: 95px; }
#topMenu li a {
  text-decoration: none;		
  display: block;
  height: 40px;
}
#topMenu li#home a:hover {
  background: url(images/topmenu1.gif) 0 0;
}

#topMenu li#news a:hover{
  background: url(images/topmenu1.gif) -62px 0;
}
#topMenu li#about a:hover {
  background: url(images/topmenu1.gif) -122px 0;
}
#topMenu li#committee a:hover {
  background: url(images/topmenu1.gif) -210px 0;
}
#topMenu li#classified a:hover {
  background: url(images/topmenu1.gif) -307px 0;
}
#topMenu li#useful a:hover {
  background: url(images/topmenu1.gif) -436px 0;
} 

*/

input.login {width:120px;}
.gaabutton {
cursor:pointer;  margin-top:5px;  border:outset 1px #ccc; background:#c4c4c4; font-size:.8em; color:#666; font-weight:normal; padding:5px; left top; padding:1px;
}
.error {color:#FF0000; margin:3px 3px 5px 0px; font-size:11px; height:20px;}
#sponsorAdv{
	position: absolute;
	top:150px;
	left:633px;
	z-index:1;
	border:#666666 0px solid;

}

#bannerCenter{
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#belowBannerSpace{
	height:22px;
	width:800px;
	margin:auto;

}
#pageHeading {
	margin-left:35px;
	margin-top:0px;
	margin-bottom:2px;
}
#pageHeading .title {
	font-family: Arial, Helvetica, sans-serif;
	color:#00aeef;
	font-weight: normal;
	font-size: 1.5em;
}

.leftnright {
	margin:38px 10px 10px 10px;
}

#leftMenu{
	margin-left:35px;
	margin-top:0px;

}
#leftMenu .title{
	font-family:  Helvetica, sans-serif, Arial;
	color:#00aeef;
	font-weight:bold;
	font-size: 1.2em;
}
#contentBody {
	min-height:400px;
}

#contentMainNoLeft {
	margin:15px 15px 30px 50px;
	font-size:85%;
	line-height:20px;
	text-align:justify;
}
#contentMain {
	margin-left:240px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
	line-height:20px;
	text-align:justify;

	
}
#contentMain li{
line-height:normal;
}

#contentMain .title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#00aeef;
	
}

#contentMain .activities_text {
	font-size:85%;
	text-align:justify;
	border:#FF0000 0px solid;
	margin-right:10px;
	line-height:20px;
}
#contentMain .activities_img {
	width:80px;
	border:#FF0000 0px solid;
	float: right;
}


#sponsorAdvBottom {
	border-top:#cccccc 1px solid;
	border-bottom:#cccccc 1px solid;
	height:100px;
	width:582px;
	float:left;
	background-color:#FFFFFF;
	margin-left:5px;
}
#sponsorAdvBottom .smallTitle{
	font-size:77%;
	margin-left:15px;
	margin-top:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#gaaLink{
	border-top:#cccccc 1px solid;
	border-bottom:#cccccc 1px solid;
	border-left:#cccccc 0px solid;
	width:200px;
	height:100px;
	float:left;
	
}
#gaaLink .smallTitle{
	font-size:77%;
	margin-left:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#footerCopyright{
	background:url(images/copyright.gif) no-repeat;
	height:35px;
	width:800px;
	float:left;
	clear:left;
}
/* ------------------ Form -------------------*/
#webform .title {
	font-weight:bold;
	font-size:110%;
	text-decoration:underline;
}
.label {
  clear: left;
  display: block;
  padding-top: 0.8em;
  padding-left: 10px;
  float: left;
  width: 160px;
  line-height: 2em;
}
.control {
  display: block;
  margin: 0 0 0 130px;
  padding-top: 0.8em;
  line-height: 2em;
}
.control_chkbox{
  display: block;
  margin: 0 0 0 10px;
  padding-top: 0.8em;
  line-height: 2em;

 }
.required {
	color:#FF0000;
	margin-left:3px;
	font-size:110%;
	text-align:right;
}

fieldset {
  margin: 0;
  padding: 0.5em 0 1.3em 0;
  border-width: 1px;
  border-color: #726d6b;
  border-style: none none dotted none;
}
fieldset#last {
  border-bottom: none;
}
#submit {
  margin-top: 35px;
  color: #444444;
  background: url(images/bg-submit1.gif) repeat;
}
#submit p {
  margin: 0;
  padding: 10px;
  text-align: center;
  background: url(images/bg-submit2.gif) repeat left bottom;
}
#submit input {
}

.ack_txt {
	font-weight:bold;
	font-size:120%;
	text-align:center;
	margin:30px;
}

fieldset .notes {
	font-size:85%;
	margin:5px 0 0 15px;
}

/*------------------ Home -------------*/

#contentHome{
	margin-left:10px;
	margin-top:19px;
	margin-right:9px;
}

#homeNews{
	font-family:Arial, Helvetica, sans-serif;
	width:600px;
	background:#e8f6fe;
	float:left;
	min-height:405px;
	height:400px;
	margin-bottom:20px;

}
#homeNewsHeader {
	background:url(images/homeNewsHeader.gif) no-repeat;
	width:600px;
	height:29px;
}

#homeNews #homeNewsContent {
	padding-left:15px;
	padding-right:15px;
}

#homeNews .title{
	font-weight:bold;
	color:#00aeef;
	margin:10px 0 12px 140px;
	
}
#homeNews .newsText{
	padding-left:140px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:5px;
	text-align:justify;
}	
#homeNews #homeNewsImage{
	margin:20px 10px 10px 10px;
	width:220px;
	border:#FF0000 2px solid;
}

#homeNews #newsDetail {
	text-align:right;
	font-weight:bold;
	font-size:85%;
	color:#00aeef;
	width:200px;
	float:right;
	padding-right:0px;
}
#homeNews #newsDetail a {
	text-decoration:underline;	
	color:#00aeef;
}

#homeNews .newsHeadline, a {
	font-weight:bold;
	color:#00aeef;
	text-decoration:none;
	line-height:1.5em;
}

#homeNews .newsHeadline a:hover {
	text-decoration:underline;
}

#HomeloginBox {
	width:169px;
	height:200px;
	border:#666666 1px solid;
	float:right;
	margin-bottom:10px;
}
#HomeloginBox .header{
	background:url(images/homeLoginHead.gif) no-repeat;
	height:27px;
}
#HomeloginBox .logged_in {
	height:25px;
	padding:0px 10px 1px 10px;
	margin-top:7px;
	font-size:11px;
}

#HomeloginBox .loginContent {
	background:url(images/homeLoginBg.gif);
	height:165px;
	padding:0px 10px 1px 10px;
	margin-top:7px;

}


#HomeloginBox .loginContent div {
	margin-bottom:5px;
}

#HomeloginBox .loginContent a{
	color:#999999;
	text-decoration:none;	
	font-size:77%;
}

#HomeloginBox .loginContent a:hover{
	color:#666666;
	text-decoration:underline;
}
#HomeloginBox #loginBtnLoc {
	text-align:right;
	padding:5px 20px 8px 0; 
}
	
#HomeloginBox .loginBtn {

cursor:pointer;  margin-top:5px;  border:outset 1px #ccc; background:#c4c4c4; font-size:.8em; color:#666; font-weight:normal; padding:5px; left top; padding:1px;
}

#GAABox {
	width:169px;
	clear:right;
	border:#666666 1px solid;
	float:right;
	font-size:85%;
}
#GAABox .header{
	background:url(images/homeGAAhead.gif) no-repeat;
	height:27px;
}
#GAABox .GAABoxContent {
	background:#FFFFFF;
	padding:10px 6px 8px 8px;
	

}

#GAABox .GAABoxContent a{
	color:#999999;
	text-decoration:none;	

}

#GAABox .GAABoxContent a:hover{
	color:#666666;
	text-decoration:underline;
}