/* Stylesheet for Oral English Activites
 *
 *
 * Todo:
 * - hey, the 1.5em width of TD.activity_id doesn't seem to be
 *   working!
 *
 * 2003-10-24 (Todd Owen)
 * - lovingly created
 * 2003-11-04
 * - added formatting for the activity lists
 * 2003-12-02
 * - added DL.link_list, etc
 * 2004-05-27
 * - added DIV.blackboard
 * 2004-11-04
 * - added TABLE.email TD
 * 2005-01-16
 * - added margin-top for TABLE.activity_list (this spacing was
 *   previously generated by the PHP code using a <P>)
 * - added DIV.stars
 */

BODY
{
  background-color: white;
  font-family: Times, serif;
}

DIV.special_page
{
  /*
   * I thought that setting both margin-left and margin-right to "auto"
   * would center the paragraph, but it doesn't seem to work.  In fact,
   * playing with the margins gives me very odd lengths, but setting
   * padding instead gives me the effect I want (in IE5).
   */

  padding-left: 15%;
  padding-right: 15%;
  text-align: justify;
}

/* used for the title of the "special pages" */
H2
{
  margin-top: 1em;
  font-size: 24pt;
}

/* used for subtitles _within_ sections of the activity page */
H4
{
  font-size: 12pt;
  font-weight: bold;
  margin-bottom: 1em;
}

H4.extra_space
{
  margin-top: 2em;
}

A:link
{
  color: #ff0000;
}

BODY.activity
{
  margin-left: 6em;
  margin-right: 6em;

  font-size: 12pt;
}

H1
{
  font-size: 24pt;
}

TABLE.heading
{
  border-style: solid;
  border-color: #ff0000;
  border-width: 0 0 3 0;

  margin-top: 3em;
}

TABLE.heading TD
{
  font-size: 18pt;
  font-weight: bold;
}

DIV.lines
{
  margin-left: 2em;
  margin-right: 2em;
}

TD
{
  vertical-align: text-top;
}

TD.line_marker
{
  color: #ff0000;
}

TD.line_name
{
  font-weight: bold;
}

.activity_number
{
  color: #ff0000;
}

P.back_message
{
  text-align: right;
  font-weight: bold;
}

TABLE.activity_list
{
  margin-top: 4em;
}

TABLE.activity_list TD, TABLE.activity_list TH
{
  background-color: #ffbbbb;
}

DIV.stars
{
  margin-top: 5px;
}

/*
 * TD.transparent must be defined inside TABLE.activity_list,
 * otherwise they won't override TABLE.activity_list TD.
 */

TABLE.activity_list TD.transparent
{
  background-color: white;
}

TABLE.activity_list TD.total
{
  background-color: white;
  text-align: right;
  font-weight: bold;
  padding-top: 0.5em;
}

TABLE.activity_list TH
{
  font-weight: bold;
  text-align: left;
}

TABLE.activity_list TD.activity_id, TABLE.activity_list TD.title
{
  font-weight: bold;
}

TABLE.activity_list TD.activity_id
{
  width = 1.5em;
}

TD.oea_title
{
  font-family: arial, sans-serif;
  font-size: 48pt;
  color: #ff0000;
  vertical-align: bottom;
  height: 123;
}

TD.oea_subtitle
{
  font-family: arial, sans-serif;
  font-size: 30pt;
  color: #ff8888;
  vertical-align: top;
  text-align: right;
  height: 63;
}

.item_header
{
  font-weight: bold;
}

.site_menu
{
  font-size: 14pt;
  font-weight: bold;
  text-align: center;
}

LI
{
  margin-top: 0.5em;
}

SPAN.list_title
{
  color: #ff0000;
  font-size: 18pt;
  font-weight: bold;
}

SPAN.list_subtitle
{
  font-size: 12pt;
  font-weight: bold;
}

TABLE.activity_list TD.list_title_cell
{
  background-color: transparent;
  padding-bottom: 1em;
}

TABLE.activity_list TD.none_cell
{
  text-align: center;
  padding: 0.5em;
}

TABLE.activity_list TD.seealso_cell
{
  background-color: transparent;
  font-weight: bold;
}

DL.link_list
{
  text-align: left;
}

DL.link_list DD
{
  padding-left: 0;
  margin-left: 0;
}

DL.link_list DT
{
  margin-top: 1em;
}

P.keywords
{
  font-family: arial, sans-serif;
  font-size: x-small;
  color: #888888;
  text-align: justify;

  margin-top: 50px;
}

DIV.indent
{
  margin-left: 2em;
  margin-right: 2em;
}

DIV.blackboard
{
  margin-left: 2em;
  margin-right: 2em;
  font-style: italic;
}

TABLE.email TD
{
  vertical-align: bottom;
  padding: 0;
  margin: 0;
}

TABLE.contents TD
{
  font-weight: bold;
  text-align: left;
  padding: 8px 30px 12px;
}

TABLE.contents TD.contents_header
{
  font-size: 14pt;
  text-align: center;
  border-bottom: solid 1px;
  padding-bottom: 8px;
}

TABLE.contents TD.contents_footer
{
  text-align: center;
  border-top: solid 1px;
}