#gradeBar {
}

#grades {
  list-style-type:none;
  margin:0;
  padding:0;
}

#grades li {
  border-color:#FFFFFF;
  border-style:solid;
  border-width:1px 0 1px 1px;
  float:left;
  list-style-type:none;
  margin:0;
  padding:0;
  text-align:center;
  width:60px;
}

#grades a {
  background-color:#778899;
  color:#FFFFFF;
  cursor:pointer;
  display:block;
  padding:0.1em 0;
  text-decoration:none;
  width:60px;
}

#specialsBar {
}

#specials {
  list-style-type:none;
  margin:0;
  padding:0;
}

#specials li {
  border-color:#FFFFFF;
  border-style:solid;
  border-width:1px 0 1px 1px;
  float:left;
  list-style-type:none;
  margin:0;
  padding:0;
  text-align:center;
  width:100px;
}

#specials a {
  background-color:#6699CC;
  color:#FFFFFF;
  cursor:pointer;
  display:block;
  padding:0.1em 0;
  text-decoration:none;
  width:100px;
}

#schoolBar ul {
  list-style-type:none;
  margin:0 0 0.2em 0;
  padding:0.1em 0px 0.1em 2px;
}

#schoolBar li {
  padding:0.3em 0 0.4em 0;
}

.tdHead { color: white; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.vHead { color: white; font-weight: bold; font-size: 16px; font-family: Times,Times-Roman }
.vBody { font-size: 14px; font-family: Times, Times-Roman }
.vBody P { margin:0; padding:4px; }
.menuFooter { padding:0 0 0 4px; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

#grades a:hover {background-color:#556677;}
#specials a:hover {background-color:#336699;}

.subhead { color: black; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.body { color: black; font-weight: normal; font-size: 13px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.bodysmall { color: black; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.postDate{ color:#777777; font-weight: normal; font-size: 13px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }