@media screen, print
{
  /* styles for both screen and print go here */

  body
  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  }

  hr
  {
    clear: both;
  }

  h1
  {
    text-align: center;
  }

  li
  {
    margin-bottom: 5px;
  }

  .small
  {
    font-size: 0.8em;
  }

  .reallysmall
  {
    font-size: 0.5em;
  }

  #RightContent
  {
    padding-left: 10px;
  }

  #MainContent
  {
    padding: 10px;
  }

  #Footer
  {
    padding-top: 10px;
    font-size: 0.9em;
  }

}

@media screen
{
  /* styles unique to screen go here (i.e. colors)*/

  body
  {
    background-color: white;
  }

  a, a:visited
  {
    color: White;
  }

  a:hover, a:active
  {
    background-color: Yellow;
    color: Navy;
  }

  h1
  {
    color: #CC0000;
  }
  
  .noscript
  {
    color:Black;
    background-color:White;
  }

  #Header
  {
    color: Blue;
  }

  #LeftNav
  {
    color: White;
  }

  #RightContent
  {
    color: White;
  }

  #MainContent
  {
    background-color: #99CCFF;
    color: Black;
  }

  #MainContent a, #MainContent a:visited, #MainContent a:active, #MainContent a:hover
  {
    color: Navy;
  }

  #MainContent a:hover
  {
    background-color: Yellow;
    color: Navy;
  }

  #Footer
  {
    color: White;
  }

}

@media print
{
  /* styles unique to print go here */

  body
  {
    background-color: White;
    color: Black;
  }

  a, a:visited
  {
    color: Black;
  }

  a:hover, a:active
  {
    background-color: White;
    color: Black;
  }

  h1
  {
    color: Black;
  }

  #Header
  {
    color: Black;
  }

  #LeftNav
  {
  }

  #RightContent
  {
  }

  #MainContent
  {
    background-color: White;
    color: Black;
  }

  #MainContent a, #MainContent a:visited, #MainContent a:active, #MainContent a:hover
  {
    color: Black;
  }

  #MainContent a:hover
  {
    background-color: White;
    color: Black;
  }

  #Footer
  {
  }
}