/* THIS ONE IS FOR GENERAL USE */



body 		{ 	background: #fdfdf5;
	 		color: #000000; 
			margin-top: 8px;
			margin-bottom: 10px;
			margin-left:	4%;
			margin-right 2%;
			vertical-align: center;	/* NEEDS OVERRIDING FOR VERY WIDE TRANSCRIPTIONS; SEE Spence_wide.css */
		} 


bodytext  	{	margin-top: 8px;
			margin-bottom: 10px;
			margin-left:	4%;
			margin-right: 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.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.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;
		
			/* position: absolute;*/
			
		}


p.indent	{	text-indent: 2em;
			line-height: 22px;
		}

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: middle;
			text-decoration: none;
			line-height: 10px;  
			 	/* for interlineations*/				
		}



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.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.8em; 
			color: #000000;
			line-height: 22px;
		}	/* not lined up with p, but may be wrong */

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.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 */
		}



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.8em; 
			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.8em; 
			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;
		}

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:link.alt	{ 	border-color: none;
			border-width: 0; 
			border-bottom-style: none;
			border-bottom-width: none;
			border-bottom-color: none; 
			text-decoration: none; /*this was an attempt to get rid of the dotted line at the bottom of a 
			live image. But it doesn't seem to work */
		}


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.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; 
			vertical-align: -5px;	
			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.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; 
			vertical-align: -5px;	
			line-height: 22px;		 
			/* for carets */
	  	}
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-weight: bold;
			font-family: Verdana, Arial; 
			font-size: 0.75em;
			text-decoration: none;
			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.dela  	{	color: #1d2b84; 
			background: #def0fa;
			text-decoration: line-through;
		}

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.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;
			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.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: 950px;
			border: 0;
			cell-padding: 0;
			background: #fcfcf6;
			
		}



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

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


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