html, body {
  margin: 0;
  border: none;
  padding: 0;
  font-family: "Gill Sans";
}

html, div#preamble {
  color: #AAA;
  background-color: #333;
}
#intro, #linkList {
  color: white;
  background-color: black;
}

h1, h2, h3, p, table, #footer, #lselect ul, #lfavorites ul {
  margin: 0.9em 0.5em;
  padding: 0;
}
p:first-line {
  font-weight: bolder;
}
h1, h2, h3 {
  text-align: center;
}

:link, :visited { color: inherit; background-color: inherit; }
:link { text-decoration: underline; font-weight: bolder; }
:visited { text-decoration: underline; }

:link:hover, :visited:hover { color: black; background-color: white; text-decoration: underline; }



#intro    { display: table; }
#preamble { display: table-cell; }

#intro > * { padding-left: 0.5em; padding-right: 0.5em; }
#preamble {
  border-left: 1px solid white;
}
#supportingText, #linkList {
  border-top: 1px solid white;
}
#linkList {
  border-left: 1px solid white;
}


#supportingText, #linkList {
  display: table-cell;
}

#lselect ul, #lfavorites ul {
  display: table;
  width: 100%;
  white-space: nowrap;
}
#lselect li, #lfavorites li {
  display: table-row;
  margin: 0;
  padding: 0;
}
#lselect a, #lfavorites a {
  display: table-cell;
  padding: 0.15em;
}

img { display: none; } /* that web bug causes an ugly gap */