body {
  color: #000;
  background-color: #fff;
}

img { border: 0; }

caption{
  color: #600;
  text-align: left;
}

dt,
h1,
h2,
h3,
h4,
table,
td,
div,
li,
span,
a {
  border-style: solid;
  border-color: #000;
  border-width: 0;
}

td,
th {
  padding: 0;
  vertical-align: top;
}

a { color: #600; }
a:hover { color: #f00; }
a:visited { color: #666; }

a.defRef:link,
a.defRef:visited {
  color: #300;
  text-decoration: none;
  border-bottom: 1px dashed #633;
}
a.defRef:hover { text-decoration: none; }

h1,
h2,
h3,
h4 { font-weight: bold; }

li a,
dt a,
h1 a,
h2 a,
h3 a,
h4 a { text-decoration: none; }

li a:hover,
dt a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
  color: #f00;
  text-decoration: underline;
}

h1,
h1 a,
h1 a:visited { color: #a00; }

h2,
h2 a,
h2 a:visited { color: #960; }

h3,
h3 a,
h3 a:visited { color: #700; }

h4,
h4 a,
h4 a:visited { color: #030; }

/*#page { width: 763px; }*/

#header {
  color: #fff;
  background-color: #900;
}

#header .widget { display: none; }

.navBar,
.navBar2 { text-align: center; }

.navBar a,
.navBar2 a {
  text-decoration: none;
}

div.topLink { text-align: center; }

div.topLink a { text-decoration: none; }

div.topLink a:hover {
  color: #000;
  text-decoration: underline;
}

.hold { display: none; }

span.req { color: #c00; padding-left: 0.1em; }
span.nreq { visibility: hidden; }

  /* old browsers like Netscape 4 won't see this stuff */
@media all {

  body {
    background-color: #332;
    font-family: "times new roman", times, serif;
    text-align: center;
    margin: 0;
  }

  table { border-collapse: collapse; }

  p, li, caption, dt, dd {
    font-family: verdana, sans-serif;
    font-size: 75%;
  }
  li li { font-size: 100%; }

  p {
    margin: 0;
    margin-bottom: 0.75em;
    line-height: 150%;
  }

  div.quote {
    margin-left: 1.5em;
    margin-right: 1.5em;
  }

  p.indent,
  div.indent { margin-left: 1.5em; }

  img,
  table,
  form {
    margin: 0;
    padding: 0;
  }

  h1 {
    font-size: 125%;
    margin-top: 0;
    margin-bottom: 1em;
    border-bottom: solid 1px #900;
  }

  h2 {
    font-size: 100%;
    margin-top: 1.5em;
    margin-bottom: 1em;
  }

  h3 {
    font-size: 1em;
    margin-top: 1.5em;
    margin-bottom: 0.75em;
  }

  h4 {
    font-size: 1em;
    margin-top: 1.5em;
    margin-bottom: 0.75em;
  }

  h2.first,
  h3.first,
  h4.first { margin-top: 0; }

  li { list-style-image: url(../images/gui/diamond.gif); }

  dt { margin-bottom: 0.5em; }
  dd {
    line-height: 125%;
    margin-left: 1.5em;
    margin-bottom: 1.5em;
  }

  #page {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    width: 47.8em;
  }

  #header { position: relative; }

  .navBar,
  .navBar2 {
    font-family: verdana, sans-serif;
    font-size: 75%;
  }

  .navBar {
    color: #fff;
    background-color: #670000;
  }

  .navBar2 {
    color: #999;
    background-color: #333;
  }

  .navBar,
  .navBar2 {
    padding-top: 0em;
    padding-bottom: 0.25em;
  }

  #header div.widget {
    color: #fdd;
    font-weight: bold;
    position: absolute;
    right: 8px;
  }

  #header #faq { top: 8px; }
  #header #qpf { top: 40px; }

  #header .widget select {
    color: #000;
    background-color: #dcb;
  }

  #page {
    border-top:    solid 1px #666;
    border-left:   solid 1px #666;
    border-right:  solid 1px #000;
    border-bottom: solid 1px #000;
  }

  #header,
  #content,
  .navBar,
  .navBar2 {
    border-top:    solid 2px #000;
    border-left:   solid 1px #000;
    border-right:  solid 2px #666;
    border-bottom: solid 1px #666;
  }

  .navBar a,
  .navBar a:visited {	color: #fffee9; }

  .navBar a:hover {	color: #ff0; }

  .navBar2 a,
  .navBar2 a:visited {	color: #999; }
  .navBar2 a:hover {	color: #ddd; }

  .navBar .nbSep,
  .navBar2 .nbSep {
    font-weight: normal;
    padding-left: 0.25em;
    padding-right: 0.25em;
    visibility: visible;
  }

  .navBar .nbSep { color: #ccc; }
  .navBar2 .nbSep { color: #999; }

  /*#navBar2 { display: none; }*/

  #content {
    background-color: #fffcdd;
    background-image: url(../images/gui/bg.gif);
    padding: 2em;
    padding-top: 1em;
    padding-bottom: 1em;
  }

  table.layout2col { width: 100%; }

  table.layout2col td.leftCol { width: 80%; }

  table.layout2col td.leftCol { padding-right: 1em; }
  table.layout2col td.rightCol { padding-left: 1em; }

  img.pic {
    border: solid 2px #900;
    margin-bottom: 1em;
  }

  div.topLink {
    font-size: 0.75em;
    margin-top: 2em;
  }

  .hold { display: block; }

    /* pseudo caps and small caps */
  span.smallCaps {
    font-size: 75%;
    text-transform: uppercase;
  }

  /* -------------------------- drop-down menu stuff ------------------------ */

  .navBar .item { white-space: nowrap; }

  .navBar .item {
    text-align: center;
    position: relative;
    display: inline;
  }

  .navBar .menu {
    background-color: #432;
    text-align: left;
    border: solid 2px #765;
    padding: 0.5em;
    display: none;
    position: absolute;
    top: 1.5em;
    left: 0;
  }

  .navBar .menu div {
    padding-bottom: 0.2em;
    position: relative;
    display: block;
  }

  .navBar .menu a { display: block; }

  .navBar .over div.menu { display: block; }

  .navBar .menu a { display: block; }

  .navBar .over div.menu { display: block; }

  .hide { display: none; }

}

@media screen {

  body { margin-bottom: 34em; }

  a { text-decoration: underline; }

  #header div.widget { display: block; }

}

@media print {

  h1,
  h1 a,
  h1 a:visited,
  h2,
  h2 a,
  h2 a:visited,
  h3,
  h3 a,
  h3 a:visited,
  h4,
  h4 a,
  h4 a:visited { color: #000; }

  a { text-decoration: none; }
  div.topLink { display: none; }

  .navBar,
  .navBar2 { display: none; }

}