/* This is the css code for formatting the index page */

h1 {text-align: center;
font-family: Trebucket MS, sans-serif;
color: #800000;
font-size: 280%}

h2 {text-align: left;
font-family: Trebucket MS, sans-serif;
color: #800000;
font-size: 280%}

p.normal {
font-family: arial;
color: #800000;
text-align: center;
font-size: 110%}

p.table {
font-family: arial;
text-align: left;
font-size: 90%}

p.copyright {
font-family: times;
text-align: center;
font-size: 80%}

body {
background-color: #99ccff;
background-attachment:scroll}

td.top {padding-bottom: 2cm}	/*this is to ensure links are vertically aligned in td */
td.bottom {padding-bottom: 0cm} /* this is opposite of above */

a.list:link {color: #000000} /* this is to format the links for the list in the table */

a.footerEmail:link {color: #800000} /* this is to format the 1 link at the bottom of the index page */
a:link {color: #800000}
a:visited {color: #800000}
a:active {color: #cd853f}

address {
font-family: times;
text-align: center;
color: #800000;
margin-left: 16%;
margin-right: 16%}

div
{
overflow:visible;
}

.nav{ /* here and below is the latest .nav code */
    border:1px solid #800000;
    border-width:1px 0;
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
}
.nav li{
    display:inline-block;
    height: 50px;
    line-height: 45px;
    font-family: 'Arial';
    font-size: medium;
}
.nav a{
    display:inline-block;
    padding:2.5px;
}
.nav a:hover { /* hovering over horizontal menu */
  background-color: #6495ED;
<!li {
float: left;
}
li a {
  display: block;
  color: blue;
  text-align: center;
  padding: 10 px 10 px;
  text-decoration: none;
}
/* Change the link color to #111 (black) on hover */
li a:hover {
  background-color: #111;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 10;
  overflow: hidden;
  background-color: #99ccff;
  font-family: arial;
  font-size: 20px;
} 

* {
  box-sizing: border-box}
.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}





/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}