html {
  color: #000; }
  html a, html a:active, html a:visted, html a:hover {
    color: #000;
    border: #000 0px solid; }
    html a img,     html a:active img,     html a:visted img,     html a:hover img {
      color: #000;
      border-style: none; }

body {
  font-family: 'monaco', 'courier new';
  height: 100%; }

li {
  margin-bottom: 1em; }

#doc4 {
  margin-top: 3em; }

#logo {
  width: 100%;
  text-align: center;
  background: #242424; }

#bd {
  background: #ffffff;
  text-align: center; }

.console {
  color: #e6e6e6; }
  .console .back {
    text-align: right; }
  .console a {
    color: #22aa22;
    text-decoration: none; }
  .console a:hover {
    background: #000; }
  .console .heading {
    margin: 10px 0; }

.center {
  text-align: center; }

#brain_pod table {
  width: 100%;
  background: #000; }
#brain_pod tr {
  padding: 5px; }
#brain_pod td {
  padding: 5px; }

#blurb {
  text-align: left; }
  #blurb p {
    font-size: 90%;
    padding: 1em;
    line-height: 1.5em; }

#tlc, #trc {
  zoom: 1; }

#box {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  text-align: left;
  width: 80%				/* <-- use this to tie width to viewport size */;
  background-color: #242424; }

#box.black {
  background-color: #000; }

#content {
  padding: 3em; }
  #content .image {
    text-align: center; }
    #content .image img {
      margin: 2em 0;
      padding: 0em;
      border: 10px solid #000; }
    #content .image a:hover {
      border: 0 none #000;
      background: none; }

#content h1 {
  color: #fff;
  font-weight: bold; }

#content p {
  color: #fff; }

#tlc, #trc, #blc, #brc {
  background-color: transparent;
  background-repeat: no-repeat; }

#tlc {
  background-image: url(../images/tlc.gif);
  background-position: 0% 0%; }

.black #tlc {
  background-image: url(../images/tlc-b.gif); }

#trc {
  background-image: url(../images/trc.gif);
  background-position: 100% 0%; }

.black #trc {
  background-image: url(../images/trc-b.gif); }

#blc {
  background-image: url(../images/blc.gif);
  background-position: 0% 100%; }

.black #blc {
  background-image: url(../images/blc-b.gif); }

#brc {
  background-image: url(../images/brc.gif);
  background-position: 100% 100%; }

.black #brc {
  background-image: url(../images/brc-b.gif); }

#tb, #bb {
  background-color: transparent;
  background-repeat: repeat-x; }

#tb {
  background-image: url(../images/tb.gif);
  background-position: 0% 0%; }

.black #tb {
  background-image: url(../images/tb-b.gif); }

#bb {
  background-image: url(../images/bb.gif);
  background-position: 50% 100%; }

.black #bb {
  background-image: url(../images/bb-b.gif); }

#rb {
  background-image: url(../images/rb.gif);
  background-position: 100% 0%;
  background-repeat: repeat-y; }

.black #rb {
  background-image: url(../images/rb-b.gif); }

#lb {
  background-color: #242424;
  background-image: url(../images/lb.gif);
  background-position: 0% 100%;
  background-repeat: repeat-y; }

.black #lb {
  background-color: #000;
  background-image: url(../images/lb-b.gif); }