/* Zero out and establish standards */
html {
  margin: 0;
  padding: 0;}
body {
  width: 640px;
  margin: 2em auto;
  padding: 0;
  background: #f7e1af;
  background-image: url('i/newbacg.jpg');
  color: maroon;
  line-height: 1em;}
h1, h2, h3, h4, h5, h6, p, li {
  font-size: 12px;}

/* General links */
a, a:link {
  color: maroon;
  background: #f7e1af;
  background-image: url('i/newbacg.jpg');
  text-decoration: underline;}
a:hover {
  color: white;
  background: maroon;}

/* General image */
img {
  border: 0;
  text-align: center;
}
  
/* Current page marker in bottom links */
.currpage {
  background: maroon;
  color: white;}

/* Headline text */
h1.headline {
  font: bold 1.75em/1em Garamond, Times, 'Times New Roman', serif;
  text-align: center;
  margin: .5em auto;}

  /* h2 heads */
h2 {
  font: bold 1.3em/1em Verdana, Arial, sans-serif;
  text-align: left;
}

/* General text in paragraphs */
p.txt, li, blockquote {
  font: bold 1.2em/1.05em Garamond, Times, 'Times New Roman', serif;
  text-align: left;
  margin: 1em auto;
  padding: 0;}

/* Additional styles for unordered lists */
 ul, ul li {
  margin: 0 0 5px 1em;
  padding: 0;}

/* Additional styles for blockquotes */
blockquote {
  margin: 0 2em;
}

/* Footer */
div#footer {
  margin: 2em 0 0;
  border-top: 1px solid black;}
div#footer p {
  font: normal 12px/1em Verdana, Arial, Helvetica, sans-serif;
  color: maroon;
  margin: 2px 0 0;
  padding: 0;
  /* next is required for Opera */
  text-align: left;}
/* IE won't underline anchor tags below even if with text-decoration set to underline, so I took it off all. */
div#footer p a {
  text-decoration: none;}