table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
    color: white;
    background-color: #525252;
  }
  
  td, th {
    border: 1px solid #000000;
    text-align: left;
    padding: 8px;
  }
  
  #S {
      background-color: #ff9999;
      color: #000000;
      width: 140px;
      text-align: center;
  }
  #A {
      background-color: #ffd999;
      color: #000000;
      width: 140px;
      text-align: center;
  }
  #B {
      background-color: #fff099;
      color: #000000;
      width: 140px;
      text-align: center;
  }
  #C {
      background-color: #fdff99;
      color: #000000;
      width: 140px;
      text-align: center;
  }
  #D {
      background-color: #d8ff99;
      color: #000000;
      width: 140px;
      text-align: center;
  }
  #F {
      background-color: #a2ff99;
      color: #000000;
      width: 140px;
      text-align: center;
  }
  
  tr:nth-child(even) {
    background-color: #363636;
  }
  
  
#pages{
    text-align: center;
    color: green;
    background-color: transparent;
    text-decoration: none;
}

#pages a:link{
    
}
.linked{
    color: white;
}

  
  
  #Francisco_Chang {
      color: white;
  }

/*****************Pages*****************/
.pages ul{
    list-style-type: none;
    background-color: #b2ff7f;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}
.pages a{
    color: #bb80ff;
    text-decoration: none;
    padding: 15px;
    display: block;
    text-align: center;
}
.pages a:hover{
    background-color: #dcc1fc;
}
.pages li{
    float: left;
}
/*****************Pages*****************/