body 		{ 	background: #fdfdf5;
	 		color: #000000; 
			margin-left: 2%;
			font-size: smaller;
			font-family: Verdana, Arial; 
			font-size: 0.8em;
	
		} 


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;
	    	} 

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

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: 26px;
		}

p.large	  	{	font-family: Verdana, Arial; 
			font-size: 1.2em;
			color: #000000;
		}


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.inda		{	margin-top: 4px;
			margin-bottom: 4px;
			margin-left:	3%;
			margin-right: 3%;
			font-family: Verdana, Arial; 
			font-size: 0.8em; 
			color: #000000;
			line-height: 18px;
		}


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.captionx	{	margin-top: 0px;
			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; /*for less space between the image and the caption */  
		}

p.captionb	{	margin-top: 8px;  /*want a bit of space between the image and the caption; could be larger */  
			margin-bottom: 6px;
			margin-left:	0%;
			margin-right: 0%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.85em;
			color: #000000;
			line-height: 16px;  /* slightly larger overall */
		}

p.captionbx	{	margin-top: 0px;  /*less space between the image and the caption */  
			margin-bottom: 0px;
			margin-left:	0%;
			margin-right: 0%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.85em;
			color: #000000;
			line-height: 16px;  /* slightly larger overall.  This is messing about. */
		}

p.captionc	{	margin-top: 6px;
			margin-bottom: 6px;
			margin-left:	0%;
			margin-right: 0%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.7em;
			color: #aa0000;
			line-height: 16px;
		}	/* small and red and centred */


p.captiond	{	margin-top: 6px;
			margin-bottom: 6px;
			margin-left:	0%;
			margin-right: 0%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.8em;
			color: #aa0000;
			line-height: 16px;
			/* medium and red and centred */
		}

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;
		}

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


p.credit   	{	font-family: Verdana, Arial; 
			font-size: 0.7em;
			color: #000000; 
			text-align: center;
		}

p.explain	{	margin-top: 10px;
			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;  /* This is for explanations under big images */
		}

p.explainb	{	margin-top: 10px;
			margin-bottom: 4px;
			margin-left:	3%;
			margin-right: 3%;
			text-align: left;
			font-family: Verdana, Arial; 
			font-size: 1em;
			color: #000000;
			line-height: 20px;  /* This is for explanations under big images and in the lists at top of Progress page */
		}
p.title		{	margin-top: 10px;
			margin-bottom: 4px;
			margin-left:	3%;
			margin-right: 3%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.9em;
			font-weight: bold;
			color: #000000;
			line-height: 20px;  /* This is for titles under big images */
		}

p.titleb		{	margin-top: 10px;
			margin-bottom: 10px;
			margin-left:	3%;
			margin-right: 3%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 1.2em;
			font-weight: bold;
			color: #000000;
			line-height: 20px;  /* This is for titles of biographies */
		}

p.titlec		{	margin-top: 10px;
			margin-bottom: 10px;
			margin-left:	3%;
			margin-right: 3%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.8em;
			font-weight: bold;
			color: #000000;
			line-height: 20px;  /* This is for titles of 'chapters' */
		}

p.titled	{	margin-top: 10px;
			margin-bottom: 4px;
			margin-left:	30px;
			margin-right; 30px
			font-family: Verdana, Arial; 
			font-size: 0.9em;
			font-weight: bold;
			color: #000000;
			line-height: 20px;  /* This is for titles of sections */
		}

p.titledb	{	margin-top: 10px;
			margin-bottom: 4px;
			margin-left:	30px;
			margin-right; 30px
			font-family: Verdana, Arial; 
			font-size: 0.8em;
			font-weight: bold;
			color: #000000;
			line-height: 20px;  /* This is for titles of sections in tables */
		}
p.titleg		{	margin-top: 10px;
			margin-bottom: 4px;
			margin-left:	10px;
			margin-right; 10px
			font-family: Verdana, Arial; 
			font-size: 1em;
			font-weight: bold;
			color: #000000;
			line-height: 20px;  /* This is for titles of sections */
		}

p.titlee		{	margin-top: 10px;
			margin-bottom: 4px;
			margin-left:	3%;
			margin-right;
			font-family: Verdana, Arial; 
			font-size: 1.2em;
			font-weight: bold;
			color: #000000;
			line-height: 20px;  /* This is for larger titles of sections */
		}


p.titlef	{	margin-top: 10px;
			margin-bottom: 4px;
			margin-left:	3%;
			margin-right;
			font-family: Verdana, Arial; 
			font-size: 2em;
			font-weight: bold;
			color: #000000;
			line-height: 20px;  /* This is for absolutely enormous titles */
		}

p.justify	{	margin-top: 10px;
			margin-bottom: 4px;
			margin-left: 30px;
			margin-right: 30px;
			text-align: justify;
			font-family: Verdana; 
			font-size: 0.9em;
			color: #000000;
			line-height: 20px;  /* This is for smaller explanations*/
		}

p.justifyd	{	margin-top: 10px;
			margin-bottom: 4px;
			margin-left: 30px;
			margin-right: 30px;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size: 1em;
			color: #000000;
			line-height: 20px;  /* experiment*/
		}

p.justifyb		{	margin-top: 0px;
			margin-bottom: px;
			margin-left:	60px;
			margin-right: 60px;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size: 0.75em;
			color: #000000;
			line-height: 18px;  /* Blockquotes:  doesn't seem to come out any smaller when reduced to .75em?*/
		}

p.justifyc		{	margin-top: 10px;
			margin-bottom: 4px;
			margin-left:	30px;
			margin-right: 30px;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size: 0.8em;
			color: #000000;
			line-height: 20px;  /* This is for use in tables*/
		}



p.block		{	margin-top: 5px;
			margin-bottom: 5px;
			margin-left:	3%;
			margin-right: 3%;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size: 0.85em;
			color: #000000;
			line-height: 18px;  /* This is for smaller explanations*/
		}

p.blockb	{	margin-top: 5px;
			margin-bottom: 5px;
			margin-left:	3%;
			margin-right: 3%;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size: 0.75em;
			color: #000000;
			line-height: 18px;  /* This is for smaller explanations: actually it is the best under images*/
		}
p.blockc	{	margin-top: 5px;
			margin-bottom: 5px;
			margin-left:	3%;
			margin-right: 3%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.75em;
			color: #000000;
			line-height: 18px;  /* This is for shorter explanations under caps */
		}
p.blockq	{	margin-top: 5px;
			margin-bottom: 5px;
			margin-left:	60px;
			margin-right: 60px;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size: 0.9em;
			color: #000000;
			line-height: 18px;  /* This is for blockquotes under images*/
		}

p.blockqq	{	margin-top: 5px;
			margin-bottom: 5px;
			margin-left:	60px;
			margin-right: 60px;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size: 0.8em;
			color: #000000;
			line-height: 18px;  /* This is for blockquotes in tables*/
		}

p.indent	{	margin-top: 10px;
			margin-bottom: 4px;
			margin-left:	3%;
			margin-right: 3%;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size: 0.9em;
			color: #000000;
			line-height: 18px; 
			text-indent: 2em;			
		}

p.indentb	{	margin-top: 10px;
			margin-bottom: 4px;
			margin-left:	3%;
			margin-right: 3%;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size: 0.8em;
			color: #000000;
			line-height: 18px; 
			text-indent: 2em;	/*for in table*/		
		}

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;
		}

p.indexb	{	margin-top: 2px;
			margin-bottom: 2px;
			margin-left:	3%;
			margin-right: 3%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.7em; 
			color: #000000;
			line-height: 18px;
		}


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;
		}

p.right		{	margin-top: 4px;
			margin-bottom: 4px;
			margin-left:	30px;
			margin-right: 30px;
			text-align: right;
			font-family: Verdana, Arial; 
			font-size: 0.8em;
			color: #000000;
			line-height: 18px;  /* This is for sources after quotes*/
		}


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

sup		{	font-family: Verdana, Arial; 
			font-size: 0.8em;
			color: #000099; 
			vertical-align: +2;
			/*padding-bottom: 2px;*/
			line-height: 18px;
		}

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

	

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


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



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

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


span.note    	{	font-family: Verdana, Arial; 
			font-size: 75%;
			color: #000000;
			text-decoration: none;  
			line-height: -5px;	
		}
span.emph	{	font-family: Verdana, Arial; 			
			
			font-weight: bold;
			 /* This is for emphasising important details*/
		}	



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

span.addc	{	color: #dc6413; /*orange*/
		 	font-weight: bold;
		}

span.adda 	{	color: #113096; /* dark blue */
			font-weight: bold;
	  	}

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


span.interx 	{	color: #113096; /* dark blue */
			font-size: 0.9em;
			vertical-align: middle;
			text-decoration: none;
			line-height: 16px;  
				 /* for interlineations in transcriptions other than Spence*/
	  	}

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

span.pagin 	{	font-family: Verdana, Arial; 
			font-size: 0.85em;
			color: #840202;
			font-weight: bold;
			text-decoration: none;  			
		}

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

span.condense2	{	word-spacing: -0.05em;
		
		}

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

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

span.delb 	{ 	color: #6d2596; 
			background: #e9deef;
			text-decoration: line-through;
	 	 }	

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

span.captiond	{			
			font-family: Verdana, Arial; 
			font-size: 1em;
			color: #aa0000;
			font-weight=bold;
		}	/* medium and red*/

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

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

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

table		{	border: 0;
			width: 1020px;
			cell-padding: 5;
			background: #fcfcf6;
		}

table.b		{	border: 0;
			
			cell-padding: 5;
			background: #fcfcf6;
		}
table.tabs	{	
			border: 3px #b0c928; /*#e9d5b4; #aa0000;*/
			border-top-style: solid;
			border-bottom-style: solid;
			/*border-style: solid;*/
			border-collapse: collapse;			
			cell-padding: 0;
			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, biography pages, to make dark border 
				round lighter cell. */
			text-align: center;
		}

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


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


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



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

td.greyvdk	{	border: 0;
			padding-top: 8px;
			padding-bottom: 7px;
			padding-left: 8px;
			padding-right: 8px;	
			background: #aaaaaa; /*very dark grey*/			
		}

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

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

td.greylt	{	border: 0;
			cell-padding: 0;
			background: #eeeeee; /*lighter grey*/			
		}

td.greyltb	{	border: 0;
			background-color: #eeeeee; /*lighter grey*/
			margin-top: 15px;
			margin-bottom: 15px;
			margin-left: 15%; /* pointless if centred anyway? */
			margin-right: 15%;  /* pointless if centred anyway? */
			text-align: center;
			font-size: 1em;	 /* Works in conjunction with all p classes to produce different scales of text. */
			/* font-color: #aa0000; doesn't work with any of the p: presumably they override it? 
				So no point in having it? */
		}	/* Used in progress.html, stop.html, biogs */


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

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; /*cream*/
		}