body {
    color: rgb(0, 0, 0);
    background-color: rgb(255, 247, 231);
    background-image: url(http://www.oberlin.edu/math/images/bground3.gif);
    font-family: sans-serif;
width:100%
}

/* for full width footer */
body { margin: 0; }
div#header, div#menu, div#restofit, div#puzzle { margin: 5px; }

h1, h2, h3, h4, h5, h6 {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

h1, h2, h3, h4, h5, h6,
  :link,
  :visited { color: #990033 }
  :active { color: #FF0050 }


  /* left side menu */
div#menu {
    background-color: #990033;
    font-weight: bold;
    
    width: 140px;
    float: left;
    border: 10px solid #990033;
    margin: 0;

  }

  #menu ul {
      padding: 0;
      margin: 0 ;
      text-align: center;
list-style-type: none;
  }

  div#menu li {
font-size: 125%;
    text-align: center;
    display: block;
	margin: 10px

  }

  div#menu li a { 
/*      display: block; */
      color: rgb(255,247,231);
      padding: 5px;
      text-decoration: none;
  }

  div#menu li a:hover {
      color: #990033;
      background-color: rgb(255,247,231);
  }



  div#restofit {
      margin-left: 12em;
/* text-align: center; */

  }

  div#contact {
      margin: 0 auto;
      text-align: center;
  }

  .clear { clear: both; }
  .normsize, div#contact .normsize { font-size: 100%; }
  .center {text-align: center;}
  #photo { 
      /*
      float: left;
       */
    padding-left: 1em;
    padding-right: 1em;
  }
  #contact a, #contact a img  { border: none; }
  #contact p {font-size: 120%; }
  #contact table { margin: 0 auto}


  #schedule th {
      background-color: #990033;
      color: rgb(255,247,231);
      font-weight: bold;
      font-size: 125%;
      padding: 5px;
  }

  #schedule td {
      font-size: 100%;
      font-weight: bold;
      padding: 5px;
  }
  #schedule td, #schedule th, #schedule tr, #schedule table {
      border: thin solid black;
      border-collapse: collapse;
  }
  #schedule table { border-width: thin}
  #schedule table { margin: 3em auto; }

  #puzzle {
     /* clear: left;
      
      margin-left: -9.2em;
      */
  }
  #puzzle table {
      margin: 0 auto;
  }
  #puzzle img {
      border: none;
  /*    width: 175px;  */
	width: 100%;
  }
  #puzzle td {
      max-width: 250px;

  }
  #puzzle table, #puzzle td {
      border: thick #990033 solid;
      border-collapse: collapse;
  }

  #footer {
      text-align: center;
      background-color: #990033;
      border: thin solid #990033;
      color: rgb(255,247,231);
      font-weight: bold;
      font-size: large;
      border: thin solid #990033;
      width: 100%;
	display: none;
  }

  #footer ul { 
      margin: 0.5em auto; 
  }

  div#footer li a { 
      color: rgb(255,247,231);
    padding: 0.5em;
    text-decoration: none;
  }

  div#footer li a:hover {
      color: #990033;
      background-color: rgb(255,247,231);
  }

  #footer li {
      text-align: center;
      display: inline;
  }

#faux {
	background-image: url(faux.jpg);
	background-repeat: repeat-y;
}