/*header and footer*/
#header {
  text-align:center;
  margin-bottom:25px;
}
#footer {
  text-align:center;
  background-color:rgb(30,30,30);
  color:white;
  width:100%;
  height:150px;
}
/* Table of Contents*/
ul{
    list-style-type:none;
    margin:0;
    padding:0;
    overflow:hidden;
    background-color:rgb(30,30,30);
}
li{
    float: right;
}

li a{
    display: block;
    color:white;
    text-align:center;
    padding:14px 16px;
    text-decoration: none;
}
li a:hover{
    background-color:rgb(0,0,0);
}
    /*header and footer*/
#header {
  text-align:center;
  margin-bottom:25px;
}
#footer {
  text-align:center;
  background-color:rgb(30,30,30);
  color:white;
  width:100%;
  height:150px;
}
/* Table of Contents*/
ul{
    list-style-type:none;
    margin:0;
    padding:0;
    overflow:hidden;
    background-color:rgb(30,30,30);
}
li{
    float: right;
}
li .toc{
    display: block;
    color:white;
    text-align:center;
    padding:14px 16px;
    text-decoration: none;
    font-style:normal;
    font-family:sans-serif;
}
li .toc:hover{
    background-color:rgb(0,0,0);
}
    body {
      background-color:rgb(240,240,240);
      font-family: serif;
    }
      .transbox {
        margin:30px;
        border-width:1px;
        margin-bottom: 125px; 
      }
      .active {
        font-weight:bold;
        background-color:rgb(0,0,0);
      }
      #footer {
        text-align:center;
        background-color:rgb(30,30,30);
        color:white;
        width:100%;
        height:150px;
        margin-top:250px;
        margin-bottom:0px;
        }
   .button a{
     background-color:rgb(30,30,30);
     color:white;
     border-style:solid;
     border-color:black;
     border-width:1px;
     text-decoration: none;
     width:100px;
     height:100px;
     padding:10px;
     margin:0;
   }
   .button a:hover {
     background-color:white;
     color:rgb(30,30,30);
   }