td a,
li a,
p a {
  color: #34589d;
}

td a:hover,
li a:hover,
p a:hover {
  color: black
}

body
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: #000000;
  background-color: #ffffff;
  padding: 1em 2em;
}

p {
  text-align: justify;
}

h1 {
  font-size: 180%;
  font-weight: bold;
  color: #003366;
  text-decoration: none
}

h2 {
  font-size: 140%;
  font-weight: bold;
  color: #003366;
  text-decoration: none
}

h3 {
  font-size: 120%;
  font-weight: bold;
  color: #003366;
  text-decoration: none
}

h4 {
  font-size: 100%;
  font-weight: bold;
  color: #003366;
  text-decoration: none
}

table.modhead {
  border-style: none;
  border-width: 2px;
  border-color: #003366;
  margin: 4em auto;
  width: 45em;
  background-color: black;
}

th.modhead {
  font-size: 110%;
  font-weight: normal;
  text-align: center;
}

thead th.modhead {
  background-color: #003366;
  color: white;
  font-weight: normal;
  padding: 1em;
}

tbody th.modhead {
  background-color: #34589d;
  color: white;
  padding: 1em;
}

th a {
  color: white;
}

th a:hover {
  color: white;
}

td.modhead {
  font-size: 100%;
  text-align: left;
  padding: .2em 1em;
  background-color: white;
}

td.modhead-num {
  font-size: 100%;
  text-align: right;
  padding: .5em 1em;
  background-color: white;
}

#grade-conv {
  border-style: none;
  border-width: 2px;
  border-color: #003366;
  margin: 4em auto;
  width: 45em;
  background-color: black;
}

#grade-conv th {
  font-size: 110%;
  font-weight: normal;
  text-align: center;
  background-color: #003366;
  color: red;
  padding: 1em;
}

#grade-conv tbody th {
  background-color: #34589d;
  color: white;
  padding: 1em;
}

#grade-conv th a {
  color: white;
}

#grade-conv th a:hover {
  color: white;
}

#grade-conv td {
  font-size: 100%;
  text-align: left;
  padding: .2em 1em;
  background-color: white;
}

#grade-conv td.numm {
  font-size: 100%;
  text-align: right;
  padding: .5em 1em;
  background-color: white;
}

.grade {
  font-weight: bold;
}




#content {
  float:right;
  background-color:#ddd;
  width:70%;
  height:100%;
}


div#navbar2 {
    height: 30px;
    width: 100%;
    border-top: solid #000 1px;
    border-bottom: solid #000 1px;
    background-color: #336699;
}

div#navbar2 ul {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    color: #FFF;
    line-height: 30px;
    white-space: nowrap;
}

div#navbar2 li {
    list-style-type: none;
    display: inline;
}
div#navbar2 li a {
    text-decoration: none;
    padding: 7px 10px;
    color: #FFF;
}
div#navbar2 lia:link {
    color: #FFF:
}
div#navbar2 lia:visited {
    color: #CCC;
}
div#navbar2 lia:hover {
    font-weight: bold;
    color: #FFF;
    background-color: #3366FF;
}