/* put an image on the background which will appear on the edges */
body {
   background-image: url('images/background.jpg');
   background-repeat: no-repeat;
   background-position: center top;
   min-width: 700px;
   max-width: 700px;
}

/* suppress the colored border on the link images; people are pretty
  conditioned to treat them as links without the hint */
:link img { border: none; }
:visited img { border: none; }

/* wrap the main content in a div so it can have it's own background color */
div.maincontent {
  background-color: black;
  padding: 1em; /* black space around the text */
  padding-top: 0em;
  margin: 0em;
  margin-top: -5px;
  border: none;
}

/* wrap the actual text in a smaller centered box */
div.textcontent {
  background-color: white;
  padding: 1em;  /* white space around the text */
  margin: 0em;   /* background space is handled by the enclosing div padding */
}

/* for a messy ragged heap of images within the margins */
p.imagepile {
  text-align: center;	    
}

/* for a paragraph formatted array of images flush left */
p.imagescroll {
  text-align: left;
  font-size: 4pt;
  line-height: 0em;  
}

/* image which float individually above the background */
img.floater {
  background-color: black;
  padding: 4px;
  margin: 1em;
}

/* without any headings the update notice looks better flush right */
p.update {
        text-align: right;
	padding-right: 2em;
	font-size: 80%;
}