* { margin: 0; padding: 0; }

body {
  background-color: white;
  font-family: sans-serif;
  font-size: 0.85em;
  /* I have reduced the font-size globally.
     Shouldn't really need to do this but
     the standard fontsize is freaking
     massive. */
  background-image: url('images/wavyBg.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  margin-bottom: 1em;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Arial;
  font-weight: bold;
  font-style: italic;
  letter-spacing: 0.1em;
  padding-bottom: 0.5em;
}
h1 { 
  margin-left: 155px;
  padding: 0;
  padding-bottom: 0.2em;
  margin-bottom: 0.5em;
  margin-right: 2%;
  border-bottom: solid black 1px;
}
h2 {
background-image: url('images/horizontalWisp.png');
background-position: top left;
font-family: arial;
}
li {
  margin-left: 1em;
}
p, ul, ol, dl {
  padding-bottom: 0.5em;
}
table {
  margin-bottom: 0.5em;
}
ol {
  margin-left: 0.5em;
}
table {
  border: solid black 1px;
  border-collapse: collapse;
}
td, th {
  border: solid black 1px;
  text-align: center;
  padding: 0.25em;
}
th {
  background-color: lightblue;
  border: solid black 1px;
  border-bottom: solid black 2px;
}
dt {
  text-decoration: underline;
}
dd {
  margin-left: 1em;
}

/* Menu Hover Transitions */
#menu:hover { max-height: 100%; }
#menu {max-height: 10px; overflow: hidden;}
#menu:hover + h1 + #content { margin-left: 155px; }
#menu + h1 + #content { margin-left: 2%; }

#menu {
  opacity: 0.5;
  /* 137 + 5 + 3 + 2 + 3 + 5 = 155 */
  width: 137px;
  margin: 5px /* For menu header */
          3px 0px 3px;
  padding: 0px 4px;
  float: left;
  font-size: 0.85em;
  background-image: url('images/navSides.png');
  background-color: #AACCFF;
  background-repeat: repeat-y;
}
#menu:before {
  background-color: white;
  height: 15px;
  width: 145px;
  margin-left: -4px;
  display: block;
  content: url('images/navHeader.png');
}
#menu:after {
  height: 3px;
  width: 145px;
  margin-left: -4px;
  margin-top: 3px;
  display: block;
  background-image: url('images/navBottom.png');
  content: '';
}

#menu ul {
padding: 0;
}
#menu li {
  list-style-image: url('images/hollowNavBullet.png');
  margin-left: 1.5em;
}
#menu > ul > li {
  margin-left: 0;
}
#menu li:hover {
  list-style-image: url('images/filledNavBullet.png');
}

#content {
  margin-left: 155px;
  margin-right: 2%;
}

/* Forms */
.centeredForm {
  text-align: center;
  border: dashed black 1px;
  padding-top: 0.5em;
}
.centeredForm label { font-weight: bold; }

/* Sections table */
.sections { table-layout: fixed;
width: 100%; }
.sections td { width: 20%;
border: solid black 1px;
background-color: #BBBBBB;
}
.sections a { color: white; }