@media screen {
  body { 
    color: #85494B; 
    background-color: #CEB7B7; 
  }
}

body { 
  font-family: Georgia, serif;
  background: url('support/grad.gif');
  background-repeat: repeat-y;
}

img {
  border: 0;
}

table.jpg { 
  margin-top: 0.4em;
  margin-bottom: 0.5em;
}

table.right { 
  float: right;
  margin-left: 0.5em;
}

table.left { 
  float: left;
  margin-right: 0.5em;
}

table.jpg td.caption {
  font-style: italic;
  font-weight: normal; 
  font-size: 0.6em;
  line-height: 1em;
}

table.right td.caption {
  text-align: right;
}

span.smallcaps {
  font-size: 85%;
}

span.smallcapsalt {
  display: none;
}

div.banner.home {
  margin-top: 1em;
}

div.banner div.indent {
  margin-left: 12.5em;
  margin-bottom: 0.5em;
}

div.banner p {
  color: #993341;
  background-color: inherit;
  margin: 0;
  font-style: normal; 
  font-weight: normal; 
  font-size: 0.6em;
  line-height: 1.7em;
  width: 33em;
}

#banner {
  width: 100%;
  height: 0.7em;
}

#logosmall {
  width: 12.5em;
  height: 4em;
}

div.banner h1 {
  position: absolute;
  top: 0;
  left: 50em; 
  font-size: 1em;
  color: #F6EBD8;
}

div.banner div.straplinesmall {
  position: absolute;
  top: 4em;
  left: 14.3em;
}

div.banner div.straplinesmall div {
  font-size: 0.7em;
}

div.homebackground {
  position: absolute;
  top: 12em;
  left: 6em;
}

div.homebackground img {
  height: 30em;
  width: 100.81em;
}

div.menu {
  position: absolute;
  top: 7em; /* also adjust div.menu.home */
  left: 0;
  width: 12em;
}

div.menu.home {
  top: 14em;
}

div.menu a:link, 
div.menu a:visited, 
div.menu a:active { 
  color: #85494B; /* FAEAEB; */
  background-color: inherit;
  text-decoration: none; 
  border: 0;
}
div.menu a:hover { 
  color: #85494B; 
  background-color: inherit;
  text-decoration: underline; 
}

div.menu ul {
  list-style-type: none; 
  padding: 0; 
  margin: 0;
  font-size: 0.8em;
}

div.menu li { 
  color: inherit;
  /* background-image: url("support/menugrad.jpg");
  background-repeat: repeat-y; */
  background-color: #FBF4EC;
  margin: 1em;
  height: 1.3em;
  padding: 0.3em;
  padding-top: 0.5em;
}

div.menu li.here { 
  color: #85494B;
  font-style: italic;
}

div.menu li.here span.here {
  margin-left: 1em;
}

div.bodytext {
  position: relative;
  max-width: 40em;
  margin-left: 12.5em;
  overflow: visible;
}

div.bodytext a:link, 
div.bodytext a:visited, 
div.bodytext a:active { 
  font-weight: bold;
  color: #85494B; 
  text-decoration: none; 
  background-color: inherit;
  border: 0;
}
div.bodytext a:hover { 
  color: #85494B; 
  background-color: inherit;
  text-decoration: underline; 
}

div.bodytext p,
div.bodytext li,
div.bodytext blockquote,
div.bodytext td.cd {
  font-style: normal; 
  font-weight: normal; 
  font-size: 0.8em;
  line-height: 1.7em;
}

blockquote div.attribution {
  padding-left: 5em;
}

div.bodytext p {
  margin: 0;
  margin-bottom: 0.6em;
}

div.bodytext ol,
div.bodytext ul { 
  margin-top: 0;
  margin-left: 1.4em;
}

div.bodytext li { 
  margin: 0;
  padding: 0;
}


div.bodytext h1 {
  margin: 0;
  margin-bottom: 0.6em;
  margin-top: 1em;
  font-style: normal; 
  font-weight: normal; 
  font-size: 1.2em;
}

div.bodytext h2 {
  margin: 0;
  margin-bottom: 0.6em;
  margin-top: 1.4em;
  font-style: normal; 
  font-weight: bold; 
  font-size: 0.8em;
  line-height: 0.8em;
}

div.bodytext p.whitesuper {
  color: #dddddd;
  padding-left: 1em;
  padding-top: 0.5em;
  text-indent: -0.5em;
  font-weight: bold;
}

td.linksright {
  padding-left: 1em;
}

td.dream {
  width: 15em;
  padding-top: 1em;
}

#dream {
  position: absolute;
  top: 12em;
  left: 11.5em;
  width: 40em;
  height 26.74em;
}

#shapesofsleepquote {
  position:absolute;
  top: 5.5em;
  left: 0.5em;
}

#shapesofsleepbelowpic {
  height: 27em;
}

table.cd {
  margin: 1em;
  margin-left: 4em;
  width: 22em;
}

td.cd {
 padding: 0.1em 0.3em 0.1em 0.3em;
 vertical-align: top;
}

div.cdcover img {
  width: 18em;
  height: 18em;
  float: left;
  margin-right: 1em;
}

#paypalform {
  margin-left: 22em;
}

@media screen {
  #donatebutton { 
    float: left;
    margin-right: 0.5em;
  }
}

@media print {
  div.menu { visibility: hidden; }

  #banner { width: 100%; }

  div.banner div.indent {
    margin-left: 0;
  }

  div.bodytext {
    max-width: 500em;
    margin-left: 0;
  }

  div.bodytext h1 {
    padding-top: 2em;
  }

  div.bodytext p,
  div.bodytext li,
  div.bodytext blockquote {
    line-height: 1.4em;
  }

  div.bodytext a:link, 
  div.bodytext a:visited { 
    color: black; 
    background-color: inherit;
  }
}

span.nowrap {
  white-space: nowrap;
}

p.narrow {
  width: 25em;
}