/* The navigation menu */
.navbar {
    overflow: hidden;
    background-color: #006d77;
  }
  
  /* Navigation links */
  .navbar a {
    float: left;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
  
  /* The subnavigation menu */
  .subnav {
    float: left;
    overflow: hidden;
  }
  
  /* Subnav button */
  .subnav .subnavbtn {
    font-size: 16px;
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
  }
  
  /* Add a red background color to navigation links on hover */
  .navbar a:hover, .subnav:hover .subnavbtn {
    background-color: #ffddd2;
    color: black;
  }
  
  /* Style the subnav content - positioned absolute */
  .subnav-content {
    display: none;
    position: absolute;
    left: 0;
    background-color:#ffddd2;
    width: 100%;
    z-index: 1;
  }
  
  /* Style the subnav links */
  .subnav-content a {
    float: left;
    color:black;
    text-decoration: none;
  }
  
  /* Add a grey background color on hover */
  .subnav-content a:hover {
    background-color: #edf6f9;
    color: black;
  }
  
  /* When you move the mouse over the subnav container, open the subnav content */
 .appletcollections{

  padding-top: 1 in;
 }
  .subnav:hover .subnav-content {
    display: block;
  }
  .subnav-content a:active {
    color: #edf6f9;
    text-decoration: none;
  }
.wrapper{
  width: 100%;
  display: inline-block;
  background-color: #edf6f9;
  padding-top: 0px;
  padding-bottom: 0px;

}
.pic-me{
  width: 40%;
  height: 40%;
  top: 10%;
  padding: 50px 500px ;
}
p{
  padding: 0px 125px 3px;
  font-family: arial;
  font-size: 16px;
  color: #111;
  line-height: 24px;
}
/* This is the style code for applets and internet resources*/
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}
.wrapper a{
  color: #111;
}
.button {
  border:none;
  color:black;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  background-color: #ffddd2;
  border-radius: 12px;
}
.button:hover{
  background: #E29578;;
  color:black
}
iframe{

  padding-top: 0cm;
  padding-bottom: 0cm;
  padding-left: 5cm;
}
cite{
  width: 100%;
  display: inline-block;
  background-color: #edf6f9;
  padding-top: 7px;
  padding-bottom: 7px;
}