body { 
  font-size: 120%; /* avoids an IE font size bug */
  margin: 1em; /* = #navigation top margin */
  margin-left: 10em; /* = #navigation width + 2* #navigation margin */
  background: black;
  color: white;
}

a {
  color: red;
}

h1, h2, h3 {  
  background: #eade9f; 
  color: red;
  padding-left: 0.5em;
}
h1, h2 {  
  font-weight: bold;
}
h3, h4 {  
  font-weight: normal;
}
h1 {
  margin-top: 0; /* so an initial h1 lines up with #navigation */
  font-size: 130%;
}
h2 {
  font-size: 120%;
}
h3 {
  font-size: 110%;
}
h4 {
  font-size: 100%;
}

table {
 font-size: 120%;
 border-collapse: collapse;
}

th, td {
  vertical-align: top;
  border: 1px solid #eade9f;
  padding: 0.2em 0.5em;
}

tr.space th, tr.space td {
  border: none;
}

th p, td p {
    margin-top: 0.2em;
}

img {
  float: right;
  margin: 0 0 1em 1em;
}

.imgWrapper img { 
  float: none;
  margin: 0;
}
 
.imgWrapper {
  float: right;
  padding: 0 0 1em 1em;
  background: black; /* this, combined with padding, covers up the
                        full-width background of headings beside images.
                        Padding on the image itself works only in Mozilla */
}

#navigation {
  width: 8em;
  margin: 1em;
  position: fixed;
  left: 0;
  top: 0;
  padding: 0;
  background: #eade9f; 
}

#navigation * {
  margin: 0;
  padding: 0;
}

#navigation li {
  list-style: none;
  border: 1px solid #eade9f; /* avoids vertical spacing bug in IE */
}

#navigation li a {
  border: 1px solid #eade9f; /* for consistent alignment with bordered elements */
  display: block;
  padding: 0.3em 1em;
  text-decoration: none;
}

#navigation ul li a.current {
  /* "inset" looks nasty in IE, so manually set colours */
  border: 1px solid black; 
  border-bottom: 1px solid #b2b2b2;
  border-right: 1px solid #b2b2b2;
}
/* this overrides the a.current style */
#navigation ul:hover li a {
  border: 1px solid #eade9f;
}
/* this overrides the ul:hover style */
#navigation ul li a:hover {
  border: 1px solid black;
  border-top: 1px solid #b2b2b2;
  border-left: 1px solid #b2b2b2;
  text-decoration: underline;
}