html, body { margin: 0; padding: 0; background: #fff; }

body { color: #555; font-family: Arial, Helvetica, sans-serif; }

header{
  background-color: #002171;              
  background-image: url("sunset.jpg");
  background-repeat: no-repeat;
  background-position: right top;
  color: #fff;
  line-height: 400%;
  text-indent: 1em;
}
header h1{ margin: 0; font-family: Georgia, "Times New Roman", serif; }

/* Nav: light blue bar, bold, dark-blue links */
nav{
  background: #cbd6f1;
  font-weight: bold;
  padding: .45rem 1rem;
  margin: 0;
}
nav a{
  color: #002171;
  text-decoration: none;
  display: inline-block;
  margin-right: 1.25rem;
  padding: .15rem .25rem;
}

/* Remove tiny gap under the big banner image */
img{ display: block; }

/* Headings and content area */
h1, h2, h3{ font-family: Georgia, "Times New Roman", serif; }
h2{ color: #2e5ea8; margin: 1rem 1rem .5rem; }
main{ background: #fff; padding: 0 1rem 1.25rem; }

/* Bullets image, footer, class/id from the assignment */
ul{ list-style-image: url("marker.gif"); margin-left: 1.25rem; }
footer{
  font-size: 75%;
  font-style: italic;
  text-align: center;
  font-family: Georgia, "Times New Roman", serif;
  padding: 12px 0 18px;
}
.resort{ font-weight: bold; color: #2e5ea8; }
#contact{ font-size: 90%; }

dt{
  font-weight: bold;
  color: #002171;           /* same dark blue used elsewhere */
  margin-top: .5rem;
}

/* nice indent/spacing for the answers */
dd{
  margin: 0 0 .75rem 1.25rem;
}