li {
margin-bottom:6px; }

td {
text-align:center; }

div.blueroof {
  border-style: solid;
  border-color: white white blue white;
  border-width: 0em 3em 3em 3em;
  float:left; }

div.redroof {
  border-style: solid;
  border-color: white white red white;
  border-width: 0em 3em 3em 3em; }

div.yellowroof {
  border-style: solid;
  border-color: white white yellow white;
  border-width: 0em 3em 3em 3em; }

div.greenroof {
  border-style: solid;
  border-color: white white green white;
  border-width: 0em 3em 3em 3em; }

div.brownroof {
  border-style: solid;
  border-color: white white #804000 white;
  border-width: 0em 3em 3em 3em; }

div.lightroof {
  border-style: solid;
  border-color: white white #eeeeee white;
  border-width: 0em 3em 3em 3em; }