body 		{ 	background-color: #fdfdf5;
			margin-left: 1%;
			margin-right: 1%; /* shifts the content about.  Need to balance the scroll bar. */
			margin-top: 8px;	/* 'white' space at top, above tables especially */
			margin-bottom: 10px;  /* Make it too small and it jams the bottom of the content against the bottom 
				of the screen */ 
	 		color: #000000; 
			font-family: Verdana, Arial; 
			/* font-size: 0.8em; */	/*if you put this in, all the font sizes alter to match */
			line-height: 26px;
		}


bodytext  	{	margin-top: 8px;
			margin-bottom: 10px;
			margin-left:	5%;
			margin-right: 5%;
			line-height: 26px;
			color: #000000;
			font-family: Verdana, Arial; 
			/* font-size: 0.8em; */ /*if you put this in, all the font sizes alter to match */
	    	} 

body.header 	{	border: 0px;
			margin: 0px;
			padding: 0px;
		}

/* PARAGRAPHS */

p		{	margin-top: 4px;
			margin-bottom: 4px;
			margin-left: 3%;
			margin-right: 3%;
			font-family: Verdana, Arial; 
			font-size: 0.8em; 
			color: #000000;
			line-height: 22px;
		}
p.large	  	{	font-family: Verdana, Arial; 
			font-size: 1.2em;
			color: /*#4a1c03;*/ #673d26;
			line-height:16px;	
		}

p.small		{	text-decoration: none;
			margin-top: 2px;
			margin-bottom: 2px;
			margin-left:3%;
			margin-right: 3%;
			font-family: Verdana, Arial; 
			font-size: 0.8em;  /*0.9em*/
			text-align: center;
			color: /*#645f5d; */ #673d26;
			line-height:16px;		
		}

p.current		{	text-decoration: none;
			margin-top: 2px;
			margin-bottom: 2px;
			margin-left:3%;
			margin-right: 3%;
			font-family: Verdana, Arial; 
			font-size: 0.8em; /*0.9em; */
			font-weight: 300;
			text-shadow: 1px 1px #000000, 0 0 10px #ffffff; 
			background: #ffffff;
			text-align: center;
			color: /*#645f5d;  #83960e;*/ #afcb0a;
			line-height:16px;
					
		}

p.caption		{	margin-top: 6px;
			margin-bottom: 0px;
			margin-left: 0%;
			margin-right: 0%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.7em;
			color: #000000;
			line-height: 16px;
		}

p.captionb	{	margin-top: 6px;
			margin-bottom: 0px;
			margin-left: 0%;
			margin-right: 0%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.7em;
			color: #840202;
			line-height: 16px;
		}

p.center	{	margin-top: 4px;
			margin-bottom: 4px;
			margin-left: 3%;
			margin-right: 3%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.9em; 
			color: #000000;
			line-height: 20px;
		}	/*for large captions */

p.commentb	{	margin-top: 4px;
			margin-bottom: 4px;
			margin-left: 0;
			margin-right: 0;
			font-family: Verdana, Arial; 
			font-size: 0.8em; 
			color: #840202;
			line-height: 20px;
		}

p.header		{	margin-top: 2px;
			margin-bottom: 4px;
			margin-left: 3%;
			margin-right: 3%;
			text-align: center;
			font-family: Verdana, Arial;
			font-size: 0.8em;
			color: #000000;
			line-height: 18px; /*for medium captions */
		}

p.ind		{	margin-top: 4px;
			margin-bottom: 4px;
			margin-left: 3%;
			margin-right: 3%;
			font-family: Verdana, Arial; 
			font-size: 0.8em; 
			color: #000000;
			line-height: 20px;
		}

p.indb		{	margin-top: 4px;
			margin-bottom: 6px;
			margin-left: 2%;
			margin-right: 2%;
			font-family: Verdana, Arial; 
			font-size: 0.6em; 
			color: #000000;
			line-height: 15px;
			text-align: center;
		}	/* for very small captions in the top index line: names of places */

p.indcenter	{	margin-top: 4px;
			margin-bottom: 4px;
			margin-left: 3%;
			margin-right: 3%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.8em; 
			color: #000000;
			line-height: 20px;
		}	/* for page numbers in the main contents list */

p.index		{	margin-top: 4px;
			margin-bottom: 4px;
			margin-left: 3%;
			margin-right: 3%;
			font-family: Verdana, Arial; 
			font-size: 0.7em; 
			color: #000000;
			line-height: 18px;
		}	/* not used here */

p.justify		{	margin-top: 4px;
			margin-bottom: 4px;
			margin-left: 3%;
			margin-right: 3%;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size: 0.8em; 
			color: #000000;
			line-height: 22px;
		}	/* lined up with p, but may be wrong */


p.smallnote	{	margin-top: 4px;
			margin-bottom: 4px;
			margin-left:	3%;
			margin-right: 3%;
			font-family: Verdana, Arial; 
			font-size: 0.7em; 
			color: #000000;
			line-height: 15px;
			text-align: justify;
		}


ul		{	font-family: Verdana, Arial; 
			font-size: 90%; 
			color: #000000;
			line-height: -4px;
			margin-top: 4px;
			margin-bottom: 4px;
			margin-left: 20px;
			margin-right: 20px;
		}

li		{	font-family: Verdana, Arial; 
			font-size: 90%; 
			color: #000000;
			line-height: -4px;
			margin-top: 4px;
			margin-bottom: 4px;
			margin-left: 40px;
			margin-right: 20px;
		}

/* LINKS */

a:link 		{ 	color: /*#545b16;*/ #000000; 
			text-decoration: none;
			border-bottom-style: dotted;
			border-bottom-width: 2px;
			border-bottom-color: #aaaaaa; 
		}


a:visited 		{ 	color: #000000; 
			text-decoration: none;
			border-bottom-style: dotted;
			border-bottom-width: 2px;
			border-bottom-color: #aaaaaa; 
		}
		
a:hover		{ 	color: #414709; 
			background: #ffffff;
			font-weight: 400; 
			text-shadow: 2px 2px #c9dd0a, 0 0 10px #ffffff; 
			text-decoration: none;
		}

a:active 		{	color: #414709; 
			background: /*#ffffff;*/ #e6e8d3;
			font-weight: 400; 
			text-decoration: none;
		}

/* IN-PARA TEXT SIZE-AND-LAYOUT CHANGES */

span.annot	{	font-family: Verdana; 
			font-size: 0.9em;
			color: #551C05;
			font-weight: bold;
		}

span.comment  	{	font-family: Verdana;
		 	font-size: 0.7em;
			font-style: italic;
		}

span.edcom  	{	color: #aa0000; /* dark red */
			font-size: 0.8em;
	    	}

span.large   	{	font-family: Verdana; 
			font-size: 1em;
			color: #000000;
		}		

span.note    	{	font-family: Verdana, Arial; 
			font-size: 75%;
			color: #000000;
			text-decoration: none;  
			line-height: -5px;	
		}

span.smallnote	{	font-family: Verdana; 
			font-size: 0.7em;
			line-height: 15px; 
		}


/* ADDITIONS AND DELETIONS  THESE DON'T SEEM TO BE AS COMPLEX AS OTHER VERSIONS. Are any of them used?  */

span.adda 	{	color: #113096; /* dark blue */
	  	}

span.addb 	{	color: #5e175e; 
			font-weight: bold; 
	  	}

span.dela  	{	color: #1d2b84; 
			background: #def0fa;
			text-decoration: line-through;
		}

span.delb 	{ 	color: #6d2596; 
			background: #e9deef;
			text-decoration: line-through;
	 	}
	
span.addc	{	color: #dc6413; /*orange*/
		 	font-weight: bold;
		}

/* SEARCH AND DESTROY THESE */

strike 		{ 	color: #ff0000; 	/* #1d2b84 */
			background: #d5d9f0; 
		}



/*span.add2 	{	color: #5e175e; /*#721c72; #5b1f7e; #5d2080; */
			font-weight=500;
	  	}*/


/* SPACING */


span.condense	{	word-spacing: -0.1em;
		}

span.condenseb	{	word-spacing: -0.04em;
		
		}

span.condlett 	{	letter-spacing: -0.04em;
		}

/* TABLES */


table		{	border: 0;
			cell-padding: 2;
			background: #fcfcf6;
		}

table.tabs	{	border-top-style: solid;
			border-bottom-style: solid;
			/*border-style: solid;*/
			border-collapse: collapse;			
			cell-padding: 0;
			background-color: #bbbbbb; /*grey*/
		}

table.tabsb	{	border-top-style: solid;
			border-bottom-style: solid;
			/*border-style: solid;*/
			border-collapse: collapse;			
			cell-padding: 0;
			height: 36px;
			background-color: #bbbbbb; /*grey*/
		}

table.two		{	border: 0;
			cell-padding: 3px;
			background: #dddddd;
		}

table.three	{	border: 2px;
			background-color: #bbbbbb;  /* dark grey:  used in progress.html, stop.html, to make dark border 
				round lighter cell. */
			text-align: center;
		}

td.grad_a	{	background-color: #e1e1c0; /* olive:  for top bar: fades down */
			background-image: url("grad_a.gif");
			background-repeat: repeat-x;
			height: 6px;
		}

td.grad_b	{	background-color: #e1e1c0; /* olive:  for bottom bar: fades up */
			background-image: url("grad_b.gif");
			background-repeat: repeat-x;
			height: 6px;
		}

 /*td a:link 	{ 	
			text-decoration: none;
			border-bottom-style: dotted;
			border-bottom-width: 2px;
			border-bottom-color: #cccccc; 
			color: #000000; 
		}


td a:visited 	{ 	color: #000000; 
			text-decoration: none;
			border-bottom-style: dotted;
			border-bottom-width: 2px;
			border-bottom-color: #cccccc; 
		} 


td a:hover
		{ 	color: #aa0000; 
			background: #def0fa; 
			text-decoration: none;
		}



td a:active 	{ 	color: #aa0000; 
			background: #def0fa; 
			text-decoration: none;  
		}*/




td.greydk	{	border: 0;
			cell-padding: 0;
			background: #cccccc; /*darker grey*/
			/* width: 50%; */
		}

td.greymd	{	border: 0;
			cell-padding: 0;
			background: #dddddd; /*medium grey*/
			/* width: 50%; */
		}

td.greylt		{	border: 0;
			cell-padding: 0;
			background: #eeeeee; /*lighter grey*/
			/* width: 50%; */
		}
/*td.current	{	border: 0;
			cell-padding: 0;
			background: #eeeeee; /*lighter grey*/
			text-color: #e1e1c0;
			
		}*/

td.olive		{	border: 0;
			/* width: 60%; */
			cell-padding: 0;
			background: #e1e1c0; /*pale olive green*/
			/* width: 50%; */
		}

td.olivelt	{	border: 0;
			padding-top: 15px;
			padding-bottom: 15px;
			padding-left: 30px;
			padding-right: 30px;		
			background: #f8f8e8; /*very pale olive*/
		}			
		
td.vpgreen	{	border: 0;
			cell-padding: 0;
			background: #f8f8dd; /*very pale yellowish green*/
		}

td.greenlt	{	border: 0;
			cell-padding: 0;
			background: #f2f2dc; /*very pale green*/
		}

	

td.beige	{	border: 0;
			cell-padding: 0;
			background: #eee8d0; /*greige*/
		}

td.cream	{	border: 0;
			cell-padding: 0;
			background: /*#fff5db; #ebe2c9;*/ #f5eedb; /*cream*/
		}