body {
    background-color:beige;
    
}

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

/* Some of the following formatting for the login page gathered from:
    https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_login_form_modal
*/
input[type=text], input[type=password] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

button {
    
    background-color: bisque;
    color: black;
    font-size:13pt;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width:100%;
}

.container {
    padding: 16px;
    width:500px;
    margin-left:auto;
    margin-right:auto;
    font-size:20px;
}



.modal {
    display: none;
    position: fixed;
    z-index:1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color:bisque;
    padding-top:60px;
}






/* End primary help from w3schools link above */


#display {
    width: 800px;
    margin-bottom:40px;
    margin-top:40px;
    margin-left:auto;
    margin-right:auto;
    
}

#upload {
    width: 600px;
    margin-left:auto;
    margin-right:auto;
    font-size:20px;
    text-align:center;
}


#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:deepskyblue;
    color:white;
    border-color: black;
    border-style:solid;
    border-width: 1px;
    color:black;
    width:1000px;
    margin-left:auto;
    margin-right:auto;
    
}

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

#intro {
    font-size: 20px;
    text-align:center;
}

#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:500px;
    margin-right:200px;
    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;
}