body {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 5mm;
  background-color: #EEEEEE;
  color: #444444;
}

h1 {
  font-size: 4mm;
  font-variant: small-caps;
  position: relative;
  top: 2mm;
  left: 10%;
  width: 50%;
  display: block;
}

#poetry {
  position: relative;
  top: 0.5cm;
  left: 20%;
  width: 50%;
}

#line4 {
  font-style: italic;
}

/* Some of the below is from http://css.maxdesign.com.au/floatutorial/tutorial0613.htm */

ul#menu {
  padding: 0;
  margin: 0;
  list-style-type: none;
  float: left;
  width: 98%;
  color: #fff;
  background-color: #036;
  /* Issues in IE (ggogle it): position: fixed; */
  position: absolute;
  bottom: 1cm;
}

ul#menu li {
  display: inline;
}

ul#menu li a {
  float: left;
  width: 5em;
  color: #fff;
  background-color: #036;
  padding: 0.2em 1em;
  text-decoration: none;
  border-right: 1px solid #fff;
  font-size: 3mm;
}

ul#menu li a:hover {
  background-color: #369;
  color: #fff;
}