BODY {
  background: #ffffff;
  color:      #0000ff;
}

H1 {
  max-width: 100%;
  font-size: 200%;
}

H2 {
  max-width: 100%;
  font-size: 141%;
}

H3, H4, H5, H6 {
  max-width: 100%;
  font-size: 100%;
}

HR {
  max-width:  100%;
  background: #ffffff;
  color:      #000000;
}

A:link {
  background: #ffffff;
  color:      #ff0000;
}

A:visited {
  background: #ffffff;
  color:      #000000;
}

.navarea {
  background: #a0a0a0;
  color:      #000000;
}

.navarea A:link {
  background: #a0a0a0;
  color:      #0000ff;
}

.navarea A:visited {
  background: #a0a0a0;
  color:      #ff0000;
}

BLOCKQUOTE {
  background:   #d0d0d0;
  color:        #0000ff;
  margin-left:  10%;
  margin-right: 10%;
  margin-top:    5%;
  margin-bottom: 5%;
}

BLOCKQUOTE A:link {
  background: #d0d0d0;
  color:      #ff0000;
}

BLOCKQUOTE A:visited {
  background: #d0d0d0;
  color:      #000000;
}

P, DL, UL, OL, BLOCKQUOTE {
  max-width:  30em;
}

.wide {
  max-width:  100%;
}

.images {
  max-width:  100%;
  text-align: center;
}

DIV.nav, DIV.footer {
  background: #FFF;
  width: 96%;
  padding-left: 2%;
  text-align: center;
  opacity: 0.75;
  margin: 0;
  color: #000;
  font-style: normal;
  position: fixed;
  left: 0;
}

DIV.nav {
  top: 0;
}

DIV.nav TABLE {
  width: 100%;
  border: 0;
  border-collapse: collapse;
  margin: auto;
}

DIV.nav .breadcrumbs {
  text-align: left;
}

DIV.nav .shortcuts {
  text-align: right;
}

DIV.content {
  padding-top: 4ex;
}

DIV.info {
  padding-bottom: 4ex;
}

DIV.footer {
  bottom: 0;
}