<style type="text/css">
<!--
     TD, P, TH, H4, PRE {
          /* ANY CHANGE HERE MUST BE REPLICATED IN 'BODY' BELOW */
          /* We include everything in addition to BODY to satisfy TABLE behaviour */
          /* in Netscape.  With that browser (version 4.7) the styles seem to get */
          /* lost in and after a table.                                           */
          font-family: Verdana, Lucida Sans, Sans-serif;
          /* It's a close call between x-small and xx-small, but we've    */
          /* chosen x-small in the end.                                   */
          font-size: small;
          /* To reduce the width of the page, there are two ways of going */
          /* about it.  One is 'margin-right' and the other is 'width'.   */
          /* With IE 5.5, width doesn't seem as graceful: wrapping is     */
          /* incorrect and it does not get applied across the board.      */
          margin-right: 15%;
          /* width: 700px; */
	 }
     BODY {
          /* Everything above plus background. */
          font-family: Verdana, Lucida Sans, Sans-serif;
          font-size: small;
          margin-right: 15%;
          /* width: 700px; */
          background: url("http://www.berglas.net/background.jpg");
     }
     H1 {
          font-family: Bookman Old Style;
          font-size: large;
          font-weight: 700;
     }
     H2 {
          font-family: Bookman Old Style;
          font-size: medium;
          font-weight: 700;
     }
     /* H3 is actually used in the guestbook pages for the regular text. */
     H3 {
          font-weight: 400;
     }
     /* Regular paragraph text is indented.  This looks nice and keeps it */
	 /* separate from the heading (H2).                                   */
     P {
          margin-left: 4em;
     }
     /* Details text is not indented. */
     P.details {
          margin-left: 0;
     }
     /* Emphasis is used for bold, maroon, non-italicized text and links. */
     EM {
          font-style: normal;  /* gets rid of inherited italics */
          font-weight: 700;    /* adds bold to emphasis */
          color: maroon;
     }
     /* Strong is used for bold links.  It forces the links to be black. This */
	 /* is used in the site map.                                              */
     STRONG {
          color: black;
     }
     /* Small is used for the [More...] type links. It forces the links to be black. */
     SMALL {
          color: black;
     }
     /* We need both of these, UL for Netscape and LI for Microsoft. */
     UL, LI {
          font-size: small;
          margin-left: 4em;
     }
     A {
          /* Use text-decoration to remove underlines. */
          /* text-decoration: none; */
          color: maroon;
     }
-->
</style>
