* {
  border-collapse: collapse;
  border-spacing: 0px;
  border-width: 0px;
  margin: 0px;
  padding: 0px;
}
body {
  background-color: #fff;
  color: #000;
  /* text-align: center; */
  text-align: left;
}

td, span, p, a, h1, li {
  font-family: verdana, sans-serif;
  font-size: 8pt;
}

img {display: block;}

a, a:hover {
  background-color: transparent;
  color: #f03;
}
a {text-decoration: none;}
a:hover {text-decoration: underline;}

/* page headings */
h1 {
  font-weight: bold;
  font-size: 9pt;
}
h1 a, h1 a:hover {font-size: 9pt;}
h1 span {
  background-color: #fff;
  color: #000;
  font-size: 9pt;
}

/* lists */
div.listHeading span {font-weight: bold;}
ul, ol {margin: 0px 0px 15px 15px;}
ul li, ol li {margin-left: 15px;}

/* common paragraph spacing */
p {padding: 5px 0px;}

/* page layout */
div.layout,
div#menu,
div#content { /* IE Sucks, I wanted to us 'body > div' */
  /* margin-left: auto; */
  margin-left: 0px;
  margin-right: auto;
  width: 800px;
}

/* top image menu */
div#menu {height: 23px;}

/* page contents */
div#content {
  background-color: #fff;
  color: #000;
  text-align: left;
  vertical-align: top;
}

div#content div#leftMenu {
  background-color: #000;
  color: #fff;
  float: left;
  width: 133px;
}
div#content div#leftMenu table {
  margin: 25px 3px 15px 5px;
  width: 125px;
}
div#content div#leftMenu table a {
  background-color: #000;
  color: #fff;
  text-decoration: none;
}
div#content div#leftMenu table a:hover {
  background-color: #000;
  color: #f00;
  text-decoration: none;
}
div#content div#leftMenu p {
  background-color: #000;
  color: #fff;
  padding: 15px 5px 5px 5px;
  text-align: center;
  width: 122px;
}
div#content div#copy {
  float: right;
  padding: 15px;
  width: 637px;
}

/* generice, but it gets the job done */
.bold {font-weight: bold;}

/* captions for images */
div.figCaption span {font-size: 8pt; font-style: italic;}

span.errMsg {
  background-color: #fff;
  color: #f03;
}