body {
  background: url("images/missing.png") repeat;
}

/*
div.all {
  background: url("images/bluebar.png") repeat-x 0px 20px;
}
*/

div.topbar {
  position: absolute;
  top: 20px; left:0px; right: 0px;
  background: url("images/bluebar.png") repeat-x top;
  z-index: 1;
}

div.brgraphic {
  position: absolute;
  width: 330px;
  height: 238px;
  background: url("images/brgraphic.png") no-repeat bottom right;
  z-index: 1;
}

div.container {
  position: absolute;
  top: 0px; left: 0px;
  right: 10px;
  z-index: 1;
}

div.inner {
  background: url("images/brgraphic.png") no-repeat 100% 95%;
  padding-right: 10px;
}

div.leftbar {
  width: 20%;
  float: left;
  padding-left: 0px;
  margin-top: 0px;
  z-index: 2;
}

/*
div.linkbox {
  margin: 50px 0px;
  border: solid #808040 1px;
  background: url("transwhite.png") repeat;
}

div.onelink {
}

div.linkgroup {
}

*/

div.linkbox {
  margin: 20px 0px 10px 0px;
  border: 1px dotted #808040;
  padding: 0px 1px;
}

div.linkbox h2 {
  font-weight: bold;
  font-size: 140%;
  font-variant: small-caps;
  color: #666;
  text-align: center;
  margin-top: 1px;
  background: url("images/transwhite.png") repeat;
}

div.linkgroup {
  margin-top: 10px;
  margin-bottom: 3px;
  padding-left: 2px;
  font-weight: bold;
  font-style: oblique;
  font-size: 110%;
  font-variant: small-caps;
  border: solid #808040 1px;
  color:#666;
  background: url("images/transwhite.png") repeat;
}

div.onelink {
  margin: 3px 0px;
  /*
  border: solid #808040 1px;
  */
  background: url("images/transwhite.png") repeat;
}

div.linkbox a {
  display: block;
  text-decoration: none;
  font-size: 90%;
  padding-left: 20px;
  color: #101010;
}

div.linkbox img {
  border-style: none;
}

div.linkbox a:hover {
  color: #f01010;
  /* background: url("circarrow.png") no-repeat left center; */
  background: url("images/bluebox.png") no-repeat left center;
}

div.linkbox a#current {
  color: #f01010;
  /* background: url("redarrow.png") no-repeat left center; */
  background: url("images/bluebox.png") no-repeat left center;
}

div.right {
  padding-top: 10px;
  margin-left: 21%;
  padding-left: 7px;
}

div.headbar {
  border-bottom: dotted 1px #888;
  border-top: dotted 1px #888;
  margin: 40px 0px 10px 10px;
  text-align: center;
}

div.right h1 {
  font-family: "Bitstream Vera Sans", sans-serif;
  font-size: 200%;
  letter-spacing: 2px;
  color: #338;
  font-weight: bold;
}

div.right h2 {
  text-align: left;
  font-size: 140%;
  border-bottom: dotted 1px #888;
  border-top: dotted 1px #888;
  margin: 20px 0px 10px 0px;
  padding-left: 20px;
  color: #888;
  font-style: oblique;
  font-variant: small-caps;
  background: #f0f0d0;
}

div.right h3 {
  text-align: left;
  font-size: 120%;
  border-bottom: dotted 1px #888;
  border-top: dotted 1px #888;
  margin: 20px 0px 10px 0px;
  padding-left: 40px;
  color: #888;
  font-style: oblique;
  background: #f0f0d0;
}

div.copyright {
  clear: both;
  padding: 3px 0px;
}

div.copyright p {
  text-align: center;
  font-family: sans-serif;
  font-size: 75%;
  padding: 0px 10%;
  background: #bbb;
  color: black;
}

div.quote {
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 10px;
  padding: 4px 10px;
  color: #444;
  background: #f0f0d0;
}

p.quote {
  font-style: italic;
  font-size: 100%;
}

p.citation {
  padding-left: 50%;
  padding-right: 5%;
}

div.content em {
  font-style: italic;
  color: #962040;
}

div.content p.smaller {
  font-size: 90%;
  font-style: oblique;
}

span.sl1 {
  color: #e03030;
}

img.left {
  float: left;
  margin-right: 5px;
  margin-bottom: 10px;
}

img.right {
  float: right;
  margin-left: 5px;
  margin-bottom: 10px;
}

table.themes {
  border-collapse: collapse;
}

table.themes tr {
  border-bottom: 1px solid #888;
  border-top: 1px solid #888;
  padding-top: 2px;
  padding-bottom: 2px;
}

table.themes td {
  vertical-align: top;
  padding-top: 2px; padding-bottom: 2px;
}

p.standout {
  font-size: 140%;
  font-style: italic;
  text-align: center;
  color: #f00;
}

br.clear {clear: right; }