body {
 font-size: 100%;
 background-color: #180098;
 color: #ffffff;
 font-family: arial, sans-serif;
 font-weight: bold;
 font-style: italic;
 max-width: 1100px;
 min-width: 950px;
  }
* {
 padding: 0;
 margin: 0;
 }
#wrap {
 margin: 0 auto 0 auto;
 }
#links {
 width: 20%;
 max-width: 220px;
 float: left;
 padding-top: 0.5em;
 position: fixed;
 top: 0;
 left: 0;
 background-color: #180098;
 }
#links div {
 padding: 0.4em;
 }
#links p img {
 padding-bottom: 0.5em;
 }
#links ul {
 list-style-type: none;
 padding-left: 0.8em;
 }
#links li {
 margin-bottom: 0.2em;
 font-size: 0.95em;
 }
#links p {
 text-align: center;
 color: #58ff42;
 padding: 0.1em 0 0.1em 0;
 }
@media screen {body>div#links {position: fixed; } }

a:link {color: #ffffff; }
a:visited {color:#ff00ff; }
a:focus { }
a:hover {color:#ffff00; }
a:active {color:#ff0000; }
.red {
 color: #ff0000;
 }
#content {
 width: 78%;
 float: right;

 }
#content a {
 color: #ffff00;
 }
#content #img {
 float: left;
 width: 34%;
 padding: 0.5em 0 0 0.5em;
 }
#content #text {
 float: right;
 width: 64%;
 text-align: center;
 padding-top: 0.5em;
 }

#text div {
 padding-bottom: 1em;
 }
h3 {
 float: right;
 width: 100%;
 font-size: 1.5em;
 padding-top: 0.1em;
 padding-bottom: 0.2em;
 line-height: 1.3em;
 }
div#intro {
 clear: both;
 text-align: left;
 padding-top: 1em;
 }
div#intro p {
 font-size: 1.2em;
 padding-bottom: 0.5em;
 width: 95%;
 }
p#space {
 padding-top: 0.5em;
 text-align: left;
 }
#lispacer {
 padding-bottom: 0.8em;
 }
#spacer {
 clear: both;
 background-color: #0000ff;
 visibility: hidden;
 }
* html #links {
 position:  absolute;
 top: 0;
 left: 0;
 }
* html #links li {
 font-size: 0.8em;
 margin-left: 1.5em;
 }
* html div#intro li {
 padding-left: 6.5em;
 }