/* Many thanks to the following Internet sources:
 * Anthony Forsey, for ideas from his Orange CSS Zen Garden entry.
 * Mark Newhouse of A List Apart for formatting ideas.
 * Svend Tofte and Russ Weakley, for keeping text widths sane.
 *
 * Everything here is CC By-SA 3.0:
 * http://creativecommons.org/licenses/by-sa/3.0/
 */

body {
  margin: 0px;
  padding: 0px;
  background-image: url(logo1.png);
  background-repeat:no-repeat;
  background-attachment: fixed;
  background-color: #696969;
  background-position: 0px 0px;
  font-family: Optima, Arial, Verdana, Helvetica, sans-serif;
}
#moved {
  border: 2pt; 
  background: yellow; 
  font-size: 150%
}
p {
  color: #000000;
  background-color: #dddddd;
}
a:link { 
  font-weight: bold; 
  text-decoration: underline; 
  color: #660033;
}
a:visited { 
  text-decoration: underline; 
  color: #333333;
}
#content {
  background: #dddddd;
  padding: 10px;
  margin: 150px 0px 0px 220px;
  border: 2px solid black;
  color: #000000;
  text-align: left;
  /* We *could* do this --
   *
  width: expression( 
      document.body.clientWidth > (500/12) * 
          parseInt(document.body.currentStyle.fontSize)?  "30em": "auto" );
  max-width: 30em;
   *
   * but for now let's go with just setting the width.
  */
  width: 35em;
  z-index:13;
  position: absolute;
}
h3 {
  font-size: medium;
  font-variant: small-caps;
  letter-spacing: 1px;
  margin-bottom: 0px;
  color: #660000;
  border-style: solid;
  border-width: 2px 0px 1px 0px;
  border-color: black;
  padding: 5px;
  background: #CCCC99;
}
#first-banner {
  border-width: 0px 0px 1px 0px;
}
.left-float-image { 
  background: #CCCCCC;
  border-width: 1px;
  border-color: black;
  padding: 5px 5px 5px 2px;
  margin: 2px 5px 2px 0px;
  float: left
}
.right-float-image {
  background: #CCCCCC;
  border-width: 1px;
  border-color: black;
  padding: 5px 2px 5px 5px;
  margin: 2px 0px 2px 5px;
  float: right;
  text-align: right;
}
.floating-box {
  background: #CCCCCC;
  border-style: solid;
  border-width: 1;
  border-color: grey;
  width: 40%;
  float: right;
  padding: 5px}
.very-imp-list li {
  text-align: left;
  padding: 1em;
  margin: 1em;
  list-style-type: none;
  font-size: larger;
  border-style: solid;
  border-width: 0px 1px 1px 0px;
}
.imp-list li {
  text-align: left;
  padding: 10px;
  margin: 2px; 
  list-style-type: none;
  font-size: larger;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
}