/*menu styling--code was based on (and then adjusted to fit my needs) the example code provided at https://www.dropbox.com/s/naxqp2qi8mu1nkl/samplecss.zip?dl=0 */
#menu ul {
  margin: 0 auto;
  padding: 0px 0px 0px 20px;
  border-bottom: 5px solid #404040;
}

/*styling for each menu item*/
#menu ul li {
  display: inline-block;
  position:relative;
  height:100%;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

/*menu text styling*/
#menu ul li a {
  display: block;
  /*width: auto;*/
  padding: 20px;
  color: rgb(0,0,0);
  text-decoration: none;
  text-align: center;
  font-size: 20px;
}

/*change styling when hovering over a menu item */
#menu ul li:hover{
  background-color: #0085b3;
}

#menu ul li:hover a {
  color: white;
}