@font-face { font-family:"Verdana" }
@font-face { font-family:"WebDings" }

.title
{
    /* left: 0px; top: 0px; right: 100%; bottom: 200px; */
    /* position: fixed; */
    /*outline: teal outset medium;*/
    /*left: 10px;*/
    margin: 0px 0px 0px 0px;
    padding-left: 0px;
    border-bottom: 2px solid #222;
    text-transform:capitalize;
    font-size:250%;
    font-family:"Verdana" "fantasy";

    width: 100%;
    height: 48px;
    top: 0px;
    right: 180px;
/*    position: fixed;*/
/*    display: block; */
    background:#ffff30;
}

BODY
{
/*    background: #e0f0d0; */
    background: #faf8dc; /*#f8f2c6;*/ /*#f4eeae;*/ /*#f2e898;*/
    color: black;
    margin: 0px 180px 0px 0px;
    font-family:"Verdana";
}
div P {  font-family:"Verdana"; margin-left:0.5em; }
dt
{
  font-variant:small-caps;
  text-decoration:underline;
  font-weight:bold;
}
pre
{
  background: #e8e8e8;
  font-size: 80%;
  overflow:auto;
  outline: teal ridge medium;
  width: 80%;
  margin-left: 20px;
  padding:0.8em;
}
#table-of-contents,#navlist
{ 
  background: #474747; /*#505050*/ /*#909090;*/ /*#503030;*/
  color: #ffff30; /*#eec000; */
  display: block; 
  width: 180px; /* 210px; */
  position: fixed;
  font-size:80%;
  margin: 0px 0px 0px 4px;
  right: 0px;
  overflow:auto;
}
#navlist { font-variant:small-caps;
  font-size:150%;
  font-family:"fantasy";
 }
#navlist .lightcol { background:yellow; }
#navlist .darkcol { }
#navlist li { margin-top: 1ex; margin-left:0.5em; }
#navlist A { text-decoration: none; padding:2px; border:dotted 1px #000; }
#navlist A:hover { background:teal; outline: teal ridge medium;  }
#banner
{
  font-size:150%;
  font-family:"fantasy";
  font-variant:normal;
}
#table-of-contents
{
  top: 285px;
  height: 80%;
}
#table-of-contents h3:before { content:"Essence  "; }
#table-of-contents h2 {
      font-size:90%; 
      text-transform:uppercase;
      outline: teal ridge medium;
      margin:10px 10px 0px 10px;
}
#table-of-contents ul, #navlist ul {
	 list-style: none;
        /*margin: 7px 0px 7px 15px;*/
	 margin: 0px 0px 7px 0px ;  /* last number determines indent for subsequent lines (e.g. 15px) */
	 padding: 0px;
}
#table-of-contents A:link,    #navlist A:link    {color:#ffff30;}
#table-of-contents A:visited, #navlist A:visited {color:#99ffcc;}
#table-of-contents A:active,  #navlist A:active  {color:#ff0000; font-weight:bold}


#postamble {
    border-top: 1px solid #222;
    font-size:50%;
    background:#e0c0c0;
    }

table { font-size:smaller; }

.bigtext { font-size:large; margin-left:0.5em; }
h1, h2, h3, h4, dt { margin-left:0.3em; }