body {
    background-color:dimgrey;
    
}

#page {
    
    margin-left: auto;
    margin-right:auto;
    width:800px;
    height:750px;
    border:5px;
    padding:20px;
    background-color:whitesmoke;
    border-style:solid;
    border-width: 1px;
    margin-top:2px;
}

#page2 {
    
    margin-left: auto;
    margin-right:auto;
    width:800px;
    height: auto;
    border:5px;
    padding:20px;
    background-color:whitesmoke;
    border-style:solid;
    border-width: 1px;
    margin-top:2px;
}

#header {
    /* Rounded corners from - https://www.w3schools.com/css/css3_borders.asp */
    border-radius: 15px;
    text-align: center;
    font-size: 15pt;
    font-family: sans-serif;
    background-color:black;
    color:white;
    border-color: black;
    border-style:solid;
    border-width: 1px;
    
    
}

#top {
    
    margin-left: auto;
    margin-right: auto;
    width:840px;
    height:52px;
    margin-top:2px;
    border-style: solid;
    border-width: 1px;
    background-color:darkgoldenrod;   
}

#AboutSite {
    font-size: 20px;
}

#AboutSite2 {
    font-size: 16px;
    height: auto;
}


/* Code help for Navigation Bar from:
https://www.w3schools.com/css/css_dropdowns.asp
https://www.w3schools.com/css/css_navbar.asp
https://www.w3schools.com/css/tryit.asp?filename=trycss_dropdown_navbar
*/
ul {
    text-align:left;
    list-style:none;
    margin:0;
    padding:0;
    font-size:20px;
}

li {
    float:left;
}

li a {
    width:235px;
    display:inline-block;
    text-align: center;
    padding:9px 10px;
    text-decoration: none;
    color:black;
}


/* Table formatting information from https://www.w3schools.com/html/html_tables.asp */


table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}

th, td {
    padding:10px;
}

th {
    text-align:center;
    background:black;
    color:white;
}

img {
    width: 800px;
}