body {
    /* Full size background image code from: https://www.w3schools.com/css/css3_backgrounds.asp
    
    Image for background from my own work.
    */
    background-image: url(IMG_5983.JPG);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    
    color:black;
    
    
    
}

#page2 {
    /* Rounded corners from - https://www.w3schools.com/css/css3_borders.asp */
    border-radius: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 1500px;
    height:1375px;
    border: 5px;
    padding:20px;
    background-color:blanchedalmond;
    border-style: solid;
    border-width: 1px;
}




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

#top {
    margin-top: 5px;
    width:1498px;
    height:50px;
    border-style: solid;
    border-width: 1px;
    background-color:burlywood;
    margin-bottom: 20px;
    
}

#left {
    background-color:floralwhite;
    height:857px;
    float:left;
    margin-right: 10px;
    width:200px;
    border-style: solid;
    border-width: 1px;
    
}

#text{
    
    margin: 10px;
    
}






/* Code for removing browser defaults, dropdown and 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-family: "Arial";
    font-size:20px;
}

li {
    float:left;
}

li a, .dropbtn {
    width:180px;
    display:inline-block;
    text-align: center;
    padding:12.5px 10px;
    text-decoration: none;
    color:black;
    
}

li.dropdown {
    display: inline-block;
}

li:hover {
    background-color:darkgrey;
    
}

    
.dropdown:hover .dropdown-content {
    display: block;
}



.dropdown-content {
    
    display:none;
    position: absolute;
    min-width: 160px;
    z-index: 1;   
    
}

.dropdown-content a {
    background-color:burlywood;
    padding: 13.5px 10px;
    text-decoration: none;
    display: block;
    text-align: left;
    
}

.dropdown-content a:hover {background-color:darkgray}