<style>
<!--

   /* Don't understand why, but my right margin is ignored when I make these 
      rules applicable for #contents instead of body! */
html, body
{
	font-family: Tahoma, Sans-Serif;
	color: #000000;
	font-size: 10pt;
	background-color: #FFFFFF !important;
	background-image: none !important;
	/*width: 100% !important; */
	margin: 0;
	padding: 1.5em 3em 1em 2em;
}


/* Paging */
h1, h2, h3, h4 {
	background-image: none !important; 
	page-break-after: avoid;
	page-break-inside: avoid;
}

/*
ul, ol, dl, table {
padding-left: 3em;
page-break-before: avoid;
}
*/
ul, ol, dl {
	border: solid thin;
}
li {
	margin-left: 25px;  /* Need margin here to cause background to include bullets !!! */
	margin-right: 10px;
	padding-bottom: 8px;	/* Jan 03/06 */
}

.indent1 { margin-left: 15px; }
.indent2 { margin-left: 30px; }
.indent3 { margin-left: 45px; }
.indent5 { margin-left: 65px; }

/* #contents  {	margin-top: 1.5em; } */
   /*Feb 20/06 - tlp - Suggested on yourhtmlsource.com */
#contents {float: none !important; width: auto; margin: 0; padding: 0; background: #fff; text-align: left; } 

/* This'll only work in modern browsers like Firefox, but will add an explanation to the top of the page when printed. Slick, eh? */
#contents:before {content: "This is a printer-friendly version. The navigation and other unnecessary elements have been removed."; 
display: block; margin-bottom: 3mm; padding: 3px 3px 2px; background: #f9f8e4; text-align: center; }

   /* Format tables in location.htm */
#TC, #LC { 
	width: 600px; /*200% */
	max-width: 600px;	
		/* Dec 06/05 - tlp ! - Fix for IE's non-understanding of max-width. */
		/*   BEAUTIFUL!!!  EXCEPT!!! I lose my liquid columns!!!  */
		/*   To offset, I have JAVASCRIPT that works when the user resizes! */
	width: expression(Math.min(parseInt(this.offsetWidth), 600) + "px");
	display: block;
	border: none;
	margin: 2em;
}

a:link, a:visited
{
	font-weight: bold; text-decoration: underline; color: #0000FF;
}
a:link:after, a:visited:after
{
	content: " (" attr(href) ") ";
	font-size: 90%;
	background-color: #FFFFFF;
}

div.pics {
  float: right;  /* FLOAT RIGHT FOR BACKUP PURPOSES ONLY (in case left or right is not specified) */
  width: 40%;
  border: thin silver solid;
}

.pics img, img.pics {
	border-style: inset;  /* I like ridge & inset & groove (groove is a subtler form of inset */
	border-color: #a3a292; /* #000000; */  /* #a3a292; */
		/* This is how I avoid a page-break in the middle of pictures that may appear */
		/* at the bottom of any given page! */
		/* UNSUCCESSFUL for IE, even though I verified that these rules are being */
		/* examined for this class! */
	border-width:3px; 
	page-break-after: avoid;
	page-break-inside: avoid;
	/*orphans: 5; */
/* USE FOR TESTING ...
	display: none; */
}

.pics p, .pics:first-letter
{
  display: table-cell;
  width: 100%;  /* was 100% */
  text-align: center;
  font-style: italic;
  font-family: Arial;
  font-size: 90%;
  text-indent: 0;
} 
/*  p:first-letter.pics DIDN'T WORK! */
div.left {
	float: left; 
	margin: -0.25em 0.5em 0.5em 0;  /* Negative top margin, for better alignment with paragraphs! */
  	padding:  0.5em;
}
div.right {
	float: right;
	margin: -0.25em 0 0.5em 0.5em;  /* Negative top margin, for better alignment with paragraphs! */
  	padding: 0.5em; 
}

	/* Shouldn't this cover EVERYTHING of "noprint" class? */
.noprint  { display: none; }

div.navigation, div.noprint, td.noprint, img.noprint  { display: none; }

   /* Dec 09/05 - tlp - Decided to nix printing of the header! */
.menus, #left, #right, #navbar, #header, #footer  { display: none; }


-->
</style>