/* Reminder: The least significant style should be written first, and the most significant style written last. */
	/* With the anchor element, this would be link, visited, hover, then active. */
	/* If you define a basic style for the anchor element, it should be positioned before the pseudo classes. */

/* Link styles */
	A:link { text-decoration: underline;         /* unvisited links - text decoration used to be "none" but should be underlined */
  		color  : #ffffff;
  		background: transparent;
		font-weight: bold }
 	A:visited { text-decoration: underline;      /* visited links */
    		color: #ffffff;
  		background: transparent;
		font-weight: bold }
 	A:hover { text-decoration: underline;   /* mouseover - I should have some sort of change here, but can't think of a color that works everywhere */
  		color: #ffffff;
  		background: transparent;
		font-weight: bold }

/* General HTML tag styles */
	BODY { background-color: #330000;
		color: #000000;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 12px;
		margin-top: 5px }
	td { vertical-align: top }			/* This ensures that all cells in all tables have their contents at the TOP. */

/* Page and section layout and styles */
	.flash { background-color: #000000 }	/* for tds with flash in them...so background won't show through */
	.contents { background-image: url(images/contentsback.gif);	/* for outer contents table background color and background image */
		background-color: #CCCC99 }
	.innercontents { vertical-align: top }	/* for inner contents table alignment --- but WHY DOESN'T THIS WORK...works in TDs, though. */
	.top { vertical-align: top } 		/* for anything that needs its contents vertically-aligned to the top. */
	.pagetitle { text-align: center;	/* for contents section page or section titles */
		color: #000000;
		font-weight: bold;
		font-size: 18px }
	.pageintro { text-align: left;		/* for contents section page intro paragraphs */
		color: #990000;
		font-weight: bold;
		font-size:12px }
	.captionheader { text-align: left;	/* for contents section captions header */
		color: #000000;
		font-weight: bold;
		font-size:12px }
	.captiontext { text-align: left;	/* for contents section captions text */
		color: #000000;
		font-weight: normal;
		font-size:12px }
	.regulartext { text-align: left;	/* for contents section regular paragraph text */
		color: #000000;
		font-weight: normal;
		font-size:12px }
	.regulartextcentered { text-align: center;/* for contents section regular paragraph text that I want centered, such as Contact page stuff */
		color: #000000;
		font-weight: normal;
		font-size:12px }
 	.nonlink { text-decoration: none;      /* for non-linking text where a link should be (temporarily unavailable or whatever) */
    		color: #ffffff;
  		background: transparent;
		font-weight: bold }
	.bop { background-color: #660000 } 	/* for bottom-of-page navigation section and the copyright, contact and update section */
	.bottomnav { text-align: center; 	/* for bottom-of-page navigation section */
		color: #cccccc;
		font-weight: bold;
		font-size: 12px }
	.copyright { text-align: center;	/* for copyright, contact and update info section */
		color: #cccccc;
		font-size: 10px }
	img#bioimage { float: left;		/* for photo of me on Bio page */
		margin-right: 20px;
		margin-bottom: 10px }
		

/* General use styles */
	.smaller { font-size: 9px }
	.centered { text-align: center }
	.centeredtable { margin-left: auto;
		margin-right: auto }