body {
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 5%;
  margin-bottom: 5%;
  font-family: sans-serif;
}

img {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 3px solid white;
}

H1 {
  clear: both;
  text-align: center;
  color: #b0d8e0; 	/* lightblue */
  background: #403880; /* darkslateblue */
}

H2 {
  clear: both;
  margin-left: -5%;
}

H3,H4,H5,H6,H7 {
  clear: both;
  margin-left: -2%;
}

span.highlight {
  color: #b0d8e0; 	/* lightblue */
}

div.float {
  clear: none;
  float: left;
  width: 14em;
  height: 14em;
  min-width: 14em;
  max-width: 14em;
  min-height: 14em;
  max-height: 14em;
  margin: 1em 1em 1em 1em;
  border: 3px solid white;
  text-align: center;
  vertical-align: middle;
}

td.import { background: #0094ff; }
td.single { background: #3064cf; }
td.multi { background: #60349f; }
td.soundtrack { background: #90046f; }

p.center {
  text-align: center;
}