/*------------------------------------------------------------------------*/
/* Body, Link, and Misc Selectors                                         */
/*------------------------------------------------------------------------*/

BODY 
{
  background-color : #FFFFFF; 
  color            : black; 
  margin           : 0px;
  padding          : 0px;
  position         : absolute;

  font-family: Verdana, Helvetica, sans-serif;
  width : 100%;
}

A:link     { color: #800020; text-decoration: none }
A:visited  { color: #800020; text-decoration: none }
A:hover    { color: #FF2020; text-decoration: none }
A:active   { color: #FF2020; text-decoration: none }

P  { margin : 1ex 0ex 1ex 0ex; }
UL { margin : 1ex 0ex 0ex 0ex; padding : 0ex 0ex 0ex 4ex; }
LI { margin : 0ex 0ex 1ex 0ex; padding : 0ex 0ex 0ex 0ex; }

.handouts-list LI { margin-bottom : 0ex; }
.handouts-list SPAN { font-size : 75% }

.quiz-list { margin-top : 0.2ex; }
.quiz-list LI { margin-bottom : 0ex; }

/*------------------------------------------------------------------------*/
/* Heading Selectors                                                      */
/*------------------------------------------------------------------------*/

H1 
{
  font-weight    : bold;
  font-variant   : small-caps;
  font-family    : sans-serif;
  margin-top     : 1ex; 
  margin-bottom  : 1.5ex; 
  padding        : 0;
}

H2 
{
  font-weight   : bold;

  font-family   : sans-serif;
  margin        : 1ex 0ex 0ex 0ex; 
  padding       : 0;
}

H3 
{
  font-weight   : bold;
  font-variant  : small-caps;
  font-family   : sans-serif;
  margin-bottom : 1ex; 
  margin-top    : 1.5ex; 
  padding       : 0;
}

/*------------------------------------------------------------------------*/
/* Content Box                                                            */
/*------------------------------------------------------------------------*/

#content
{  
  position           : relative;
  margin             : 10ex 3ex 3ex 31ex;
  padding            : 0ex;

  line-height : 1.5;
}

/*------------------------------------------------------------------------*/
/* Main Title                                                             */
/*------------------------------------------------------------------------*/

#main-title
{
  position : absolute;
  left     : 0;
  top      : 0;
  height : 7.5ex;
  width : 100%;
  border-bottom : 3px solid black;
  margin-bottom : 10px;
}

#main-title H1.course-name
{
  float         : left;
  margin        : 0ex;
  padding       : 0px;
  margin-top    : 15px;
  padding-left  : 1ex;
}

#main-title H1.course-year
{
  float         : right;
  margin        : 0ex;
  padding       : 0px;
  margin-top    : 15px;
  padding-right : 1ex;
}

/*------------------------------------------------------------------------*/
/* Menu                                                                   */
/*------------------------------------------------------------------------*/

#menu
{
  position : absolute;
  left     : 3ex;
  top      : 10ex;

  width            : 21ex;
  padding          : 2ex;
  margin           : 0px;
  border           : 2px dotted #C0C8FF;
  background-color : AliceBlue;
}

#menu UL
{
  padding        : 0px;
  margin         : 0px;
  margin-bottom  : 1em;
  margin-top     : 1em;
  list-style     : none;
}

#menu UL UL
{
  padding        : 0px;
  margin         : 0px;
  margin-left    : 1em;
  margin-bottom  : 1em;
  list-style     : none;
}

#menu LI
{
  font-weight   : bold;
  margin        : 0px 0px 5px 0px;
}

#menu IMG
{
  border : none;
}

/*------------------------------------------------------------------------*/
/* Photo Formatting                                                       */
/*------------------------------------------------------------------------*/

IMG
{
  border   : 1px solid black;  
}

#top-photos
{
  margin-bottom : 1em;
}

#top-photos IMG
{
  border       : 1px solid black;
  margin-right : 10px;
}

/*------------------------------------------------------------------------*/
/* Course Info Table                                                      */
/*------------------------------------------------------------------------*/

#course-info-table TH
{
  text-align     : right;
  vertical-align : text-top;
}

#course-info-table TD
{
  text-align     : left;
  vertical-align : text-top;
  padding-left   : 10px;
  padding-bottom : 1em;
}

/*------------------------------------------------------------------------*/
/* Course Staff Table                                                      */
/*------------------------------------------------------------------------*/

.staff-photo
{
  padding-bottom : 1ex;
  vertical-align : top;
}

.staff-description
{
  vertical-align : text-top;
  padding-left   : 10px;
  padding-bottom : 1ex;
}

.staff-description H3
{
  margin        : 0px; 
  margin-bottom : 0.5em;
  padding       : 0;
}

/*------------------------------------------------------------------------*/
/* Schedule Formatting                                                    */
/*------------------------------------------------------------------------*/

#schedule-table 
{
  border-collapse:collapse;
  margin : 1px;
}

#schedule-table TD
{
  width  : 25ex;
  height : 20ex;

  border           : 1px solid black;
  text-align       : center;
  vertical-align   : top;
  padding          : 1em;
  padding-top      : 2ex;
  background-color : #FFFFCC;
}

#schedule-table B.red
{
  display    : block;
  margin-top : 1ex;
  color      : red;
}

#schedule-table TD.holiday
{  
  width  : 25ex;
  height : 20ex;

  border           : 1px solid black;
  text-align       : center;
  vertical-align   : top;
  padding          : 1em;
  padding-top      : 2ex;
  background-color : #FFCCAA;
}

/*------------------------------------------------------------------------*/
/* Printing                                                               */
/*------------------------------------------------------------------------*/

@media print 
{
  BODY  
  { 
    position    : static; 
    font-family : serif;
  }
  
  #content 
  { 
    position : static; 
    margin   : 1ex 1ex 1ex 1ex; 
  }

  #main-title 
  { 
    position : static; 
  }

  #menu 
  { 
    display      : none; 
    margin-left  : 1ex; 
    margin-right : 1ex 
  }

}