h1   {color: #05627F;}
h2   {color: #05627F;}
h3   {color: #05627F;}
p.list {margin: 10px;color: #2E2E2E;font-weight: bold;}
img  {width:100%;}
body {font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 12px;line-height: 1.3;max-width:90%;margin:0;margin-left: 30px;}
ul {list-style-type: square;}
td.table   {color: #2E2E2E;}
.centre {
    margin-left: auto;
    margin-right: auto;
    display: block
}
figure {
display: table-cell;
padding: 0 4px;
text-align: center
}
ul.reading {
	position: relative;
	list-style: none;
	margin-left: 0;
	padding-left: 1.2em;
}
ul.reading li:before {
	content: "❗";
	font-weight: bold;
	position: absolute;
	left: 0;
	color: #f00;
}
ul.menu {
    <!--position: fixed;-->
    list-style-type: none;
    list-style: none;
    margin: 0;
    margin-left: -30px;
    left: 0;
    top: 0;
    right: 0;
    padding: 0;
    overflow: hidden;
    background-color: #E6E6E6;
    font-size: 130%;
}

ul.menu li {
    float: left;
}

ul.menu li a {
    display: inline-block;
    color: #6E6E6E;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

ul.menu li a:hover {
    color: #424242;
    background-color: #D8D8D8;
}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.menu li.icon {display: none;}


 /* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:680px) {
  ul.menu li:not(:first-child) {display: none;}
  ul.menu li.icon {
    float: right;
    display: inline-block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:680px) {
  ul.menu.responsive {position: relative;}
  ul.menu.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.menu.responsive li {
    float: none;
    display: inline;
  }
  ul.menu.responsive li a {
    display: block;
    text-align: left;
  }
}

a.menu:link {
    color: #6E6E6E;
    background-color: #E6E6E6;
    text-decoration: none;
    font-size: 130%;
    padding: 10px;
}
a.menu:visited {
    color: #6E6E6E;
    background-color: #E6E6E6;
    text-decoration: none;
}
a.menu:hover {
    color: #424242;
    background-color: #D8D8D8;
    text-decoration: none;
}
a.menu:active {
    color: #424242;
    background-color: #D8D8D8;
    text-decoration: none;
}

a:link {
    color: #424242;
    background-color: transparent;
    text-decoration: none;
    font-size: 100%;
    <!--padding: 10px;-->
}
a:visited {
    color: #424242;
    background-color: transparent;
    text-decoration: none;
}
a:hover {
    color: #6E6E6E;
    background-color: transparent;
    text-decoration: none;
}
a:active {
    color: #6E6E6E;
    background-color: transparent;
    text-decoration: none;
}

a.pub:link {
    color: #05627F;
    background-color: transparent;
    text-decoration: none;
    font-size: 100%;
    <!--padding: 10px;-->
}
a.pub:visited {
    color: #05627F;
    background-color: transparent;
    text-decoration: none;
}
a.pub:hover {
    color: #6E6E6E;
    background-color: transparent;
    text-decoration: none;
}
a.pub:active {
    color: #6E6E6E;
    background-color: transparent;
    text-decoration: none;
}

#videoal video
{
  margin: 0px 40px 0px 40px;
  float: left;
 }
 #videoal
 {
  margin: 0px 40px 20px 40px; /*TRBL*/
  width: 300px;
  }

table.grade {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    float: center;
    margin: 2px auto 10px auto;
}

td.grade, th.grade {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 3px;
}

th.grade {
    background-color: #078fb8;
}


table.schedule {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td.schedule, th.schedule {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

tr.schedule:nth-child(even) {
    background-color: #dddddd;
}