body {
  background-image: url(back.gif);
  background-repeat: repeat;
  padding-left: 11em;
  margin-left: 0;
}

mystuff {
  display: block;
  position: relative;
}

/* h1 is sized to look good for the title page header. */
h1 {
  width: 15em;
  border-top: thick solid red;
  border-bottom: thick solid red;
  font-size: x-large;
  font-family: "Comic Sans MS";
  font-weight: bold;
  padding: 0.3em;
  text-align: center;
  font-style: oblique }

/* h2 is a kluge, it is only used in the sample calendar.  I wanted it
   to be the SAME SIZE as the h1 above.  So, copy font size so 15em is
   the same. */
h2 {
  font-family: "Comic Sans MS";
  font-weight: bold;
  font-size: x-large;
  font-style: oblique;
  width: 15em;
  padding: 0.3em;
  text-align: center;
}
ul.navbar {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  font-family: "Comic Sans MS";
  font-weight: bold;
  font-size: xx-small;
  left: 0;
  width: 15em }
ul.navbar li {
  text-align: center;
  padding: 0.3em;
 }
ul.navbar img {
  border-style: none;
  border-width: none
}
ul.navbar a {
  text-decoration: none }
a:link {
  color: blue }
a:visited {
  color: purple }

p.bottombar {
  font-family: "Comic Sans MS";
  text-align: center;
  font-size: xx-small;
  font-weight: normal;
  padding-left: 0;
  clear: left
}