body
{
  font: 10pt Arial, sans-serif;
  color: black;
  background-color: white;
}

h1
{
  text-align: center;
  font-size: 18pt
}

#content
{
  position: absolute;
  left: 190px;
  max-width: 700px;
}

#footer
{
  text-align: center;
  font-size: 10pt
}

#menu 
{
  position:fixed;
  top:0;
  left:0;
  width:170px;
  padding:10px;
  color: white; 
  background-color:#99c;
  line-height:17px;
  text-align: center;

  /* Old IE hack. */
  voice-family: "\"}\"";
  voice-family:inherit;
  width:150px;
}

#logo
{
  border: 1px solid black;
}

#section-list
{ 
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  line-height:17px;
}

#section-list li
{
  padding-bottom: 15px;
}

#menu a
{
  color: white;
  font-size:12pt;
  font-weight: bold;
}
#menu a:visited { color:white; }

/* Again, "be nice to Opera 5". */
body>#menu {width:150px;}


.announcement
{
  background-color: #eef;
  margin-left: 50px;
  padding: 10px;
  border-style: dashed; 
}

.date
{
  font-weight: bold;
}

.old-announcement
{
  background-color: #eef;
  margin-left: 50px;
  padding: 10px;
}
/*  General Info Styles */

#classinfo
{
  margin-left: 50px;
  padding: 20px;
}

#classinfo td { border-bottom: 20px solid white; }

#classinfo .type
{
  vertical-align: top;
  padding: 4px;
  font-size: 12pt;
  white-space: nowrap;
}

#classinfo .info
{
  padding: 10px;
  background-color: #eef;
}

.gradeinfo
{
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

.gradeinfo dt
{
  float: left;
}