body {
    font-family: "Times New Roman";
    font-size: 2em;
    background-color: dimgrey;
    padding: 3px;
}

img {
    border-radius: 8px;
}

#suther_top_image {
    background-color: black;
	background-image: url("./img/suther_webb.gif");
    background-repeat: no-repeat;
    background-position: left;

    padding: 70px;
/*    padding-left:  15px;
    padding-right: 15px;*/    
    border-radius: 0 0 10px 10px;
}

#link_table {
    table, td {
        border: 3px solid white;
        background-color: dimgrey;
        border-radius: 10px 10px 10px 10px;
    }
}


#myCanvas {
    height: 300px;
	width: 400px;
    background-color: green;
    color: white;
}

h1 {
    font: "Times New Roman", serif;
    /*border-bottom: 3px solid #cc9900;*/
    color: #996600;
    font-size: 1.8em;
	text-align: center;
}

h2 {
    font-family: "Times New Roman";
    font-size: 1em;
}

p {
    font-family: "Times New Roman";
    font-size: 0.5em;
}

p_footer {
    font-family: "Times New Roman";
    font-size: 0.7em;
}

/* Remove margins and padding from the list, and add a black background color */
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
	border-radius: 10px 10px 10px 10px;
}

/* Float the list items side by side */
ul.topnav li {float: left;}

/* Style the links inside the list items */
ul.topnav li a {
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
	font-family: 'Arial';
    font-size: 18px;
}

/* Change background color of links on hover */
ul.topnav li a:hover {background-color: #111;}

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

@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}

@media screen and (max-width:680px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}