/*
----------------------------
  body
----------------------------  
 */
 
body {
  background-color: #fff;
  margin-left: 3px;
  margin-top: 0px;
  margin-right: 3px;
  margin-bottom: 0px;
  padding: 0;
  text-align:center;
} 

p {
	font-family: "新細明體", Arial;
	font-size: 12px;
	color: #000000;
	line-height: 16px;
	letter-spacing: 1px;
}

div#w {
  width:780px;
  margin:0px auto;
  text-align:left;
  padding:0;
  border-left: 1px solid #EFA600;
  background: transparent url(gui/bg_sides_2.gif) top center repeat-y;
}

img {
  border: 0;
}

/*
----------------------------
  main menu 
----------------------------  
 */
 
td#nav {
  vertical-align: top;
}

div#menu {
  display: block;
  float: left;
  padding: 0 0 5px 0;
  margin: 0;
  width: 130px !important;
  width /**/: 130px;  
}

/*
---------------
  menu link rules (for preventing rollover flicker)
---------------
*/
#menu div.outer, #menu div.outers, #menu div.outerp, #menu div.outersm {
	float: left;
	height: 15px;
	margin: 2px 2px 2px 4px;
	width: 121px !important;
	width /**/: 115px;
	padding: 0;
	}

#menu div.outer span, #menu div.outers span, #menu div.outerp span, #menu div.outersm span {
	display: block;
	margin: 0; 
	padding: 1px 0 0 28px;
	}

#menu div.outer a, #menu div.outers a, #menu div.outerp a, #menu div.outersm a {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow:hidden;
  text-decoration: none;
  font-family: "新細明體", Arial;
  font-size: 12px;
  font-weight: normal;
  background: transparent;
}

/*
---------------
  unselected section link
---------------
*/

#menu div.outer {
  background: #999 url(gui/menu_s.gif) 0 -60px no-repeat;
}	

#menu div.outer a {
  color: #FFF;
  background: transparent url(gui/menu_s.gif) top left no-repeat;
}	

#menu div.outer a:hover {
  background: transparent none;
}

/*
---------------
  selected section link
---------------
*/

#menu div.outers {
	background: #999 url(gui/menu_s3.gif) top left no-repeat;
	}

#menu div.outers a {
  color: #0c0;
  background: transparent none;
}

#menu div.outers a:hover {
  color: #0f0;
  background: transparent none;
}

/*
---------------
  selected page link
---------------
*/

#menu div.outerp {
  background: #ccc url(gui/red_dot.gif) top left no-repeat;
}

#menu div.outerp a {
  color: #C00;
  background: transparent none;
}

#menu div.outerp a:hover {
  color: #900;
  background: transparent none;
}

/*
---------------
  unselected page link
---------------
*/

#menu div.outersm {
	background: #ccc url(gui/green_dot.gif) top left no-repeat;
}

#menu div.outersm a {
  color: #393;
  background: transparent none;
}

#menu div.outersm a:hover {
  color: #060;
  background: transparent none;
}

/* 
----------------------------
  extra menu with external links below main menu
----------------------------  
 */
  
div#smenu {
  display:block;
  float: left;
  margin: 0 2px 0 4px;
  padding: 0;
  background: #ccc;
  width: 121px !important;
  width /**/: 115px;
}

div#smenu h1 {
  display:block;
  margin:0;
  padding: 1px 0 0 28px;
  background: #9C9A9C url(gui/menu2_s1.gif) top left no-repeat;
  font-family: "新細明體", Arial;
  font-size: 12px;
  font-weight: normal;
  color: #00f;
}

div#smenu a {
  display: block;
  margin: 0;
  padding: 2px 0 3px 30px;
  text-decoration: none;
  font-family: "新細明體", Arial;
  font-size: 12px;
  font-weight: normal;
  color: #00f;
  background: transparent url(gui/grey_dot.gif) top left no-repeat;
}

/*
----------------------------
  sub sublinks
----------------------------  
 */

div#subsublinks {
  display: block;
  padding: 10px;
  margin: 0 0 10px 0;
  border: 1px dotted #fca;
  width: 418px !important;
  width /**/: 438px;
  background-color: #ffefde;
  color: #c96;
}

#maincontent #subsublinks h2 {
  margin: 0 0 10px 0;
  color: #a74;
}

#subsublinks h2.under {
  margin: 10px 0;
}

#maincontent #subsublinks a:link {
  color:#F60;
}

#maincontent #subsublinks a:visited {
  color:#F60;
}

#maincontent #subsublinks a:hover {
  color:#c96;
}

#subsublinks ul {
  margin: 5px 0;
  padding-left: 0;
  display: inline;
  list-style: none;
}

#subsublinks ul li {
	margin-left: 0;
	margin-bottom: 20px;
	padding: 3px 15px;
	display: inline;
	}

/*
----------------------------
  main content area
----------------------------  
 */
#maincontent {
	font-family: "新細明體", Arial;
  color: black;
  font-size: 12px;
  padding: 10px 20px 20px 10px;
  vertical-align:top;
} 
       /*
       ----------------------------
          main content headers
       ----------------------------  
       */
#maincontent h1 {
	font-size: 16px;
	font-weight: bold;
	color: #0000CC;
	font-family: "新細明體", Arial;
	letter-spacing: 1px;
}

#maincontent h2 {
	font-family: "新細明體", Arial;
	font-size: 14px;
	font-weight: bold;
	color: #009900;
	line-height: 20px;
	letter-spacing: 1px;
}

#maincontent h3 {
	font-family: "新細明體", Arial;
	font-size: 12px;
	font-weight: normal;
	color: #009900;
	line-height: 14px;
	letter-spacing: 1px;
	margin: 10px 0;
}

#maincontent h4 {
	font-family: "新細明體", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #006600;
	line-height: 14px;
	letter-spacing: 1px;
	margin: 10px 0;
}

       /*
       ----------------------------
          main content links
       ----------------------------  
       */

#maincontent a {
  text-decoration: underline;
  font-size: 12px;
}

#maincontent a:link {
  color: #090;
}

#maincontent a:visited {
  color: #060;
}

#maincontent a:hover {
  color: #C00;
}


       /*
       ----------------------------
          main content lists: linklist & linklist2 & linklist3 & linklist4
       ----------------------------  
       */
#maincontent ul {

}

#maincontent ul.linklist {
  margin: 0;
  padding: 0;
  list-style: none;
}

#maincontent ul.linklist2, #maincontent ul.linklist3 {
  margin: 0 230px 10px 0;
  padding: 10px;
  list-style: none;
  background: #efffef;
  border: 1px dotted #aca;
}

#maincontent ul.linklist4 {
  margin: 0 0 10px 0;
  padding: 10px;
  list-style: none;
}

#maincontent ul.linklist li, 
#maincontent ul.linklist2 li, 
#maincontent ul.linklist3 li, 
#maincontent ul.linklist4 li {
  padding: 0 0 3px 20px;
  line-height: 16px;  
}

#maincontent ul.linklist li {
  background: transparent url(gui/SubMenu_bullet_1.gif) top left no-repeat;
}

#maincontent ul.linklist2 li, #maincontent ul.linklist3 li, #maincontent ul.linklist4 li {
  background: transparent url(gui/SubMenu_bullet_2.gif) 3px 2px no-repeat;
}

#maincontent table td {
  padding: 3px;
  vertical-align: top;
}

#maincontent ol {
  padding: 0;
  list-style-type: decimal;
}

#maincontent ol li {
  line-height: 1.4;
}

#maincontent ul li.doc {
  background: transparent url(gui/SubMenu_document.gif) 3px 2px no-repeat;
  line-height: 16px;
}

       /*
       ----------------------------
          main content horizontal rule (hr)
       ----------------------------  
       */

#maincontent hr {
  color: #009900;
  width: 75%;
}

       /*
       ----------------------------
          main content list: months
       ----------------------------  
       */

#maincontent ul.months {
  margin: 5px 0;
  padding-left: 0;
  display: inline;
  list-style: none;
}

#maincontent ul.months li {
	margin-left: 0; 
	margin-bottom: 20px;
	padding: 3px 15px;
	border-left: 1px solid #eee;
	list-style: none;
	display: inline;
	line-height: 20px;
	}
	
		
#maincontent ul.months li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}
	
       /*
       ----------------------------
          main content table: borders
       ----------------------------  
       */	
	
#maincontent table.borders {
  background: #ccc;
  margin: 0 0 15px 0;
}	

#maincontent table.borders td {
  background: #fff;
  text-align: center;
}

#maincontent table.borders th {
  background: #eee;
  font-weight: bold;
  padding: 5px;
  text-align: center;
}

       /*
       ----------------------------
          main content table: dotbg
       ----------------------------  
       */	
	   
#maincontent .dotbg {
  margin: 0 0 10px 0;
  padding: 5px;
  text-align: left;
  background: #efffef;
  border: 1px dotted #6c6;
}		   

#maincontent .dotbg h2, #maincontent .dotbg h3 {
  color:#0099FF;
  font-size: 12px;
}	

#maincontent .dotbg2 {
  margin: 0 160px 10px 0;
  padding: 5px;
  text-align: left;
  background: #efffef;
  border: 1px dotted #6c6;
}		   

#maincontent .dotbg2 h3 {
  color:#0099FF;
  font-size: 12px;
}

#maincontent .dotbg2 h4 {
  color:#009999;
  font-weight: normal;
  font-size: 12px;
}	
       /*
       ----------------------------
          main content text color class: lightblue
       ----------------------------  
       */

.lightblue {
  color: #06F;
  font-size: 12px;
}

#maincontent .lightgreen {
  color:#aca;
  text-align: center;
}

.tdlabel {
  color: #c00;
}
/*
----------------------------
  right section - for the image
----------------------------  
 */
div#rightsection {
  display:block;
  padding: 0 0 12px 0;
  margin: 0 0 0 5px;
  width: 142px !important;
  width /**/: 147px;
  float: right;
} 
 

/*
----------------------------
  homepage 
----------------------------  
 */
table#main {
border-collapse: collapse;
}

table#main td {
  padding: 0;
  margin:0;
}

td#mainhome {
  vertical-align: top;
  margin: 0;
  padding: 0;
}

       /*
       ----------------------------
          homepage section: quickfacts
       ----------------------------  
       */

#mainhome #quickfacts {
  padding: 0;
  background: url(gui/frontpage_background1.jpg);  
  vertical-align: top;
}

#mainhome #quickfacts p {
  margin: 4px 15px 2px 30px;
  font-family: "新細明體", Arial;
  font-size: 16px;
  font-weight: normal;
  color: #FFF;
}

#mainhome #quickfacts h1 {
  margin: 10px 5px 20px 20px;
  font-family: "新細明體", Arial;
  font-size: 16px;
  font-weight: normal;
  text-decoration: underline;
  color: #FFF;
}

#mainhome #quickfacts a {
  color: #33FF00;
}

       /*
       ----------------------------
          homepage section: photo
       ----------------------------  
       */

#mainhome #photo {
  vertical-align: middle;
  padding: 0;
  text-align: center;
  background: url(gui/frontpage_background2.jpg);
}

#mainhome #photo p {
  margin: 2px 0 0 0;
  font-family: "新細明體", Arial;
  font-size: 12px;
  font-weight: normal;
  color: #FFF;
}

#mainhome #photo div#photofolder {
  display: block;
  width: 15px;
  float: right;
  text-align: right;
  padding: 0 15px 15px 0;
}

#mainhome #photo a {
  color: #FFCC00;
}

#mainhome #photo img#mainkey {
  border: 1px solid #fff;
}
       /*
       ----------------------------
          homepage section: news-l
       ----------------------------  
       */

#mainhome #news-l {
  background: url(gui/frontpage_background3.jpg);
  vertical-align: top;
}

#mainhome #news-l h1 {
  margin: 10px 5px 5px 30px;
  font-family: "新細明體", Arial;
  font-size: 12px;
  font-weight: normal;
  text-decoration: underline;
  color: #FFF;
}

#mainhome #news-l ul {
  margin: 0 0 0 50px;
  padding: 0;
  font-family: "新細明體", Arial;
  font-size: 12px;
  font-weight: normal;
  color: #FFF;
  list-style-type: square;
}

#mainhome #news-l ul li {
  margin: 0;  
  padding: 0;
  font-size: 12px;
  line-height: 1.4;
}

#mainhome #news-l a {
  color:  #BBFFFF; /* #00CCFF; */
}

       /*
       ----------------------------
          homepage section: news-r
       ----------------------------  
       */

#mainhome #news-r {
  background: url(gui/frontpage_background4.jpg);
  vertical-align: top;
}

#mainhome #news-r h1 {
  margin: 10px 5px 5px 0px;
  font-family: "新細明體", Arial;
  font-size: 12px;
  font-weight: normal;
  text-decoration: underline;
  color: #FFF;
}

#mainhome #news-r ul {
  margin: 0 0 0 20px;
  padding: 0;
  font-family: "新細明體", Arial;
  font-size: 12px;
  font-weight: normal;
  color: #FFF;
  list-style-type: square;
}

#mainhome #news-r ul li {
  margin: 0;  
  padding: 0;
  font-size: 12px;
  line-height: 1.4;
}

#mainhome #news-r a {
  color: #BBFFFF;  /* #00CCFF; */
}

/*
----------------------------
  tables: timetable (03-02_timetable.asp)
----------------------------  
 */
.timetable {
  width: 430px;
  background: #ccc;
}

.timetable td{
  text-align: center;
  background: #fff;
  padding: 15px 0;
}

.timetable th {
  background: #eee;
  font-weight: bold;
  padding: 5px;
  text-align: center;
}

/*
----------------------------
  mentor links: 02-02_peopleXXX.asp
----------------------------  
 */
 
#mentor {
  display: block;
  padding: 10px;
  margin: 5px 0 10px 0;
  width: 578px !important;
  width /**/: 598px;
  background: #ffefde none;
  text-align: center;
  border: 1px dotted #fca;
 }
 
#maincontent #mentor a{
  color: #963;
} 

/*
----------------------------
  footer rules
----------------------------  
 */

.footer {
	font-size: 12px;
	color: #000000;
	font-family: "新細明體", "Arial";
	text-align: center;
	padding: 6px;
}

#footer_hr {
  padding: 6px 0 1px 0;
}