/*
 * Several different body styles set the font and top graphic.
 */
BODY
  {
  FONT: 12px verdana, arial, sans-serif;
  COLOR: #FFCC99;
  BACKGROUND-COLOR: #000000;
  }
BODY.soda-straw
  {
  BACKGROUND-IMAGE: url("images/sstraw6.jpg");
  BACKGROUND-REPEAT: repeat-x;
  }
BODY.LAFCALENDAR_STYLE_body
  {
  BACKGROUND-IMAGE: url("images/sstraw6.jpg");
  BACKGROUND-REPEAT: repeat-x;
  }
BODY.rock-ceiling
  {
  BACKGROUND-IMAGE: url("images/rockbg2.gif");
  BACKGROUND-REPEAT: repeat-x;
  }
BODY.rock-wall
  {
  BACKGROUND-IMAGE: url("images/rockbg3.gif");
  BACKGROUND-COLOR: #000000;
  BACKGROUND-REPEAT: repeat;
  }
BODY.rock-teeth
  {
  BACKGROUND-IMAGE: url("images/rockbg.gif");
  BACKGROUND-REPEAT: repeat-x;
  }

/*
 * Tables, links and such
 */
TD
  {
  FONT: 12px verdana, arial, sans-serif;
  COLOR: #FFCC99;
  BACKGROUND-COLOR: #000000;
  VERTICAL-ALIGN: top;
  }
TD.centered
  {
  VERTICAL-ALIGN: middle;
  TEXT-ALIGN: center;
  }
TD.printable
  {
  FONT: 12px verdana, arial, sans-serif;
  COLOR: #000000;
  BACKGROUND-COLOR: #FFFFFF;
  VERTICAL-ALIGN: top;
  }
TD.left-nav-menu-header
  {
  BACKGROUND-COLOR: transparent;
  VERTICAL-ALIGN: bottom;
  PADDING-TOP: 10%;
  }
TD.left-nav-menu-item
  {
  BACKGROUND-COLOR: transparent;
  PADDING-LEFT: 15%;
  }

A
  {
  TEXT-DECORATION: none;
  }
A:link
  {
  COLOR: #EEDD99;
  }
A:visited
  {
  COLOR: #EEDD99;
  }
A:hover
  {
  COLOR: #000000;
  BACKGROUND-COLOR: #DDCC88;
  }
A:active
  {
  COLOR: #FFFFFF;
  }
IMG
  {
  BORDER: 0;
  }
UL
  {
  LIST-STYLE-TYPE: DISC;
  }

/*
 * Input fields and buttons in forms.
 */
INPUT
  {
  FONT: 12px verdana, arial, sans-serif;
  COLOR: #FFCC99;
  BACKGROUND-COLOR: #000000;

  BORDER-BOTTOM: #FFDDAA 1px solid;
  BORDER-LEFT: #FFDDAA 1px solid;
  BORDER-RIGHT: #FFDDAA 1px solid;
  BORDER-TOP: #FFDDAA 1px solid;
  PADDING-BOTTOM: 2px;
  PADDING-LEFT: 2px;
  PADDING-RIGHT: 2px;
  PADDING-TOP: 2px;
  }
INPUT.button
  {
  FONT: 12px verdana, arial, sans-serif;
  FONT-WEIGHT: bold;
  FONT-VARIANT: small-caps;
  COLOR: #000000;
  BACKGROUND-COLOR: #DDCC88;

  BORDER-BOTTOM: #BBAA66 2px solid;
  BORDER-LEFT: #FFEEAA 2px solid;
  BORDER-RIGHT: #BBAA66 2px solid;
  BORDER-TOP: #FFEEAA 2px solid;
  PADDING-BOTTOM: 2px;
  PADDING-LEFT: 2px;
  PADDING-RIGHT: 2px;
  PADDING-TOP: 2px;
  }
TEXTAREA
  {
  FONT: 12px verdana, arial, sans-serif;
  COLOR: #FFDDAA;
  BACKGROUND-COLOR: #000000;

  BORDER-BOTTOM: #FFDDAA 1px solid;
  BORDER-LEFT: #FFDDAA 1px solid;
  BORDER-RIGHT: #FFDDAA 1px solid;
  BORDER-TOP: #FFDDAA 1px solid;
  PADDING-BOTTOM: 2px;
  PADDING-LEFT: 2px;
  PADDING-RIGHT: 2px;
  PADDING-TOP: 2px;
  }
SELECT
  {
  FONT: 12px verdana, arial, sans-serif;
  COLOR: #FFDDAA;
  BACKGROUND-COLOR: #000000;

  BORDER-BOTTOM: #FFDDAA 1px solid;
  BORDER-LEFT: #FFDDAA 1px solid;
  BORDER-RIGHT: #FFDDAA 1px solid;
  BORDER-TOP: #FFDDAA 1px solid;
  PADDING-BOTTOM: 0px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 0px;
  }

/*
 * The "shadow" and "shadowed" stuff is for the drop-shadow links in the left nav.
 * The following code:
 *   <A HREF="..." CLASS="shadowed">FOO<FONT CLASS="shadow">FOO</FONT></A>
 * Will produce a link with a rollover-lighted drop shadow.  The anchor text and the
 * font text must be EXACTLY the same.  The "shadowed-header"/"shadow-header"
 * combination is also available (larger).
 *
 * The "unshadowed-header" and "unshadowed" styles produce the same link and font
 * styles as the above but are meant to be used without the embedded FONT tag (no
 * drop shadow).
 */
FONT.shadow-header
  {
  POSITION: absolute;
  LEFT: 1px;
  TOP: 0px;
  COLOR: #FFEEAA;
  WIDTH: 100%;
  }
FONT.shadow
  {
  POSITION: absolute;
  LEFT: 1px;
  TOP: 0px;
  COLOR: #EEDD99;
  WIDTH: 100%;
  }
A.shadowed-header
  {
  POSITION: relative;
  LEFT: 0px;
  TOP: 0px;
  COLOR: #000000;
  FONT-SIZE: 140%;
  FONT-WEIGHT: bold;
  DISPLAY: block;
  TEXT-ALIGN: left;

  PADDING-BOTTOM: 2px;
  PADDING-TOP: 2px;
  WIDTH: 100%;
  }
A.shadowed-header:active
  {
  COLOR: #000000;
  }
A.shadowed-header:visited
  {
  COLOR: #000000;
  }
A.shadowed-header:hover
  {
  COLOR: #DDCC88;
  BACKGROUND-COLOR: transparent;
  }
A.shadowed
  {
  POSITION: relative;
  LEFT: 0px;
  TOP: 0px;
  COLOR: #000000;
  FONT-SIZE: 120%;
  FONT-WEIGHT: bold;
  DISPLAY: block;
  TEXT-ALIGN: left;

  PADDING-BOTTOM: 2px;
  PADDING-TOP: 2px;
  WIDTH: 100%;
  }
A.shadowed:active
  {
  COLOR: #000000;
  }
A.shadowed:visited
  {
  COLOR: #000000;
  }
A.shadowed:hover
  {
  COLOR: #CCAA66;
  BACKGROUND-COLOR: transparent;
  }
A.unshadowed-header
  {
  COLOR: #FFEEAA;
  FONT-SIZE: 140%;
  FONT-WEIGHT: bold;
  }
A.unshadowed-header:active
  {
  COLOR: #FFEEAA;
  }
A.unshadowed-header:visited
  {
  COLOR: #FFEEAA;
  }
A.unshadowed-header:hover
  {
  COLOR: #DDCC88;
  }
A.unshadowed
  {
  COLOR: #EEDD99;
  FONT-SIZE: 120%;
  FONT-WEIGHT: bold;
  }
A.unshadowed:active
  {
  COLOR: #EEDD99;
  }
A.unshadowed:visited
  {
  COLOR: #EEDD99;
  }
A.unshadowed:hover
  {
  COLOR: #CCAA66;
  }
FONT.unshadowed-header
  {
  COLOR: #FFEEAA;
  FONT-SIZE: 140%;
  FONT-WEIGHT: bold;
  }
FONT.unshadowed
  {
  COLOR: #EEDD99;
  FONT-SIZE: 120%;
  FONT-WEIGHT: bold;
  }

/*
 * Section headers and such
 */
.section-header
  {
  FONT-SIZE: 175%;
  COLOR: #FFDDAA;
  FONT-WEIGHT: 500;
  FONT-VARIANT: small-caps;
  }
.subsection-header
  {
  FONT-SIZE: 120%;
  COLOR: #FFDDAA;
  FONT-WEIGHT: bold;
  FONT-VARIANT: small-caps;
  }
.comment
  {
  FONT-SIZE: 90%;
  FONT-STYLE: italic;
  }

/*
 * Article bylines
 */
.byline
  {
  FONT-SIZE: 90%;
  COLOR: #DDAA77;
  FONT-STYLE: italic;
  FONT-VARIANT: small-caps;
  }
A.inbyline
  {
  COLOR: #DDAA77;
  FONT-STYLE: italic;
  FONT-VARIANT: small-caps;
  }
A.inbyline:hover
  {
  COLOR: #000000;
  BACKGROUND-COLOR: #DDCC88;
  FONT-STYLE: italic;
  FONT-VARIANT: small-caps;
  }

/*
 * Credit lines
 */
.credit
  {
  FONT-SIZE: 80%;
  COLOR: #DDAA77;
  TEXT-ALIGN: right;
  }
A.incredit
  {
  COLOR: #DDAA77;
  TEXT-ALIGN: right;
  }
A.incredit:hover
  {
  COLOR: #000000;
  BACKGROUND-COLOR: #DDCC88;
  }