@charset "big5";
/*
 * Master style sheet for new site - mainly-Chinese pages
 * $Header: /source/Repository/website/style-zh-hk.css,v 1.172 2010/04/23 22:03:36 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 (!)
 * 
 * NOTE: Some of the strange font names (SunSans, Swiss) are the remnants of
 * the original GoLive-generated code.
 *
 * NOTE: MS Gothic (the Japanese font) has more traditional characters than
 * MS Hei (the de-facto sans-serif font for traditional Chinese); speaks of
 * the (lack of) quality of Microsoft products...
 *
 * NOTE: Even though MS Gothic has more traditional characters, it still has
 * too few characters to display course schedules correctly. The use of sans
 * on MS Windows platforms is thus not a good idea.
 *
 * Sources: welcome.html, general.css
 */

*[lang=da], *[lang=de], *[lang=en], *[lang=es], *[lang=fr], *[lang=it], *[lang=la], *[lang=zh-pinyin], *[lang=zh-putonghua], .en {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
.appform a {
  color: #336633;
}
a:link, a:visited, a:active,
    a:link *, a:visited *, a:active *,
    a:link *[lang=en], a:visited *[lang=en], a:active *[lang=en] {

  color: #FFFFCC;	/* simulates the graphical navigation bar */
  text-decoration: inherit;	/* Chinese idiosyncrasy */
  font-family: inherit;	/* FF3 */
  font-weight: inherit;	/* FF3 */
}
a:hover, a:hover *, a:hover *[lang=en] {
  text-decoration: none;/* IE4 doesn't like blink */
  color: #336633;	/* simulates the graphical navigation bar */
  background-color: #ffffcc;	/* simulates the graphical navigation bar */
}
/* This works around IE4 stupidity, but will break non-broken browsers */
a, .a {
  /*
  font-family: "STSong Regular", "Song Regular", Beijing, "SimSun", "MS Song", "AR PL SungTiL GB", Song, serif;
   */
  font-family: "STHeiti Regular", "Hei Regular", Beijing, "SimHei", "MS Hei", "MS Song", Hei, Song, sans-serif;
  /* font-weight: bold;			/* [cccgt.org #3310] */
  font-weight: inherit;
}
.cn-bold {
  font-family: "STHeiti Regular", "Hei Regular", Beijing, "SimHei", "MS Hei", "MS Song", Hei, Song, sans-serif;
  font-weight: inherit;
}
.cn-it {
  font-family: "¤å¹©¢Þ¢ÚB80¤¤·¢", "STKaiti", "AR PL KaitiM GB", Kai, "Fang Song", serif;
  font-style: inherit;
  font-weight: inherit;
}
h1 em {
   font-weight: bolder;
}

* { font-family: inherit }
del { font-family: inherit } /* I don't know why we need this */
big { font-family: inherit; font-size: 133% }
big big { font-family: inherit; font-size: 150% }
h1 small { font-family: inherit } /* I don't know why we need this */

html, body {		/* frameset files don't have body elements */
  /* WARNING: body attributes are not inherited by table elements in NS4! */
  background-color: #336633;
  color: #FFFFFF;
  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: "STHeiti Regular", "Hei Regular", Beijing, "SimHei", "MS Hei", "MS Song", Hei, Song, sans-serif;
  font-weight: bold;
  font-size: 16px;
}
.appform h2[lang=de], .appform h2[lang=es], .appform h2[lang=en], .appform h2[lang=fr] {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
em, b {
  /* !important is necessary here. I don't know why. */
  font-family: "STHeiti Regular", "Hei Regular", Beijing, "SimHei", "MS Hei", "MS Song", Hei, Song, sans-serif !important;
  font-style: inherit;
  font-weight: inherit;
}
em[lang=da], em[lang=de], td em[lang=es], td em[lang=en], td em[lang=fr], td em[lang=la] { /* needless tweak for IE5 on W2K */
  font-family: "Times New Roman", Times, serif;
}
b[lang=da], b[lang=de], b[lang=es], b[lang=en], b[lang=fr], b[lang=la],
b [lang=da], b [lang=de], b [lang=es], b [lang=en], b [lang=fr], b [lang=la], 
em [lang=da], em [lang=de], em [lang=es], em [lang=en], em [lang=fr], em [lang=la],
em *.da, em *.de, em *.es, em *.en, em *.fr, em *.la {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

caption {
  color: #cc6;
  font-size: 14px;
  font-family: "STSong Regular", "Song Regular", Beijing, "SimSun", "MS Song", "AR PL SungTiL GB", Song, serif;
}

dt, div, div * {
  font-family: "STSong Regular", "Song Regular", Beijing, "SimSun", "MS Song", "AR PL SungTiL GB", Song, serif;
}

/* NS4 inherits li leading from dl/ol/ul, not from li (^^;) */

/* cancel the "line-height: 1.4em" of the first item */
/* -- if the first item is at the top, the text goes out of the page... sigh
dl, ol, ul {
  margin-top: -1em;
}
*/
/* cancel the "line-height: -1.4em" above... sigh */
/* -- if the first item is at the top, the text goes out of the page... sigh
dl dl, dl ol, dl ul, ol dl, ol ol, ol ul, ul dl, ul ol, ul ul {
  margin-top: -0.2em;
}
*/
blockquote, blockquote *, p, p *, li, li *, dl, ol, ul {
  /*color: #fff;*//*disabled 20041215*/
  font-size: 16px;
  font-family: "STSong Regular", "Song Regular", Beijing, "SimSun", "MS Song", "AR PL SungTiL GB", Song, serif;
  line-height: 1.4em;
}
blockquote small, p small, li small {
  font-size: 14px;
}
small * {
  font-size: inherit;
}
*[lang=de], *[lang=es], *[lang=en], *[lang=fr], *[lang=it], *[lang=la], *[lang=zh-putonghua], .en,
*[lang=de] *, *[lang=es] *, *[lang=en] *, *[lang=fr] *, *[lang=it] *, *[lang=la] *, *[lang=zh-putonghua] *, .en *,
*[lang=de] p, *[lang=es] p, *[lang=en] p, *[lang=fr] p, *[lang=it] p, *[lang=la] p, *[lang=zh-putonghua] p, .en p,
a span[lang=de], a span[lang=es], a span[lang=en], a span[lang=fr], a span[lang=it], a span[lang=la], a span[lang=zh-putonghua], a .en
a:link span[lang=de], a:link span[lang=es], a:link span[lang=en], a:link span[lang=fr], a:link span[lang=it], a:link span[lang=la], a:link span[lang=zh-putonghua], a:link .en
a:hover span[lang=de], a:hover span[lang=es], a:hover span[lang=en], a:hover span[lang=fr], a:hover span[lang=it], a:hover span[lang=la], a:hover span[lang=zh-putonghua], a:hover .en
a:visited span[lang=de], a:visited span[lang=es], a:visited span[lang=en], a:visited span[lang=fr], a:visited span[lang=it], a:visited span[lang=la], a:visited span[lang=zh-putonghua], a:visited .en
{
  font-family: "Times New Roman", Times, serif;
}
*[lang=de] a:link, *[lang=es] a:link, *[lang=en] a:link, *[lang=fr] a:link, *[lang=it] a:link, *[lang=la] a:link, *[lang=zh-putonghua] a:link, .en a:link,
*[lang=de] a:hover, *[lang=es] a:hover, *[lang=en] a:hover, *[lang=fr] a:hover, *[lang=it] a:hover, *[lang=la] a:hover, *[lang=zh-putonghua] a:hover, .en a:hover,
*[lang=de] a:visited, *[lang=es] a:visited, *[lang=en] a:visited, *[lang=fr] a:visited, *[lang=it] a:visited, *[lang=la] a:visited, *[lang=zh-putonghua] a:visited, .en a:visited,
*[lang=de] a, *[lang=es] a, *[lang=en] a, *[lang=fr] a, *[lang=it] a, *[lang=la] a, *[lang=zh-putonghua] a, .en a {
   font-family: inherit;
}

abbr {
  font-style: inherit;
}
.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;/* FIXME: why was this commented out? */
  text-transform: uppercase;
  font-weight: bold;
  font-size: 100%;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  letter-spacing: 0.5px
}
.t1 td .head, .t1 td .head *, .t1 td .head * * {
  color: #cc6;/* FIXME: something else must be wrong, this can't be needed */
}

u.surname[lang=de], [lang=de] u.surname,
u.surname[lang=en], [lang=en] u.surname,
u.surname[lang=es], [lang=es] u.surname,
u.surname[lang=fr], [lang=fr] 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 {
  font-size: 24px;
}
h2 {
  font-size: 16px;
}
h3 {
  font-size: 14px;
}
h4, h5, h6 {
  font-size: 12px;
}
h1, h2, h3, h4, h5, h6,
    h1.zh, h2.zh, h3.zh, h4.zh, h5.zh, h6.zh,
    h1.zh *, h2.zh *, h3.zh *, h4.zh *, h5.zh *, h6.zh *,
    .zh h1, .zh h2, .zh h3, .zh h4, .zh h5, .zh h6 {

  color: #cc6;
  font-family: "STHeiti Regular", "Hei Regular", Beijing, "SimHei", "MS Hei", "MS Song", Hei, Song, sans-serif;
  font-weight: inherit;
}
h1[lang=de], h2[lang=de], h3[lang=de], h4[lang=de], h5[lang=de], h6[lang=de],
h1[lang=en], h2[lang=en], h3[lang=en], h4[lang=en], h5[lang=en], h6[lang=en],
h1[lang=es], h2[lang=es], h3[lang=es], h4[lang=es], h5[lang=es], h6[lang=es],
h1[lang=fr], h2[lang=fr], h3[lang=fr], h4[lang=fr], h5[lang=fr], h6[lang=fr],
    h1 *[lang=de], h2 *[lang=de], h3 *[lang=de], h4 *[lang=de], h5 *[lang=de], h6 *[lang=de],
    h1 *[lang=en], h2 *[lang=en], h3 *[lang=en], h4 *[lang=en], h5 *[lang=en], h6 *[lang=en],
    h1 *[lang=es], h2 *[lang=es], h3 *[lang=es], h4 *[lang=es], h5 *[lang=es], h6 *[lang=es],
    h1 *[lang=fr], h2 *[lang=fr], h3 *[lang=fr], h4 *[lang=fr], h5 *[lang=fr], h6 *[lang=fr],
    *[lang=en] h1, *[lang=en] h2, *[lang=en] h3, *[lang=en] h4, *[lang=en] h5, *[lang=en] h6,
    .en h1, .en h2, .en h3, .en h4, .en h5, .en h6 {

  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}


img.director {
   padding-right: 1em;
   width: 96px;
   height: auto;
}
img.top-left, div.top-left {
   padding-right: 1em;
   padding-bottom: 1em;
}
img.top-right, div.top-right {
   padding-left: 1em;
   padding-bottom: 1em;
}

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

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

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

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

td {
  color: #fff;
  font-weight: normal;
  font-size: 16px;
  font-family: "STSong Regular", "Song Regular", Beijing, "SimSun", "MS Song", "AR PL SungTiL GB", Song, serif;
}
td[lang=de], td *[lang=de],
td[lang=en], td *[lang=en],
td[lang=es], td *[lang=es],
td[lang=fr], td *[lang=fr] {
  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, .t1 th .en { /* I don't know why we need .t1 th .en */
  background-color: #ffffcc;
  color: #000;
}
th.t1, .t1 th {
  font-weight: normal;
  /* To work around stupid IE4 non-inheritance problem */
  font-family: "STHeiti Regular", "Hei Regular", Beijing, "SimHei", "MS Hei", "MS Song", Hei, Song, sans-serif;
  font-size: 16px;
  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: "STHeiti Regular", "Hei Regular", Beijing, "SimHei", "MS Hei", "MS Song", Hei, Song, sans-serif;
}
th.t2, .t2 th {
  font-family: "STHeiti Regular", "Hei Regular", Beijing, "SimHei", "MS Hei", "MS Song", Hei, Song, sans-serif;
  background-color: #e1e1e1;
  color: #000;
  font-weight: normal;
}
td.t2, .t2 td.th {
  font-family: "STHeiti Regular", "Hei Regular", Beijing, "SimHei", "MS Hei", "MS Song", Hei, Song, sans-serif;
  font-weight: bold;
}
table[lang=de], th[lang=de], td[lang=de],
table[lang=en], th[lang=en], td[lang=en],
table[lang=es], th[lang=es], td[lang=es],
table[lang=fr], th[lang=fr], td[lang=fr],
table[lang=la], th[lang=fr], td[lang=la] {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

/* milestones */
.t3, .t3 p, .t3 p b, .t3 a { /* XXX gee... */
  font-family: "STHeiti Regular", "Hei Regular", Beijing, "SimHei", "MS Hei", "MS Song", Hei, Song, sans-serif;
  font-size: 16px;
  background-color: #f5f5dc;
  color: #000000;
}
.t3[lang=de], .t3 p[lang=de].t3 p b[lang=de], .t3 a[lang=de], b[lang=de],
.t3[lang=en], .t3 p[lang=en].t3 p b[lang=en], .t3 a[lang=en], b[lang=en],
.t3[lang=es], .t3 p[lang=es].t3 p b[lang=es], .t3 a[lang=es], b[lang=es],
.t3[lang=fr], .t3 p[lang=fr].t3 p b[lang=fr], .t3 a[lang=fr], b[lang=fr],
.t3[lang=la], .t3 p[lang=la].t3 p b[lang=la], .t3 a[lang=la], b[lang=la] {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

.byline {
  text-align: right;
  /* font-size: 80%; */
  font-family: "STHeiti Regular", "Hei Regular", Beijing, "SimHei", "MS Hei", "MS Song", Hei, Song, sans-serif;
  /*
  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;
  letter-spacing: 0.5px
}
.head[lang=de],
.head[lang=en],
.head[lang=es],
.head[lang=fr],
.head[lang=la] {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

.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 */
.zhtitle, .title, .title *, .t1 .zhtitle, .t1 .title {
  color: #cc6;
  font-weight: normal;
  font-size: 100%;
  font-family: "STHeiti Regular", "Hei Regular", Beijing, "SimHei", "MS Hei", "MS Song", Hei, Song, sans-serif;
  line-height: 1.4em;
}
.title[lang=de], .t1 .title[lang=de], .title *[lang=de],
.title[lang=en], .t1 .title[lang=en], .title *[lang=en],
.title[lang=es], .t1 .title[lang=es], .title *[lang=es],
.title[lang=fr], .t1 .title[lang=fr], .title *[lang=fr],
.title[lang=la], .t1 .title[lang=la], .title *[lang=la],
.title .en {
  color: #cc6;
  text-transform: uppercase;
  font-weight: bold;
  /* font-size: 90%; */
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
}
.title span {
   color: inherit;
}
.title a, .zhtitle a {
  font-family: inherit;
  font-size: inherit;
}

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

.eventcal th {
  background-color: #99cc66;	/* XXX changed! */
  color: black;			/* XXX changed! */
  font-family: "STHeiti Regular", "Hei Regular", Beijing, "SimHei", "MS Hei", "MS Song", Hei, Song, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
.eventcal th[lang=de],
.eventcal th[lang=en],
.eventcal th[lang=es],
.eventcal th[lang=fr],
.eventcal th[lang=la] {
  font-family: Arial, Helvetica, sans-serif;
}

.eventcal td, .eventcal td * {
  background-color: #003333;
  color: white;			/* XXX changed! */
  font-family: "STHeiti Regular", "Hei Regular", Beijing, "SimHei", "MS Hei", "MS Song", Hei, Song, sans-serif;
  font-size: 16px;
}
.eventcal td[lang=de], .eventcal td *[lang=de],
.eventcal td[lang=en], .eventcal td *[lang=en], .eventcal td *.en, .eventcal td a:link span[lang=en], .eventcal td a:visited span[lang=en],
.eventcal td[lang=es], .eventcal td *[lang=es],
.eventcal td[lang=fr], .eventcal td *[lang=fr],
.eventcal td[lang=la], .eventcal td *[lang=la] {
  font-family: Arial, Helvetica, sans-serif;
}

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

.eventcal .deadline, .eventcal .deadline * {
  background-color: #606060;
  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 * ul {
   padding-left: 0;
   margin-left: 1em;
   left: 0;
}

.eventcal * ol {
   padding-left: 0;
   margin-left: 1.25em;
   left: 0;
}

.eventcal li {
  /*font-style: italic;*/ /* must not do this to Chinese! */
}

/* -- This does not work. I don't know why --
.eventcal ol {
  counter-reset: item;
}

.eventcal ol li:before {
  display: marker;
  font-family: Arial, Helvetica, sans-serif;
  font-size: smaller;
  content: counter(item) " ";
  counter-increment: item;
}
*/

.eventcal h1, h1.eventcal {
  color: purple;
  font-size: 24px;
}

.eventcal a:link, .eventcal a:visited, .eventcal a:active,
.eventcal a:link *, .eventcal a:visited *, .eventcal a:active * {
  color: #ffffcc;
}

.eventcal a:hover, .eventcal a:hover *, table.t1 td a:hover * { /* NOTE stupid hack "table.t1 td a:hover *" */
  color: #003333;
  background-color: #ffffcc;
}

.eventcalnav, .a {
  color: white;		/* XXX changed! */
  font-family: "STHeiti Regular", "Hei Regular", Beijing, "SimHei", "MS Hei", "MS Song", Hei, Song, sans-serif;
  font-size: 16px;
}
.eventcalnav a {
  font-family: "STHeiti Regular", "Hei Regular", Beijing, "SimHei", "MS Hei", "MS Song", Hei, Song, sans-serif;
}
.eventcalnav[lang=de], .eventcalnav[lang=de] a,
.eventcalnav[lang=en], .eventcalnav[lang=en] a,
.eventcalnav[lang=es], .eventcalnav[lang=es] a,
.eventcalnav[lang=fr], .eventcalnav[lang=fr] a,
.eventcalnav[lang=la], .eventcalnav[lang=la] a {
  font-family: Arial, Helvetica, sans-serif;
}

.eventcalnavcontents {
  color: white;		/* XXX changed! */
  font-family: "STHeiti Regular", "Hei Regular", Beijing, "SimHei", "MS Hei", "MS Song", Hei, Song, sans-serif;
  font-size: 16px;
}
.eventcalnavcontents[lang=de],
.eventcalnavcontents[lang=en],
.eventcalnavcontents[lang=es],
.eventcalnavcontents[lang=fr],
.eventcalnavcontents[lang=la] {
  font-family: Arial, Helvetica, sans-serif;
}

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

table.courses {
  border-style: none;
}

table.courses a, table.courses a:visited {
  color: inherit;
}

td.courses-gutter, th.courses-gutter {
  border-style: none;
  padding: 0px;
}

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

th.courses {
  font-family: "STHeiti Regular", "Hei Regular", Beijing, "SimHei", "MS Hei", "MS Song", Hei, Song, sans-serif;
  background-color: #ffcc66;
  color: black;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  border-style: none;
}
th.courses[lang=de], th.courses *[lang=de], th.courses > *[lang=de],
th.courses[lang=en], th.courses *[lang=en], th.courses > *[lang=en],
th.courses[lang=es], th.courses *[lang=es], th.courses > *[lang=es],
th.courses[lang=fr], th.courses *[lang=fr], th.courses > *[lang=fr],
th.courses[lang=la], th.courses *[lang=la], th.courses > *[lang=la] {
  font-family: Arial, Helvetica, sans-serif;
}

.courses .head {
  color: #224422;
}

.courses td.th {
  font-family: "STHeiti Regular", "Hei Regular", Beijing, "SimHei", "MS Hei", "MS Song", Hei, Song, sans-serif;
  background-color: #99cccc;
  color: black;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  border-style: none;
}
.courses td.th[lang=de], .courses td.th *[lang=de], .courses td.th > *[lang=de],
.courses td.th[lang=en], .courses td.th *[lang=en], .courses td.th > *[lang=en],
.courses td.th[lang=es], .courses td.th *[lang=es], .courses td.th > *[lang=es],
.courses td.th[lang=fr], .courses td.th *[lang=fr], .courses td.th > *[lang=fr],
.courses td.th[lang=la], .courses td.th *[lang=la], .courses td.th > *[lang=la]  {
  font-family: Arial, Helvetica, sans-serif;
}

td.courses {
  /*
  font-family: "STHeiti Regular", "Hei Regular", Beijing, "SimHei", "MS Hei", "MS Song", Hei, Song, sans-serif;
  */
  background-color: #99cc99;
  color: black;
  text-align: center;
  font-size: 16px;
  word-break: keep-all; /* FIXME: This must be block-level. Why again? */
  border-style: none;
}
td.courses[lang=de], td.courses *[lang=de], td.courses > *[lang=de],
td.courses[lang=en], td.courses *[lang=en], td.courses > *[lang=en],
td.courses[lang=es], td.courses *[lang=es], td.courses > *[lang=es],
td.courses[lang=fr], td.courses *[lang=fr], td.courses > *[lang=fr],
td.courses[lang=la], td.courses *[lang=la], td.courses > *[lang=la] {
  font-family: Arial, Helvetica, sans-serif;
}

.courses td.empty, .courses td.non-course {
  background-color: #729972;
  border-style: none;
  /* The following are meaningful only for .courses td.non-course */
  color: black;
  text-align: center;
  font-size: 16px;
  word-break: keep-all; /* FIXME: This must be block-level. Why again? */
}

.courses td.th-left, td.courses-th-left {
  /*
  font-family: "STHeiti Regular", "Hei Regular", Beijing, "SimHei", "MS Hei", "MS Song", Hei, Song, sans-serif;
  */
  background-color: #99cccc;
  color: black;
  font-weight: bold;
  text-align: left;
  font-size: 16px;
  vertical-align: top;
  border-style: none;
}
.courses td.th-left[lang=de], td.courses-th-left[lang=de],
.courses td.th-left[lang=en], td.courses-th-left[lang=en],
.courses td.th-left[lang=es], td.courses-th-left[lang=es],
.courses td.th-left[lang=fr], td.courses-th-left[lang=fr],
.courses td.th-left[lang=la], td.courses-th-left[lang=la] {
  font-family: Arial, Helvetica, sans-serif;
}

td.courses-schedule-th-left {
  font-family: "STHeiti Regular", "Hei Regular", Beijing, "SimHei", "MS Hei", "MS Song", Hei, Song, sans-serif;
  background-color: #99cccc;
  color: black;
  font-weight: bold;
  text-align: left;
  font-size: 16px;
  border-style: none;
}
.courses td.courses-schedule-th-left[lang=de],
.courses td.courses-schedule-th-left[lang=en],
.courses td.courses-schedule-th-left[lang=es],
.courses td.courses-schedule-th-left[lang=fr],
.courses td.courses-schedule-th-left[lang=la] {
  font-family: Arial, Helvetica, sans-serif;
}

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

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

.courses td.non-course-left {
  background-color: #729972;
  border-style: none;
  color: black;
  text-align: left;
  font-size: 16px;
  word-break: keep-all; /* FIXME: This must be block-level. Why again? */
}

.courses .t1 *[lang=de], .courses .t1 > *[lang=de],
.courses .t1 *[lang=en], .courses .t1 > *[lang=en],
.courses .t1 *[lang=es], .courses .t1 > *[lang=es],
.courses .t1 *[lang=fr], .courses .t1 > *[lang=fr],
.courses .t1 *[lang=la], .courses .t1 > *[lang=la] {
  font-family: "Times New Roman", Times, serif;
}

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

a.nav object, a.nav object embed {
   padding-top: 2px;
}

a.nav img, a.nav object {
   border-width: 2px;
   border-color: #336633;
   /*position: absolute;*//* Sarari hack, commented out because it causes weirdness in Firefox */
   left: 2px;
   display: block;
}

a.nav:hover img, a.nav:hover object {
   border-width: 2px;
   border-color: #ffffcc;
   /*position: absolute;*//* Sarari hack, commented out because it causes weirdness in Firefox */
   left: 2px;
   display: block;
}

a.nav:hover, a.nav:hover * {
   color: #336633;
   background-color: #ffffcc;
}

.nav {
  font-family: "STHeiti Regular", "Hei Regular", Beijing, "SimHei", "MS Hei", "MS Song", Hei, Song, sans-serif;
   text-decoration: none;
}

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

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

td.nav {
   height: 64px;
   width: 64px;
}

.nav a {
   display: block;
}

.leftnav {
   font-size: 14px;
}

.help-right {
   float: right;
   width: 144pt;
   padding-left: 12pt; /* inside the box */
   margin-left: 12pt; /* outside the box */
   border-left: solid #cc6 4pt;
   font-size: 9pt;
}
.boxed {
   padding: 12pt; /* inside the box */
   margin-bottom: 12pt; /* outside the box */
   border-left: solid #cc6 4pt;
   border-right: solid #cc6 4pt;
   border-top: solid #cc6 4pt;
   border-bottom: solid #cc6 4pt;
   font-size: 9pt;
}
.pullquote {
   font-family: "¤å¹©¢Þ¢ÚB80¤¤·¢", "STKaiti", "AR PL KaitiM GB", Kai, "Fang Song", serif;
  border-top: 6px solid #d59f0f;
  border-bottom: 6px solid #d59f0f;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 1em;
  padding-right: 1em;
  margin-right: 3em;
}
.float-right {
   float: right;
}

td.topnav-top {
   /*background-color: black /*#978ea3*/;
   background: url("nav/signage-bg-k.jpg") fixed top left repeat-x;
}
.topnav-top a {
   font-size: 10pt;
   padding-left: 6px;
   padding-right: 6px;
}
.topnav-bot a {
   font-size: 9pt;
}

body {
   margin-right: 9pt;
}
body.nav, body.topnav {
   margin-right: 0pt;
}
body.leftnav {
   margin-right: 2pt;
}
table.langnav {
   margin-right: 6pt;
}
p {
   /* Commented out because it doesn't work (for CJK) */
   /* text-align: justify; */
}

.scroller-data, .scroller-data * {
   font-size: 12pt;
   line-height: 16pt;
}

/* Activity listing rewrite */

.cal h1 {
   align: center;
}

tr.cal, td.cal {
   height: 72pt; /* min-height doesn't work for firefox. I don't know why */
}

td.cal ul {
   margin-bottom: 0em;	/* leading after list */
   padding-left: 1em;
   padding-right: 2pt;
}

td.cal li, td.cal li * {
   font-size: 9pt;
   margin-top: 1.5pt;
   margin-bottom: 1.5pt;
}

.cal td.empty {
   background-color: #336633;
}

.cal td.holiday, .cal td.holiday * {
   background-color: #cc3333;
   color: white;
}

.cal td.holiday a {
   background-color: #cc3333;
   color: #ffffcc;
}

.cal td.holiday a:hover, .cal td.holiday a:hover * {
   color: #cc3333;
   background-color: #ffffcc;
}

.cal .holiday-name {
   font-size: 9pt;
   font-family: "STHeiti Regular", "Hei Regular", Beijing, "SimHei", "MS Hei", "MS Song", Hei, Song, sans-serif;
}

.cal .holiday-name[lang=en], .cal .holiday-name *[lang=en], .cal .holiday-name *.en {
   font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

.cal .venue-name, .cal .venue-name *, .cal td.holiday .venue-name, .cal td.holiday .venue-name *, .cal td.holiday .venue-name a {
   background-color: #ffa500; /* orange */
   color: black;
   font-family: "STHeiti Regular", "Hei Regular", Beijing, "SimHei", "MS Hei", "MS Song", Hei, Song, sans-serif;
   font-size: 7pt;
   text-transform: uppercase;
   padding-left: 1pt;
   padding-right: 1pt;
}

.cal .venue-name *[lang=en], .cal .venue-name *[lang=en], .cal td.holiday .venue-name *[lang=en], .cal td.holiday .venue-name *[lang=en],
.cal .venue-name .en, .cal .venue-name .en, .cal td.holiday .venue-name .en, .cal td.holiday .venue-name *[lang=en] {
   font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   background-color: #ffa500; /* orange */
}

td.cal .chinese-date-name, td.cal .chinese-date-name a {
   font-family: "STHeiti Regular", "Hei Regular", Beijing, "SimHei", "MS Hei", "MS Song", Hei, Song, sans-serif;
   font-size: 7pt;
   color: #cc6;
}

td.cal .chinese-date-name a:hover {
   color: black;
   background-color: #cc6;
}

.hidden {
   display: none;
}

#body {
   right: 72px;
}

.extra-wide #nav-promonav {
   display: none;
}

#nav-promonav {
   position: absolute;
   right: 6px;
   top: 60px;
   width: 60px;
   margin-left: 12px;
}

#nav-sponsornav {
}

.emph-zh {
   text-emphasis: accent after;	/* CSS3 */
}

/*
#CNY2007contents {
   background: url(borderH.jpg) no-repeat;
   padding-top: 36px;
}
*/

/* Lantern Festival */
td.p0, td.p1, td.p2, td.p3, td.p4 { text-align: center; }
.p1 { font-weight: bold; }
.p2, .p3 {
   size: 80%;
   /* text-decoration: line-through; */
}

.cjkword {
   text-wrap: suppress;
   word-break: keep-all;
}

.event-thumbnail {
   width: 90px;
   height: auto;
}

/* Featured Content Slider overrides */
.sliderwrapper{
   border: none;
   border-left: solid 6px #cc6;
   width: 220;
   height: 340;
}
.sliderwrapper .contentdiv, .pagination{
   background-color: inherit;
}
.sliderwrapper .contentdiv{
   background-color: inherit;
}
.pagination{
   background-color: #cc6;
}
.pagination a{
   background-color: #336633;
}
.contentdiv p:first-child {
   margin-top: 0;
   padding-top: 0;
}

/* EOF */