/* 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.
 *
 * The blue-and-black image is a photograph of Uluru (a.k.a.
 * Ayers Rock) in Australia.
 *
 * Everything here is CC By-SA 3.0:
 * http://creativecommons.org/licenses/by-sa/3.0/
 */

body {
  margin: 0px;
  padding: 0px;
  background-image: url(/~sk/Logos/name-sep-2010.png);
  background-repeat:no-repeat;
  background-attachment: fixed;
  background-color: #ffffff;
  background-position: 0px 0px;
  font-family: Times New Roman, Times, serif;
}
p {
  color: #000000;
  background-color: #FFFFFF;
}
a:link { 
  font-weight: bold; 
  text-decoration: underline; 
  color: #660033;
}
a:visited { 
  text-decoration: underline; 
  color: #666666;
}
#content {
  background: #FFFFFF;
  padding: 10px;
  margin: 0px 0px 0px 190px;
  border-width: 0px 0px 0px 0px;
  border-style: solid;
  border-color: #000000;
  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;
}
.banner {
  font-size: medium;
  font-variant: small-caps;
  letter-spacing: 1px;
  margin-bottom: 0px;
  color: white;
  border-style: solid;
  border-width: 2px 0px 1px 0px;
  border-color: black;
  padding: 5px;
  background: #deb887;
}
#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}
.imp-box {
  background: yellow;
  border-style: solid;
  border-width: 1;
  border-color: grey;
  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;
}
/* This is a total hack! */
.imp-list li li {
  text-align: left;
  list-style-type: disc;
  font-size: smaller;
  border-style: none;
  border-width: 0px 1px 1px 0px;
  padding: 0pt;
}