body {
  background-color: papayawhip;
  background-image: 
  background-repeat: no-repeat;
  background-position: 100% 0%;
  background-attachment: fixed;
  color: black;
  margin-left: 2em;
  margin-right: 2em;
}
h1 {
  color: white;
  font-size: 1.5em;
  font-family: "Comic Sans MS";
  font-style: italic;
  text-align: center;
  background-color: olive;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}
h2 {
  font-size: 1.2em;
  font-family: Verdana;
  border-color: green;
  border-style: solid;
  border-width: 1px;
  padding-left: 0.5em;
  clear: both;
}
em {
  font-weight: bold;
  color: red;
}
p {
  line-height: 1.5em;
  text-indent: 1em;
}
img {
  float: left; 
  margin-right: 1em;
  margin-bottom: 1em;
}
a {
  text-decoration: none;
}
a:link {
  color: dodgerblue;
}
a:visited {
  color: darkviolet;
}
a:hover {
  color: orange;
  background-color: bisque;
}
a:active {
  background-color: pink;
}
a:hover { text-decoration: underline; }
table, th, td {
  border-style: solid;
  border-color: darkred;
  border-width: 2px;
  border-collapse: collapse;
  padding: 0.3em;
}
th {
  background-color: gold;
}
td {
  background-color: white;
}
input, textarea {
  color: black;
  background-color: lavender;
  border-width: 3px;
}
div#main {
  width: 60%;
  float: left;
}
div#menu {
  width: 37%;
  float: left;
  background-color: white;
  margin-left: 1em;
  padding: 0.7em;
  border-style: solid;
  border-color: darkred;
  border-width: 2px;
  height: 400px;
  overflow: auto;
}
h2.date {
  background-color: khaki;
}
h2.link {
  background-color: lavender;
}
div#menu a:link {
  color: mediumseagreen;
}
div#menu a:visited {
  color: darkkhaki;
}
ul {
  list-style-type: upper-roman;
  list-style-image: url(list.gif); 
}
html, body {
  scrollbar-face-color: silver;
  scrollbar-arrow-color: black;
  scrollbar-3dlight-color: silver;
  scrollbar-highlight-color: white;
  scrollbar-darkshadow-color: black;
  scrollbar-shadow-color: gray;
}
@media print {
div#menu {
  display: none;
}
div#main {
  width: 100%;
}
}