body {
background: #E8D8A8 url('backgnd.gif');
  color: #222222;
  font-family: Georgia,"DejaVu Serif",serif;
  font-size: 84%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

html {
    cursor: url('/kaicur.GIF'), auto;
}

a {
	cursor: url('/kaicur2.GIF'), auto;
}

/* # Header # */
.superHeader {
  color: #716950;
  background-color: #D0C090;
  font-family: helvetica,arial,"DejaVu Sans",sans-serif;
  height: 1.6em;
}

.superHeader a {
  color: blue;
  background-color: transparent;
  text-decoration: none;
  font-size: 91%;
  margin: 0;
  padding: 0 0.5ex 0 0.25ex;
}
.superHeader a:hover {
  text-decoration: none;
  color: purple;
  background-color: transparent;
}

.superHeader div {
  position: absolute;
  top: 0.40ex;
}

.superHeader .left { left: 0.4em; }

.superHeader .right {
  color: #400000;
  text-align: right;
  float: right;
  right: 0.8em;
  font-style: italic;
}

.midHeader {
  color: black;
  background-color: #D0C090;
  border: solid 0 #b5a77b;
  border-width: 2px 0;
}

.headerTitle {
  margin: 0 0 0 4mm;
  padding: 4px;
}

.subHeader {
  display: none;
  color: black;
  background-color: #D0C090;
  margin: 0;
  padding: 1ex 1ex 1ex 1.5mm;
}

.subHeader a {
  color: blue;
  background-color: #E8D8A8;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0 0.75ex 0 0.5ex;
}  
.subHeader a:hover {
  color: purple;
  background-color: #D0C090;
  text-decoration: none;
}

.superHeader .highlight, .subHeader .highlight {
  color: black;
  background-color: transparent;
}

/* # Side # */
#side-bar {
  width: 14.5em;
  float: left;
  clear: left;
  padding-bottom: 256px
}

#side-bar div {
  border-bottom: 1px #E0D0C0;
  padding-left: 4px
}

.sideBarTitle {
  color: black;
  font-weight: bold;
  margin: 0 0 0.5em 2mm;
  padding: 1em 0 0 0;
}

#side-bar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0 0 0.3em 0;
}

li ul {
  padding-left: 1.0em;
}

#side-bar li {
  margin: 0;
  padding: 0.1ex 0;  /* Circumvents a rendering bug (?) in MSIE 6.0  XXX should move to iehacks.css, this causes an ugly gap */
}

#side-bar a {
  color: #700000;
  background-color: transparent;
  text-decoration: none;
  text-transform: none;
  margin: 0;
  padding: 0.30em 1ex 0.30em 2mm;
  display: block;
  font-weight: bold;
  font-size: 105%;
  border: 1px outset #D0C090;
}

#side-bar a:hover {
  color: #716950;
  background-color: #D0C090;
  border: 1px inset #b5a77b;
  text-decoration: none;
}

.sideBarText {
  line-height: 1.5em;
  margin: 0 0 1em 0;
  padding: 0 1.5ex 0 2.5mm;
  display: block;
}

#side-bar .sideBarText a {
  margin: 0;
  padding: 0;
  display: inline;
}

#side-bar .sideBarText a:hover {
  color: purple;
  background-color: transparent;
  text-decoration: none;
}


/* # Main Copy # */
#main-copy {
  max-width: 70em;
  color: black;
  background-color: transparent;
  text-align: justify;
  word-wrap: break-word;
  line-height: 1.5em;
  margin: 0em 0 0 15em;
  padding: 0.5mm 5mm 5mm 5mm;
  border-left: 2px solid #b5a77b;
}

#bodyText {
  margin: 0 0 0 15.5em;
  padding: 2mm 5mm 2mm 5mm;
}

#main-copy p {
  margin: 1em 1ex 1em 1ex !important; /* Need !important so troff-generated pages don't look totally squezed */
  padding: 0;
}

#main-copy a id {
  color: black;
  background-color: transparent;
  font-weight: bold;
  text-decoration: none;
}

#main-copy a {
  color: blue;
  background-color: transparent;
  font-weight: bold;
  text-decoration: none;
}

#main-copy a:hover {
  text-decoration: none;
  color: purple;
  background-color: transparent;
}

#main-copy h1 {
  color: #400000;
  background-color: transparent;
  font-size: 145.5%;
  font-weight: bold;
  font-style: italic;
  margin: 2em 0 0 0;
  padding: 0.5ex 0 0.5ex 0.6ex;
  border-bottom: 2px solid #222222;
}

#main-copy h2 {
  color: #400000;
  background-color: transparent;
  font-size: 115.5%;
  font-weight: bold;
  font-style: italic;
  margin: 2em 0 0 0;
  padding: 0.5ex 0 0.5ex 0.6ex;
  border-bottom: 1px solid #222222;
}

#main-copy h3 {
  color: #400000;
  background-color: transparent;
  font-size: 125.5%;
  font-weight: bold;
  font-style: italic;
}

#main-copy h4 {
  color: #400000;
  background-color: transparent;
  font-size: 105%;
  font-weight: bold;
  font-style: italic;
  margin: 2em 0 0 0;
  border-bottom: 1px solid #222222;
}

#main-copy h5 {
  color: #400000;
  background-color: transparent;
  font-size: 85%;
  font-weight: bold;
  margin: 2em 0 0 0;
}

#main-copy .topOfPage {
  color: black;
  background-color: transparent;
  font-size: 91%;
  font-weight: bold;
  text-decoration: none;
  margin: 3ex 1ex 0 0;
  padding: 0;
  float: right;
}

#pictures img {
  margin: 0;
  text-align: left;
}

/* # Footer # */
#footer {
  color: #400000;
  background: #D0C090;
  font-size: 90%;
  margin: 0;
  padding: 1em 2.5mm .35em 2.5mm;
  clear: both;
  border: solid 0 #b5a77b;
  border-width: 2px 0 0 0;
}

#footer .right {
  text-align: right;
  font-style: italic
}

#wordbox {
    /*opacity: 0;*/
    margin: 30px auto 0;
    display: block;
    width: 296px;
    height: 32px;
    font-size: 22px;
    text-align: center;
    background: #e0e0e0;
    color: black;
}

#button {
    font-size: 12px;
    padding: 1em 1em;
    margin: 0 auto 12px;
    display: block;
    text-align: center;
    font-weight: bold;
}


/* GENERAL */
table {
  width: 100%;
  text-align: left;
}

pre {
  font-family: Courier, monospace;
/*  margin-left: 2em;*/
  margin: 0.5em;
/*  font-size: 1.2em;*/
}

hr {
/* top    */ border-top: 1px solid #b9a67b;
/* bottom */ border-bottom: 1px solid #d5bf90;
}

#smallCaps {
  font-size: 100%;
  font-variant: small-caps;
}

.dropCaps {
  color: #700000;
  float: left;
  font-family: Georgia,"DejaVu Serif",serif;
  font-size: 44px;
  line-height: 32px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
}