#title       { background-image: url(c7/title.jpg);
               background-color: #fff;
               height: 125px;
               width: 700px;
               background-repeat: no-repeat; }
body         { margin: 0;
               padding: 0;
               background-color: #aaa;
               text-align: center;
               display: block; }
#align       { border: 2px #000 solid;
               margin-left: auto;
               margin-right: auto;
               padding: 0;
               background-color: #fff;
               width: 700px; }
#main        { padding: 10px;
               font-family: serif;
               font-size: 12pt;
               text-align: left; }
#navbar      { float: right;
               margin-top: 20px;
               margin-right: 10px;
               margin-left: 5px;
               padding-top: 30px;
               min-width: 150px;
               width: 150px;
               text-align: left;
               border: 2px #000 solid;
               background-image: url(c7/navtop.jpg);
               background-repeat: no-repeat;
               background-color: #fff; }
.nav         { font-family: arial, sans-serif;
               background-color: #fff;
               border: 1px #000 solid;
               font-weight: bold;
               font-size: 14pt;
               color: #000;
               text-align: right;
               margin: 10px; }
.navtext     { padding: 3px;
               letter-spacing: -1px; }
.navtext a   { color: #000;
               font-weight: normal;
               font-size: 10pt;
               margin-left: 8px;
               text-decoration: none;
               display: block; }
.navtext a:hover { text-decoration: underline;
                   font-weight: bold; }
#bottom      { clear: both;
               text-align: right; }
#bottom img  { border: 0; }
.conpic      { float: left;
               border: black 1px solid;
               margin-right: 20px;
               margin-bottom: 5px; }
#done        { margin-top: 40px;
               clear: both;
               text-align: right; }
.source      { font-size: 8pt;
               font-family: monospace; }
.key         { font-weight: bold;
               font-family: monospace;
               color: #444;
               font-size: 8pt; }
.embed       { border: 0;
               margin: 10px;
               border: black 1px solid; }
.noclear     { clear: none; }
#main p      { clear: left; }
hr           { width: 60%;
               color: #000;
               height: 2px; }
h1           { color: #000;
               font-size: 40pt;
               font-family: arial, sans-serif;
               font-style: italic;
               margin-top: -10px;
               text-align: center; }
h2           { margin-bottom: 0px;
               color: #000;
               font-size: 12pt;
               font-style: italic;
               font-weight: normal;
               padding: 5px;
               border: 2px #000 solid;
               margin-left: -16px;
               display: inline;
               background: #fff6b7; }
a            { font-weight: bold;
               color: #777; }
p a:hover    { border: 1px #000 solid;
               background: #fff6b7;
               color: #000;
               text-decoration: none; }