@charset "big5";
/*
 * Master style sheet for new site
 * $Header: /source/Repository/website/test.css,v 1.1 2003/04/09 16:00:26 acli Exp $
 * 
 * WARNING: Macintosh Chinese fonts must be specified first if you want to
 * ensure Macintosh interoperability; otherwise, certain Macintosh versions
 * of Netscape may use random fonts to display Chinese text.
 *
 * WARNING: If a font family is specified and there is reason to believe that
 * Chinese text could be affected, a separate style with Chinese fonts used
 * must be created. Otherwise the page will not be correctly viewable by
 * Macintosh users.
 * 
 * WARNING: C++-style comments may confuse NS6 under arbitrary circumstances
 * and render random blocks useless (!)
 *
 * WARNING: Comments inside the list of HTML elements will confuse IE5.5 (?!)
 * Do not put any comments inside that list, otherwise H1 will appear as white.
 * 
 * NOTE: Some of the strange font names (SunSans, Swiss) are the remnants of
 * the original GoLive-generated code.
 *
 * Sources: welcome.html, general.css
 */

.appform a {
  color: #336633;
}
a:link, a:visited, a:hover, a:active,
    a:link *, a:visited *, a:hover *, a:active * {

  color: #FFFFCC;	/* simulates the graphical navigation bar */
}
a:hover, a:hover * {
  text-decoration: none;/* IE4 doesn't like blink */
  color: #FFFFCC;	/* simulates the graphical navigation bar */
  /*
   * outline is CSS2 and CSS2 is not supported even under Netscape 6
   * using border instead works in Netscape 6 but screws up Netscape 4 big time
   */
  outline-style: solid;
  outline-width: 1px;
  outline-color: #FFFFCC;
}
/* This works around IE4 stupidity, but will break non-broken browsers */
a, .a {
  font-family: "Times New Roman", Times, serif;
  outline-color: #FFFFCC;
}

html, body {		/* frameset files don't have body elements */
  /* WARNING: body attributes are not inherited by table elements in NS4! */
  background-color: white;
  color: black;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
}
th, td, dl, ol, ul, li {
  color: #FFFFFF;	/* for NS4 */
}
html.appform, body.appform, table.appform, .appform {
  background-color: #fff;
  color: #000;
}
.appform table, .appform .th, .appform td {
  color: #000;
  border-collapse: collapse;
}
.appform abbr, .appform p, .appform pre, .appform h1, .appform .h3, .appform .h4 {
  color: #000;
}
.appform h2 {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-weight: bold;
  font-size: 14px;
}
td em { /* needless tweak for IE5 on W2K */
  font-family: "Times New Roman", Times, serif;
}

caption {
  color: #cc6;
  font-weight: bold;
  font-size: 14px;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
}

dt, div, div * {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
}

blockquote, blockquote *, p, p *, li, li *, dl, ol, ul {
  color: #fff;
  font-size: 14px;
  font-family: "Times New Roman", Times, serif;
}
p.zh, .zh p {
  color: #fff;
  font-size: 16px;
  font-family: "Apple LiSung", MingLiU, "新細明體", Ming, Taipei, sans-serif;
  line-height: 1.25em;
}
.zh *[lang=en], .zh > *[lang=en], .zh .en {
  font-family: "Times New Roman", Times, serif;
}

.zh, *[lang=zh-TW] {
  font-family: "Apple LiSung", MingLiU, "新細明體", Ming, Taipei, sans-serif;
}

abbr {
  font-size: 90%;
}
.head abbr {
  /* Note: This is copied from .head, but the font-size is "100%"
     (relative to the inherited 90% of the parent .head-class element */
  color: #cc6;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 100%;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  letter-spacing: 0.5px
}

u.surname {
  /* We should use first-letter, but that only works for block-level elements.
     The W3C committee succeeded in creating stupid standards again... */
  text-decoration: none;/* XXX */
  text-transform: uppercase;
  font-size: 90%;
}
.head .surname, .title .surname {
  font-size: 100%;
}

h1, h2, h3, h4, h5, h6,
    .en h1, .en h2, .en h3, .en h4, .en h5, .en h6 {
		/* generalized from .head */
  color: #cc6;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
h1.zh, h2.zh, h3.zh, h4.zh, h5.zh, h6.zh,
    .zh h1, .zh h2, .zh h3, .zh h4, .zh h5, .zh h6 {

  font-family: "Apple LiGothic", "Apple LiSung",
      "MS Hei", "MS Gothic", MingLiU, "新細明體",
      Hei, Taipei, sans-serif;
}


img.top-left {
   padding-right: 1em;
   padding-bottom: 1em;
}
img.top-right {
   padding-left: 1em;
   padding-bottom: 1em;
}

img.top {
   padding-bottom: 1em;
}

img.bottom {
   padding-top: 1em;
}

img.left {
   padding-right: 1em;
   padding-top: 1em;
   padding-bottom: 1em;
}

img.right {
   padding-left: 1em;
   padding-top: 1em;
   padding-bottom: 1em;
}

td {
  color: #fff;
  font-weight: normal;
  font-size: 13px;
  font-family: "Times New Roman", Times;
}

/* member, volunteer_form */
table.t1 {
  /*
   * What is the deal with the background-color and color settings here?
   * This is because IE is stupid and can't understand colour inheritance.
   *
   * If the colours are defined here, the "invisible" borders will get
   * background colour, which is not what we want. However, if we omit
   * the colour settings here, we will have to specify colour settings
   * for every combination of inheritance (e.g., .t1 em, .t1 em u, .t1 span,
   * .t1 span u, .t1 a span, etc.)
   */
  /*
  background-color: #003333;
  color: #fff;
  */
  border-style: none;
}
th.t1, .t1 th {
  background-color: #ffffcc;
  color: #000;
  font-weight: normal;
  /* To work around stupid IE4 non-inheritance problem */
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 13px;
  border-style: none;
}
td.t1, .t1 td,
  .t1 td cite, .t1 cite,
  .t1 em, .t1 em u,
  .t1 span, .t1 span u
  .t1 td p, .t1 p
{
  /* This works around stupid IE4 non-inheritance problems,
     but will create new problems (e.g., .title losing the colour)... sigh */
  background-color: #003333;
  color: #fff;
  border-style: none;
}

/* member, volunteer_form */
table.t2 {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
th.t2, .t2 th {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  background-color: #e1e1e1;
  color: #000;
  font-weight: normal;
}
td.t2, .t2 td.th {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-weight: bold;
}

/* milestones */
.t3, .t3 p, .t3 p b, .t3 a { /* XXX gee... */
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 11px;
  background-color: #f5f5dc;
  color: #000000;
}

.byline {
  text-align: right;
  font-size: 80%;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

.highlighted {
  background-color: yellow;
  color: black;
}

.head, h1.courses {
  color: #cc6;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 90%;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  letter-spacing: 0.5px
}

.icon {
  font-weight: bold;
  font-size: 12px;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  padding-bottom: 1em;
}

/* We have to specify .t1 .title (e.g.) because of IE5 inheritance problems */
.title, .t1 .title {
  color: #cc6;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 90%;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
}
.zhtitle, .t1 .zhtitle {
  color: #cc6;
  font-weight: normal;
  font-size: 100%;
  font-family: "Apple LiGothic", "Apple LiSung",
     "MS Hei", "MS Gothic", MingLiU, "新細明體",
      Hei, Taipei, sans-serif;
  line-height: 1.25em;
}

/*  */
/* Temporary borrow from "old site" begins */
/* WARNING: There has been changes!! */

.eventcal th {
  background-color: #99cc66;	/* XXX changed! */
  color: black;			/* XXX changed! */
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}

.eventcal td, .eventcal td * {
  background-color: #003333;
  color: white;			/* XXX changed! */
  font-family: Arial, Helvetica, sans-serif;
}

.eventcal ul {
  margin-top: 0em;	/* leading before list */
  margin-bottom: 0em;	/* leading after list */
  margin-left: 0px;	/* XXX this does not work */
}

.eventcal li {
  font-style: italic;
}

.eventcal h1, h1.eventcal {
  color: purple;
}

.eventcalnav, .a {
  color: white;		/* XXX changed! */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.eventcalnav a:hover {
  background-color: #003333;
}

.eventcalnavcontents {
  color: white;		/* XXX changed! */
  font-family: Arial, Helvetica, sans-serif;
}

/* Temporary borrow from "old site" ends */
/* NOTE: .courses td doesn't work, but only td.courses, in NS4 (^^;) */

em.courses {
  font-size: 9px;
}

th.courses {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #ffcc66;
  color: black;
  font-weight: bold;
  text-align: center;
  font-size: 10px;
}

.courses td.th {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #99cccc;
  color: black;
  font-weight: bold;
  text-align: center;
  font-size: 10px;
}

td.courses {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #99cc99;
  color: black;
  text-align: center;
  font-size: 10px;
  word-break: keep-all; /* FIXME: This must be block-level. Why again? */
}

.courses td.empty {
  background-color: #729972;
}

.courses td.th-left, td.courses-th-left {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #99cccc;
  color: black;
  font-weight: bold;
  text-align: left;
  font-size: 10px;
  vertical-align: top;
}

td.courses-schedule-th-left {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #99cccc;
  color: black;
  font-weight: bold;
  text-align: left;
  font-size: 10px;
}

.courses td.left {
  text-align: left;
  vertical-align: top;
  /* Need to respecify the colour to work around NS4 bug */
  color: black;
}

td.courses-left {
  text-align: left;
  vertical-align: top;
  background-color: #99cc99;
  /* Need to respecify the colour to work around NS4 bug */
  color: black;
}

/* {{{ HEY THERE!!! NEW --enable-agressive-css ($agressive_css_p) stuff */

a.nav img {
   border-width: 2;
   border-color: #336633;
}

a.nav:hover img {
   border-width: 2;
   border-color: #ffffcc;
}

.nav-inactive {
   -moz-opacity:0.5;		/* Netscape only */
   filter: Alpha(opacity=50);	/* Internet Explorer only */
   border-width: 2;
   border-color: #336633;
}

/* }}} HEY THERE!!! NEW --enable-agressive-css ($agressive_css_p) stuff */

/* EOF */