<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; */
}


/* Paging */
h1, h2, h3, h4 {
	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 {
	position: relative;
	margin-left: 25px;  /* Need margin here to cause background to include bullets !!! */
	margin-right: 10px;
	padding-bottom: 8px;	/* Jan 03/06 */
}

.nopad { margin-bottom: 0;  padding-bottom: 0; }
.indent30 { margin-left: 30px; }

/* #contents  {	margin-top: 1.5em; } */
   /*Feb 20/06 - tlp - Suggested on yourhtmlsource.com width: auto; margin: 0; padding: 0; */
/* #contents {float: none !important; background: #fff; text-align: left; }  */
#container, #contents {
	background: #fff; 
	width: 100% !important;
	border: 0;
	margin: 0 2%;
	padding: 0;
	clear: both;
	float: none !important;
}
iframe { zoom: 90%; }
/* 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 3px; background: #f9f8e4; text-align: center; }
 
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.caption  {
	font-weight: bold;
	font-style: italic;
	color: #000066;
	padding: 10px 20px 5px 20px;
 }

.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! */
.left {
	float: left; 
	margin: -0.25em 0.5em 0.5em 0;  /* Negative top margin, for better alignment with paragraphs! */
  	padding:  0.5em;
}
.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, .HdrSShow, #left, #right, #header, #footer  { display: none; }


-->
</style>