/*FOR HOME SECTION*/


body		{ 	background-color: #fdfdf5; /* green-tinged white */
			margin-left: 3%;
			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 */ 
			font-family: Verdana, Arial;
			color: #000000;
			font-size: 0.8em;
			line-height: 26px;
		}

bodytext		{	margin-top: 8px;  
			margin-bottom: 10px;
			margin-left: 1%;
			margin-right: 1%;
			font-family: Verdana, Arial;
			font-size: 0.8em;
			color: #000000;
			line-height: 26px;
		}		/* isn't much of this anyway in this css */

body.header 	{	border: 0px;
			position: fixed;
			width:1020px;	
			margin: 0px;
			padding: 0px;   /* experiment */
		} 


/* TEXT */

p		{	margin-top: 2px; /* Spence is 4px.  Check the difference? */
			margin-bottom: 2px;
			margin-left: 2%;
			margin-right: 2%;
			font-family: Verdana, Arial; 
			font-size: 0.8em; 
			color: #000000;
			line-height: 16px; /* This is quite small. Looks OK for the ordinary discussion, which is all 
				we need here. It doesn't work for the transcriptions on other css. ONLY USED HERE INSIDE 
				TABLES. */
		}
	
p.block		{	margin-top: 5px;
			margin-bottom: 5px;
			margin-left: 5%;
			margin-right: 5%;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size: 0.8em;
			color: #000000;
			line-height: 18px; 
		} 

p.blockb		{	margin-top: 5px;
			margin-bottom: 5px;
			margin-left: 20px;
			margin-right: 20px;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size: 0.9em;
			color: #000000;
			line-height: 22px; 
		} 


p.justify	{	margin-top: 6px;
			margin-bottom: 4px;
			margin-left:	2%;
			margin-right: 2%;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size: /*0.85em*/ 0.8em;
			color: #000000;
			line-height: 20px;  /* This is for main text in intro*/
		}

p.justifyb	{	margin-top: 10px;
			margin-bottom: 4px;
			margin-left: 0.5%;
			margin-right: 3%;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size: 0.8em;
			color: #000000;
			line-height: 20px;  /* This is for ordinary explanations*/
		}

p.indent	{	margin-top: 6px;
			margin-bottom: 4px;
			margin-left:	2%;
			margin-right: 2%;
			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.caption	{	margin-top: 8px;  /*want a bit of space between the image and the caption; could be larger? */  
			margin-bottom: 4px; /* BALANCES CAPTIONS OUT */
			margin-left:	0%;
			margin-right: 0%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.7em;
			color: #000000;
			line-height: 14px; /* SMALL */
		}	/* In quakers.html */

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.8em; /* still comes out rather small */
			color: #840202;  /* have altered this: check it is OK elsewhere */
			line-height: 16px;  /* slightly larger overall */
		}	/* In progress.html, stop.html, at bottom of td */	

/* p.comment 	{	 font-family: Verdana;
			 font-size: 0.7em;
			 font-style: italic;  
		} */   /* For italic comments: not yet in this section. */ 

/* p.commentb	{	margin-top: 4px;
			margin-bottom: 4px;
			margin-left:	2%;
			margin-right: 2%;
			font-family: Verdana, Arial; 
			font-size: 0.8em; 
			color: #840202;		
			line-height: 26px;
		} */	/* For coloured comments in text. Not used yet in this section */

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;  /* In qscene.html. For explanations under big images. Has been used for titles ditto */
		}

p.explainb	{	margin-top: 10px;
			margin-bottom: 10px;
			margin-left:	3%;
			margin-right: 3%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.9em;
			color: #000000;
			line-height: 25px;  /* For links in Versions page */
		}
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.index		{	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;  
		}	/* In quakers.html, version.html. INSIDE TD: medium-size info - standard font size */


p.large		{	margin-top: 4px;
			margin-bottom: 4px;
			margin-left:	3%;
			margin-right: 3%;
			font-family: Verdana, Arial; 
			font-size: 1.4em;
			color: #000000;
			line-height: 32px;  
		}	/* In quakers.html, large for 'close-up' in demo */

p.list		{	margin-top: 10px;
			margin-bottom: 10px;
			margin-left:	3%;
			margin-right: 3%;
			text-align: left;
			font-family: Verdana, Arial; 
			font-size: 0.9em;
			color: #000000;
			line-height: 30px;  /* For lists in intro pages etc.  Fairly well spaced vertically */
		}


p.smallnote	{ 	margin-top: 2px;
			margin-bottom: 2px;
			font-family: Verdana, Arial;
			font-size: 0.7em;
			color: #000000;
			text-decoration: none; 
			line-height: 15px;
		}	/* In versions.html.  Not centred. */

p.smallnoteb	{ 	margin-top: 2px;
			margin-bottom: 2px;
			font-family: Verdana, Arial;
			font-size: 0.7em;
			color: #000000;
			text-align: center;
			text-decoration: none;
			line-height: 15px; 
		}	/* In versions.html.  Centred. */

p.spacer	{	margin-top: 0;
			margin-bottom: 0;
			margin-left:	0;
			margin-right: 0;
			line-height: 7px;
		}	/* In quakers.html, versions.html. For when there is a gap between paras; used here to space 
				tables as well. */


p.title		{	margin-top: 2px; 
			margin-bottom: 8px;
			margin-left:	2%;
			margin-right: 2%;
			font-family: Verdana, Arial; 
			font-size: .9em; /* there's some strange symbiosis between this and p. */
			font-weight: bold;
			text-align: center; 
			color: #000000;
			line-height: 20px; 
		}	/* Just as Home-page header. The size keeps getting larger and smaller. */

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: 15px;
			margin-bottom: 15px;
			margin-left:	3%;
			margin-right: 3%;
			text-align: center;
			font-family: Bookman Old Style; 
			font-size: 1.5em;
			/*font-weight: bold;*/
			color: #000000;
			line-height: 25px;  /* This is for original title */
		}
p.subtitle	{	margin-top: 2px; 
			/*margin-bottom: 0px;*/
			margin-left:	2%;
			margin-right: 2%;
			font-family: Verdana, Arial; 
			font-size: 0.9em; 
			font-weight: bold;
			text-align: left; 
			color: #000000;
			line-height: 16px; 
		}


/* H1		{	text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.9em;
			font-weight: bold;
			margin-bottom: 3px;	
		} */	/* Not used in this section.  NO LINE SPACING? */

img		{	border: none; /*how to get rid of the a-attribute dotted-line-under-link pix?  Doesn't actually 
			happen in these two files */
		}

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: 16px;  /* Same as p */
			margin-top: 4px;
			margin-bottom: 4px;
			margin-left: 20px;
			margin-right: 40px;
		}   /* Neither of these used in this section: faked instead. */

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


/* THESE ARE ALL LINKS.  Different from in-text links, where the linked word must NOT stand out from the text. */
	

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;*/ #e6e8d3;
			font-weight: bold; 
			text-decoration: none;
		}

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




/* THESE ARE ALL SIZES AND LAYOUTS to be put inside the p class. They behave oddly for sizing */

/* NONE OF THESE ARE USED IN THIS SECTION AS YET, BUT MIGHT BE USEFUL IN 'EXPLANATION' PAGES */

span.note    	{	font-family: Verdana, Arial; 
			font-size: 0.8em;   /* but is this any different from the main text? */
			color: #000000;
			text-decoration: none;
			line-height: 16px;
		}

span.smallnote	{ 	font-family: Verdana, Arial;
			font-size: 0.7em;  /* 0.7em was too small, then it got better ... BUT it seems to be smaller 
				than the 0.6em in the p.caption?????  */
			color: #000000;
			text-decoration: none; 
			line-height: 15px;    /* I don't really believe in this one */
		}

span.edcom  	{	color: #aa0000; /* dark red, unfortunately suggests link. Can I find another colour which doesn't 
				suggest something else? */
			font-size: 0.8em;
		}

span.comment 	{	 font-family: Verdana;
			 font-size: 0.7em;
			 font-style: italic;  /* obviously useful for italic comments! same as in p */
		}

span.large 	{	font-family: Verdana, Arial; 
			font-size: 1em;
			color: #000000;    /* would I ever use this? Yes, I do once, transcribing a huge X! */
		}

span.largish 	{	font-family: Verdana, Arial; 
			font-size: 0.9em;
			color: #000000;    /* for minor matters in the index close-up page */
		}
span.blockb		{	margin-top: 5px;
			margin-bottom: 5px;
			margin-left: 20px;
			margin-right: 20px;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size: 0.9em;
			color: #000000;
			line-height: 22px; 
		} 



/* don't really use these in this batch, but might come in useful */


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

span.condenseb	{	word-spacing: -0.05em;  /* SHOULD THIS BE CONDENSEB?? */
		}

span.condlett 	{	letter-spacing: -0.03em; /* Changed from -0.05em, which was quite fierce. */
		}


/* THESE NEXT ARE ALL TEXT MARKUP.  DO NOT CURRENTLY APPEAR IN THIS SECTION */
	

span.adda 	{	color: #113096; /* dark blue */  
			font-weight: bold;  /*quite hard to see if not bold; too close to black text */
	 	}

span.addb 	{	color: #5e175e; /* purple. This should be a reasonable name, being the second stage of 
					additions/deletions  Should it be addB? */
			font-weight: bold;
	  	}


span.addc	{	color: #dc6413; /*orange*/
			font-weight: bold; /* needs to be bold or you can't see it. Name changed from add3 */
		}

span.addd	{	color: #7a92a4; /*greyblue*: for modern pencil annotations */
			font-weight: bold; /* needs to be bold or you can't see it. */
		}

strike 		{ 	color: #ff0000; 
			background: #d5d9f0;  /* This is deprecated and I'm trying to eliminate it. Tom used it, 
				it's here, in a violent colour, just in case I miss any of his stuff. Same as span.delA, */ 
		}

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


span.delb	{	color: #5d2080; /* dark purple */
			background: #e9deef;
			text-decoration: line-through;
		}


/* FOR TABLES AND CELLS; BACKGROUND COLOURS */

table		{	border: 0;
			cell-padding: 0;
			background-color: #fdfdf5; /* page background colour*/
		}

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

table.index	{	border: 0;
			cell-padding: 0;
			background-color: #cccccc; /*darker grey: used in versions.html, to make dark border round 
				lighter cell. */
		}

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

table.borderb	{	border: 8px double #e4bf82; /*#e9d5b4; #aa0000;*/
			border-collapse: collapse;
			background: #f1b654; /*#f2e2cb;*/ /* From METH for comparison. TABLES WITH double dark BUFF LINE border round outside */
		}

td.greydk		{	border: 0;
			cell-padding: 0;
			background-color: #cccccc; /*darker grey.  Not used in this section.*/
		}

td.greymd	{	border: 0;
			cell-padding: 0;
			padding-bottom: 8px;
			background-color: #dddddd; /*medium grey: used in versions.html */
		}

td.greylt	{	border: 0;			
			cell-padding: 0;
			padding-top: 5px;
			padding-bottom: /*15px*/ 5px;
			background-color: #eeeeee; /*lighter grey: used in quakers.html, versions.html */
		}

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

td.olive		{	border: 0;
			cell-padding: 0;
			background-color: #e1e1c0; /*palish olive green: used in quakers.html, versions.html */
		}
		
td.vpgreen	{	border: 0;
			cell-padding: 0;
			background-color: #f8f8dd; /*very pale green* not the same as in Spence: why not? used in 
			versions.html */
		}

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