body {
  background-color: #E0E0E0;
}

body, td {
  font-family: "Arial CE", Arial, Helvetica, sans-serif;
  font-size: small;
}

table, td {
  border: 3px ridge green;
  border-collapse: collapse;
  padding: 5px;
}

tt {
  font-size: large;
}

.normal {
  text-align: left;
  text-decoration: none;
  color: black;
}

.highlighted {
  text-decoration: none;
  color: green;
}

.question {
  background-color: #CCCCCC;
}

.icon {
  text-align: center;
}

#menu, #contentcolumn {
  padding: 10px;
  background-color: white;
  border: 3px ridge green;
}

#menu {
  width: 140px;
}

#icons {
  width: 160px;
  clear: left;
}

/* The CSS below is based on:
http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-21-fixed-fluid/
Their Usage Terms says:
    Users agree not to remove/ edit the credit notice within the
    CSS source code, or claim the code to be work of their own.
although I could not find any credit notice in the CSS source code. */

#topsection {
}

#contentwrapper {
  float: left;
  width: 100%;
}

#contentcolumn {
  margin-left: 170px; /* Set left margin to LeftColumnWidth */
}

#leftcolumn {
  float: left;
  width: 170px; /* Width of left column */
  margin-left: -100%;
}

#footer {
  clear: left;
  width: 100%;
}

.innertube {
  margin: 10px; /* Margins for inner DIV inside each column to provide padding */
  margin-top: 0;
}