/* THIS ONE IS FOR GENERAL USE */



body 		{ 	background: #fdfdf5;
	 		color: #000000; 
			margin-top: 8px;
			margin-bottom: 10px;
			margin-left:	3% /*4%*/;
			margin-right: 1% /*2%*/;
			/*vertical-align: center;*/	/* NEEDS OVERRIDING FOR VERY WIDE TRANSCRIPTIONS; SEE Spence_wide.css */
		} 


bodytext  	{	margin-top: 8px;
			margin-bottom: 10px;
			margin-left:	3%  /*4%*/;
			margin-right: 1% /*2%*/;	
			font-family: Verdana, Arial; 
			/* font-size: 0.8em; */ 
			color: #000000;
			line-height: 26px;
			vertical-align: normal;
		} 

body.header 	{	border: 0px;
			margin: 0px;
			padding: 0px;  /*what does this do anyway? */
		}




p		{	margin-top: 0;
			margin-bottom: 0;
			margin-left: 0;
			margin-right: 1%;
			font-family: Verdana, Arial; 
			font-size: 0.8em; 
			color: #000000;
			line-height: 22px;			
		}

p.deep		{	margin-top: 0;
			margin-bottom: 0;
			margin-left:	0;
			margin-right: 1%;
			font-family: Verdana, Arial; 
			font-size: 0.8em; 
			color: #000000;
			line-height: 24px;
			 /* for where the spacing is wider*/			
		}

p.doubledeep	{	margin-top: 0;
			margin-bottom: 0;
			margin-left:	0;
			margin-right: 1%;
			font-family: Verdana, Arial; 
			font-size: 0.8em; 
			color: #000000;
			line-height: 26px;
			 /* for where the spacing is wider*/			
		}

p.large	  	{	font-family: Verdana, Arial; 
			font-size: 1.2em;
			color: /*#4a1c03;*/ #673d26;
			line-height:16px;	
		}


p.medium	{	margin-top: 0;
			margin-bottom: 0;
			margin-left:	0;
			margin-right: 1%;
			font-family: Verdana, Arial; 
			font-size: 0.8em; 
			color: #000000;
			line-height: 23px;			
		}
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.closer		{	margin-top: 0;
			margin-bottom: 0;
			margin-left:0;
			margin-right: 1%;
			font-family: Verdana, Arial; 
			font-size: 0.8em; 
			color: #000000;
			line-height: 20px;			
		}

p.close		{	margin-top: 0;
			margin-bottom: 0;
			margin-left:0;
			margin-right: 1%;
			font-family: Verdana, Arial; 
			font-size: 0.8em; 
			color: #000000;
			line-height: 18px;		
		}


p.indent	{	margin-top: 10px;
			margin-bottom: 4px;
			margin-left:	3%;
			margin-right: 3%;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size: /*0.85em*/ 0.8em;
			color: #000000;
			line-height: 20px; 
			text-indent: 2em;
			line-height: 20px;
		}

p.indentdeep	{	text-indent: 2em;
			line-height: 24px;
		}

p.cont		{	margin-top: 0;
			margin-bottom: 0;
			margin-left: 0;
			margin-right: 1%;
			font-family: Verdana, Arial; 
			font-size: 0.9em; 
			color: #000000;
			line-height: 25px;		/* for continuous modern spelling text without indents: e..g. after a page break */	
		}
p.contind		{	margin-top: 0;
			margin-bottom: 0;
			margin-left: 0;
			margin-right: 1%;
			font-family: Verdana, Arial; 
			font-size: 0.8em; 
			color: #000000;
			text-indent: 2em;
			line-height: 25px;		/* for continuous modern spelling text with indents*/	
		}
p.tabs		{	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:  16px;  /* This is for tabs in menubar.  Used to be 'explain' . */
		}


p.intera		{	margin-top: 0;
			margin-bottom: 0;
			margin-left:	0;
			margin-right: 1%;
			font-family: Verdana, Arial; 
			font-size: 0.6em; 
			color: #113096;
			font-weight: bold;
			vertical-align: middle;
			text-decoration: none;
			line-height: 10px;  
			 	/* for interlineations*/				
		}

p.interb		{	margin-top: 0;
			margin-bottom: 0;
			margin-left:	0;
			margin-right: 1%;
			font-family: Verdana, Arial; 
			font-size: 0.6em; 
			color: #780178; /*purple slightly lighter*/
			font-weight: bold;
			vertical-align: baseline;
			text-decoration: none;
			line-height: 8px;  
			 	/* for interlineations*/				
		}

p.interbb		{	margin-top: 0;
			margin-bottom: 0;
			margin-left:0;
			margin-right: 1%;
			font-family: Verdana, Arial; 
			font-size: 0.5em; 
			color: #780178; /*purple slightly lighter*/
			font-weight: 600;
			vertical-align: baseline;
			text-decoration: none;
			line-height: 12px;  
			 	/* for very tight interlineations with lots of text*/				
		}
p.interbc		{	margin-top: 0;
			margin-bottom: 0;
			margin-left:	0;
			margin-right: 1%;
			font-family: Verdana, Arial; 
			font-size: 0.6em; 
			color: #780178; /*purple slightly lighter*/
			font-weight: bold;
			vertical-align: middle;
			text-decoration: none;
			line-height: 10px;  
			 	/* for very tight interlineations*/				
		}
p.textbb  	{	color: #780178; /*purple slightly lighter*/
			font-family: Verdana, Arial; 
			
			text-decoration: none;
			line-height: 20px; /* for lengthy additions text size and in text */
	  	}

p.caption		{	margin-top: 8px;
			margin-bottom: 0px;
			margin-left: 0%;
			margin-right: 0%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.6em;
			color: #000000;
			line-height: 14px;
		}


p.captionb	{	margin-top: 8px;
			margin-bottom: 0px;
			margin-left: 0%;
			margin-right: 0%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.8em;
			color: #000000;
			line-height: 20px;
		}
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.comment 	 {	 font-family: Verdana;
			 font-size: 0.7em;
			 font-style: italic;
		}


p.commentb	{	margin-top: 4px;
			margin-bottom: 4px;
			margin-left: 0;
			margin-right: 0;
			font-family: Verdana, Arial; 
			font-size: 0.8em; 
			color: #840202;
		}

p.commentc	{	margin-top: 0;
			margin-bottom: 0;
			margin-left: 0;
			margin-right: 0;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.8em; 
			color: #840202;
			/* for centred comments. */
		}

p.justify		{	margin-top: 4px;
			margin-bottom: 4px;
			margin-left: 3%;
			margin-right: 3%;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size: /*0.9em*/ 0.8em; 
			color: #000000;
			line-height: 20px;
		}	/* not lined up with p, but may be wrong */

p.justifyb		{	margin-top: 4px;
			margin-bottom: 4px;
			margin-left: 0;
			margin-right: 0;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size:  /*0.9em*/ 0.8em; 
			color: #000000;
			line-height: 20px;
		}

p.justifyc		{	margin-top: 4px;
			margin-bottom: 4px;
			margin-left: 0;
			margin-right: 0;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size: 0.8em; 
			color: #000000;
			line-height: 20px;  /* mostly for annotations at the head of sections. */
		}	
	


p.note		{	margin-top: 4px;
			margin-bottom: 4px;			
			font-family: Verdana, Arial; 
			font-size: 0.7em; 
			color: #000000;
			line-height: 15px;
			text-align: justify;
		}

p.otherhand	{	margin-top: 4px;
			margin-bottom: 4px;
			margin-left:2%;
			margin-right: 2%;
			font-family: Georgia, Palatino, Zapf; 
			font-size: 0.8em; 
			color: #000000;
			line-height: 22px;  /* This is for places where another hand has made annotations in an 
			italic-type script: so far only on interpolated papers */
		}

p.otherhandb	{	margin-top: 4px;
			margin-bottom: 4px;
			margin-left:0%;
			margin-right: 2%;
			font-family: Georgia, Palatino, Zapf; 
			font-size: 0.8em; 
			color: #000000;
			line-height: 22px;  /* This is for places where another hand has made annotations in an 
			italic-type script: so far only on interpolated papers */
		}

p.pagin 		{	font-family: Verdana, Arial; 
			font-size: 0.7em;
			color: #840202;
			font-weight: bold;
			text-decoration: none;
			line-height: 22px;  			
			}

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.spacer		{	margin-top: 0;
			margin-bottom: 0;
			margin-left:	0;
			margin-right: 0;
			line-height: 7px;
			/* for when there is a gap between paras */
		}

p.text		{	margin-top: 0;
			margin-bottom: -0.3em; /* this is the largest margin which does not cut off the descenders of letters in the last line, but it means you have to fiddle about with spacers */
			margin-left: 0;
			margin-right: 1%;
			font-family: Verdana, Arial; 
			font-size: 0.8em; 
			color: #000000;
			line-height: 22px;
		}	/* FOR TRANSCRIPTIONS IN TABLES TO CLOSE UP THE SPACES BETWEEN PARAS */

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 mostly for titles of biographies */
		}

p.titlec		{	margin-top: 10px;
			margin-bottom: 4px;
			margin-left:	0;
			margin-right: 1%;
			text-align: left;
			font-family: Verdana, Arial; 
			font-size: 1em;
			font-weight: bold;
			color: #000000;
			line-height: 25px;  /* This is for titles in the continuous modern-spelling text */
		}

p.titled		{	margin-top: 10px;
			margin-bottom: 12px;
			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 of biographies in popups */
		}

h1		{	text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.9em;
			font-weight: bold;
			margin-bottom: 3px;	
		}


h2		{	text-align: center;
			font-family: Verdana, Arial; 
			font-size: 1.7em;
			font-weight: normal;
			color: #ffffff;
			margin-top: 0.3em;
			margin-bottom: 0.3em;}

ul		{	font-family: Verdana, Arial; 
			font-size: 0.9em; 
			color: #000000;
			line-height: 16px;  /* Same as p */
			margin-top: 4px;
			margin-bottom: 4px;
			margin-left: 20px;
			margin-right: 20px;
		}

	
li		{	font-family: Verdana, Arial; 
			font-size: 0.9em; 
			color: #000000;
			line-height: 20px;
			margin-top: 4px;
			margin-bottom: 4px;
			margin-left: 20px;
			margin-right: 40px;
		}

img		{	border: none;
			border-bottom-style: none;  
		}

sup		{	font-family: Verdana, Arial; 
			font-size: 0.8em;
			color: #000099; 
			vertical-align: +2;
			/*padding-bottom: 2px;*/
			line-height: 18px;
		}

/*sup		{	vertical-align: top;
			line-height: -1;
		}*/

sub		{	vertical-align: baseline;
			line-height: 0;	 
		}

/*LINKS*/

a:link 		{ 	color: #000000; 
			text-decoration: none;
			border-bottom-style: dotted;
			border-bottom-width: 2px;
			border-bottom-color: #cccccc; 
		}


a:visited 		{ 	color: #000000; 
			text-decoration: none;
			border-bottom-style: dotted;
			border-bottom-width: 2px;
			border-bottom-color: #cccccc; 
		}
		
a:hover		{ 	color: #aa0000; 
			background: #def0fa; 
			text-decoration: none;
		}

a:active 		{	color: #aa0000; 
			background: #def0fa; 
			text-decoration: none;
		}




/* ADDITIONS AND DELETIONS:  NEED RATIONALISING   NUMBERS SHOULD BE REMOVED*/


span.texta 	{	color: #113096; 
			font-weight: bold; 
			text-decoration: none;
	  	}

span.adda  	{	color: #113096; 
			font-size: 0.8em;
			font-weight: bold; 
			vertical-align: top;
			text-decoration: none;
			line-height: 22px;  /*raised */
	  	}
span.upa 	{	color: #113096; 
			font-size: 0.85em;
			font-weight: bold; 
			vertical-align: +4px;
			text-decoration: none;
			line-height: 22px;  /*raised */
	  	}

span.add1 	{	color: #ff0000; /*red for warning*/
			font-size: 0.8em;
			font-weight: bold; 
			vertical-align: top;
			text-decoration: none;
			line-height: 22px;  /*raised */
	  	}

span.intera 	{	color: #113096; /* dark blue */
			font-weight: bold;
			font-size: 0.8em;
			vertical-align: middle;
			text-decoration: none;
			line-height: 12px;  
				 /* for interlineations*/
	  	}


span.careta	{	color: #113096;
			font-weight: bold; 
				
			line-height: 22px;	 
			text-decoration: none;
			 /* for carets */
	  	}


span.addb	{	color: #780178; /*purple slightly lighter*/
			font-weight: bold;
			font-size: 0.8em;
			vertical-align: top;
			text-decoration: none;
			line-height: 22px;  /*raised */
	  	}
span.addbup	{	color: #780178; /*purple slightly lighter*/
			font-weight: bold;
			font-size: 0.8em;
			vertical-align: +0.5;
			text-decoration: none;
			line-height: 22px;  /*raised */
	  	}

span.addbtwo	{	color: #780178; /*purple slightly lighter*/
			font-weight: bold;
			font-size: 1em;
			vertical-align: top;
			text-decoration: none;
			line-height: 22px;  /*raised  for quotations in tables*/
	  	}

span.add2 	{	color: #ff0000; /*red for warning*/
			font-weight: bold;
			font-size: 0.8em;
			vertical-align: top;
			text-decoration: none;
			line-height: 22px;  /*raised */
	  	}

span.interb 	{	color: #780178; /*purple slightly lighter*/
			font-weight: bold;
			font-size: 0.8em;
			vertical-align: middle;
			text-decoration: none;
			line-height: 12px;  
			 	/* for interlineations*/
	  	}


span.caretb	{	color: #780178;
			font-weight: bold; 
				
			line-height: 22px;
					 
			/* for carets */
	  	}

span.caretbtwo	{	color: #780178;
			font-weight: bold; 
			vertical-align: -5px;	
			line-height: 22px;
			font-size: 1em;
			vertical-align: -10px;	/*needs to be lowered*/	 
			/* for carets  in quotations*/
	  	}

span.upb 	{	color: #780178; 
			font-size: 0.85em;
			font-weight: bold; 
			vertical-align: top;
			text-decoration: none;
	  	}

span.upbtwo 	{	color: #780178; 
			font-size: 0.8em;
			font-weight: bold; 
			vertical-align: top;
			text-decoration: none;
			line-height: 12px;
	  	}

span.textb  	{	color: #780178; /*purple slightly lighter*/			
			font-size: 0.75em;
			font-weight: bold;
			font-family: Verdana, Arial; 			
			text-decoration: none;
			line-height: 20px; /* for additions text size and in text */
	  	}

span.textbb  	{	color: #780178; /*purple slightly lighter*/
			font-family: Verdana, Arial; 
			
			text-decoration: none;
			line-height: 20px; /* for additions text size and in text */
	  	}

span.textbbc  	{	color: #780178; /*purple slightly lighter*/
			font-family: Verdana, Arial; 
			font-size: 0.75em;
			text-decoration: none;00:03 08/11/2016
			line-height: 20px; /* for additions text size and in text */
	  	}

span.addc	{	color: #dc6413; /* orange*/		 	
			text-decoration: none;
			font-family: Verdana, Arial; 
			font-size: 0.9em;
			font-weight: bold;
			line-height: 16px; 
		}

span.addctwo	{	color: #dc6413; /* orange*/
			font-family: Verdana, Arial; 
			font-size: 1.2em;
		 	font-weight: bold;
			text-decoration: none;  /* larger */
		}

span.addcsm	{	color: #dc6413; /* orange*/		 	
			text-decoration: none;
			font-family: Verdana, Arial; 
			font-size: 0.8em;
			font-weight: bold;
			line-height: 16px; 
		}
span.pencil	{	color: #bbbbbb; /* grey*/		 	
			text-decoration: none;
			font-family: Verdana, Arial; 
			font-size: 0.9em;
			font-weight: bold;
			line-height: 16px; /*for pencil annotations of no certian date*/
		}

span.dela   	{	color: #1d2b84; 
			background: #def0fa;
			text-decoration: line-through;
		}


span.delb   	{	color: #780178;
			background: #def0fa;
			text-decoration: line-through;
		}

span.otherhand	{	font-family: Georgia, Palatino, Zapf; 
			font-size: 0.8em; 
			color: #000000;
			 /* This is for places where another hand has made annotations in an 
			italic-type script: so far only on interpolated papers. In tables, shrinks to illegibility. */
		}

/* THESE ARE FOR TOM 'S MARKUP, AND SHOULD EVENTUALLY DISAPPEAR */

span.del1  	{	color: #ff0000;  /*red for warning*/
			background: #def0fa;
			text-decoration: line-through;
		}


span.delb 	{ 	color: #6d2596; 
			background:  #e9deef;
			text-decoration: line-through;
	  	}
	
span.del2 	{ 	color: #ff0000; /*red for warning*/
			background:  #e9deef;
			text-decoration: line-through;
	  	}

strike 		{ 	color: #ff0000; /*red for warning*/
			background: #0000ff;
			text-decoration: line-through;
	  	}


		}		

/* CONDENSE */

span.condense	{word-spacing: -0.1em;
		}


span.condenseb	{word-spacing: -0.2em;		
		}

span.condense2	{word-spacing: -0.2em;	
		font-size: 0.8em;
		font-style: italic;	 /*this one turns out very very small???? *?
		}

span.condensec	{word-spacing: -0.3em;	
		font-size: 0.8em;
		}

span.condlett 	{letter-spacing: -0.04em;  /*I'VE ALTERED THIS BECAUSE 0.5EM WAS TOO FIERCE*/
		}



		
/* VARIOUS SIZES FOR EDITORIAL COMMENT */

span.emph	{	color: #840202;
		}

span.note 	{	font-family: Verdana, Arial; 
			font-size: 0.7em;
			color: #000000;
			text-decoration: none;  
			line-height: 18px;	/* I don't know where I have used this one! */
			}

span.pagin 	{	font-family: Verdana, Arial; 
			font-size: 0.85em;
			color: /*#840202;*/ #aa0000;
			font-weight: bold;
			text-decoration: none;  			
			}


span.smallnote	{	font-family: Verdana; 
			font-size: 0.7em;
			line-height: 15px; 
		}

	
span.edcom  	{	color: #aa0000; 
			font-size: 0.8em; 
			line-height: 22px;
				/*THIS ONE BEHAVES VERY ODDLY DEPENDING ON THE COMPANY IT KEEPS.  DOESN'T 
				SEEM TO STAY THE SAME SIZE */
	    	}


span.comment 	 {	 font-family: Verdana;
			 font-size: 0.75em;
			 font-style: italic;
		}

span.commb	{	font-family: Verdana, Arial; 
			font-size: 0.8em; 
			color: #840202;
			line-height: 26px;  /* THIS ONE WAS MEANT TO MATCH p.commentB, BUT IT CHANGES SIZE 
				ACCORDING TO CONTEXT. WHY?*/
		}
span.commc	{	font-family: Verdana, Arial; 
			font-size: 0.9em; 
			color: #000000;
			line-height: 26px;  /* THIS ONE WAS MEANT TO MATCH p.commentB, BUT IT CHANGES SIZE 
				ACCORDING TO CONTEXT. WHY?*/
		}

span.compare	{	color: #000000; 
			background: #e2f2f6; /* #d1e9ee;  #ebfdfd;*/
			 /* for comparison of Spence with Ellwood*/
		}

span.compb	{	color: #000000; 
			background: #fcf1e2; /*#fdebd2   #fce2bb;  #fefbd6;*/
			/* for comparison of Spence with Ellwood*/
		}		

span.compc	{	color: #000000; 
			background: e9ecc8;    /*#d5f7d3,  #d7dab5*/
			/* for comparison of Spence with Ellwood*/
		}

span.highlight	{	color: #000000; 
			background: #daf7cf; /* pale green;  #d1e9ee;  #ebfdfd;*/
			 /* for highlighting important passages in supplementary materials*/
		}	



span.large   	{	font-family: Verdana, Arial; 
			font-size: 1.2em;
			color: #000000;
		}

span.small   	{	font-family: Verdana, Arial; 
			font-size: 0.7em;
			color: #000000;
		}


/* TABLES */

table		{	layout: fixed;
			width: 1020px; 
			position: center;
			border: 0;
			cell-padding: 0;
			background: #fcfcf6;			
		}

table.two		{	layout: fixed;
			width: 900px; /* just trying to get the td.quote matching in size */
			border: 0;
			cell-padding: 0;
			background: #fcfcf6;
			
		}

table.three	{	border: 2px;
			background-color: #aaaaaa;  /* dark grey:  used in progress.html, stop.html, biography pages, to make dark border 
				round lighter cell. */
			text-align: center;
			width: 500px;

		}

table.four		{	layout: fixed;
			width: 800px; /* just trying to get the td.quote matching in size */
			border: 0;
			cell-padding: 0;
			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.cont	{	layout: fixed;
			width: 700px; 
			border: 0;
			cell-padding: 0;
			background: #fcfcf6;  /* for continuous modern spelling narrative */			
		}

table.quote	{	border: 0;
			cell-padding: 2;
			background: #eeeeee;
		}

table.quoteb	{	width: 620px;	
			border: 0;
			cell-padding: 5;
			background: #eeeeee;
		}

table.quotec	{	width: 650px;	
			border: 0;
			cell-padding: 5;
			background: #eeeeee;
		}


			
tr		{	border: 0;
			cell-padding: 0;
			background: #fcfcf6;
		}
tr.collapse	{	border-top-style: solid;
			border-bottom-style: solid;
			/*border-style: solid;*/
			border-collapse: collapse;			
			cell-padding: 0;
			background-color: #eeeeee; /*light grey*/
		}						

td		{	border: 0;
			cell-padding: 0;
			background: #fcfcf6;
		}

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.greylt	{	border: 0;
			cell-padding: 0;
			background: #eeeeee; /*lighter grey*/
			/* width: 50%; */
		}

td.greymd	{	border: 0;
			cell-padding: 0;
			background: #dddddd; /*medium grey*/
			/* width: 50%; */
		}
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. */
					}	/* Used in progress.html, stop.html, biogs */



 td.greenlt	{	border: 0;
			cell-padding: 0;
			padding-bottom: 8px;
			background-color: #f2f2dc; 
		} /* very pale green */


td.olivelt		{	border: 0;
			padding-top: 15px;
			padding-bottom: 15px;
			padding-left: 30px;
			padding-right: 30px;		
			background: #f8f8e8; /*very pale olive*/
		}			
				
		
td.quote		{	border: 0;
			padding-left: 40px;
			padding-right: 15px;
			padding-top: 15px;
			padding-bottom: 15px;			
			background: #eeeeee;
			font-family: Verdana; /*Arial*/
			font-size: 0.9em; 
			color: #000000; 
			line-height: 20px;				
		}

td.quotebd	{	border: 3px;
			padding-left: 30px;
			padding-right: 30px;
			padding-top: 15px;
			padding-bottom: 15px;			
			background: #eeeeee;
			border-style: solid;
			border-color: #aaaaaa;
			font-family: Verdana; /*Arial*/
			font-size: 0.9em; 
			color: #000000; 
			line-height: 20px;				
		}

td.quotelg	{	border: 0;
			padding-left: 20px;
			padding-right: 15px;
			padding-top: 15px;
			padding-bottom: 15px;			
			background: #eeeeee;
			font-family: Verdana; /*Arial*/
			font-size: 1em; 
			color: #000000; 
			line-height: 20px; /*trying to get the font size legible.*/				
		}

td.msp		{	border: 0;
			padding-left: 40px;
			padding-right: 15px;
			padding-top: 15px;
			padding-bottom: 15px;			
			background: #ffffff;
			font-family: Verdana, Arial; 
			font-size: 1em; 
			color: #000000; 
			line-height: 20px;				
		}

td.quoteb	{	border: 0;
			padding-left: 15px;
			padding-right: 15px;
			padding-top: 15px;
			padding-bottom: 15px;			
			background: #eeeeee;
			font-family: Verdana, Arial; 
			font-size: 0.9em; 
			color: #000000; 
			line-height: 20px;				
		}

td.quotec	{	width: 700px;
			border: 0;
			padding-left: 40px;
			padding-right: 15px;
			padding-top: 15px;
			padding-bottom: 15px;			
			background: #eeeeee;
			font-family: Verdana, Arial; 
			font-size: 1em; 
			color: #000000; 
			line-height: 20px;							
		}


td.margin	{	border: 0;
			cell-padding: 2px;
			background: #fcfcf6;
			width: 100px;
			font-family: Verdana, Arial; 
			font-size: 0.8em;
			color: #000000;
			line-height: 12px; 
		}

td.empty	{	border: 0;
			cell-padding: 2px;
			background: #fcfcf6;
			width: 150px;
			font-family: Verdana, Arial; 
			font-size: 0.8em;
			color: #000000;
			line-height: 12px; 
		}

td.emptyb	{	border: 0;
			cell-padding: 2px;
			background: #fcfcf6;			
			font-family: Verdana, Arial; 
			font-size: 0.8em;
			color: #000000;
			line-height: 12px; /* for when you want to mess about adjusting the empty coloumns */
		}

td.sliver	{	border: 0;
			cell-padding: 2px;
			background: #fcfcf6;
			width: 30px;
			font-family: Verdana, Arial; 
			font-size: 0.8em;
			color: #000000;
			line-height: 12px; 
		}

