/*FOR HOME SECTION*/


body		{ 	background-color: #cbd5d9; /* grey-blue */
			margin-left: 1%;
			margin-right: 2%; /* 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;
			margin: 0px;
			padding: 0px;   /* We haven't got one in this section */
		} */


/* 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: 20px; /* 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: 20px;
			margin-right: 3%;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size: 0.8em;
			color: #000000;
			line-height: 20px; 
		} 
p.blocka		{	margin-top: 5px;
			margin-bottom: 5px;
			margin-left: 20px;
			margin-right: 3%;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size: 0.9em;
			color: #000000;
			line-height: 22px; 
		} 

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

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



p.noteb   	{	font-family: Verdana, Arial; 
			font-size: 0.9em;   /* */
			color: #000000;
			text-decoration: none;
			line-height: 16px;
			text-align: left;
		}


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


p.caption	{	margin-top: 15px;  /*want a bit of space between the image and the caption; could be larger? */  
			margin-bottom: 15px; /* BALANCES CAPTIONS OUT */
			margin-left:	10%;
			margin-right: 10%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.8em;
			color: #000000;
			line-height: 16px; /* quite SMALL */
		}	

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; 
			color: #840202;  /* have altered this: check it is OK elsewhere */
			line-height: 20px;  /* slightly larger overall */
		}	/*  */	

p.captionc	{	margin-top: 5px;    
			margin-bottom: 6px;
			margin-left:	0%;
			margin-right: 0%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.7em; 
			color: #840202;  /* have altered this: check it is OK elsewhere */
			line-height: 18px;  /* slightly larger overall */
		}	/*  */	


p.copy	{	margin-top: 15px;  /*want a bit of space between the image and the caption; could be larger? */  
			margin-bottom: 15px; /* BALANCES CAPTIONS OUT */
			margin-left:	10%;
			margin-right: 10%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.7em;
			color: #000000;
			line-height: 16px; /* quite SMALL: for copyright at bottom of page */
		}	


p.border	{	margin-top: 5px;  /*keeping the sections close together */  
			margin-bottom: 5px; /* BALANCES CAPTIONS OUT */
			margin-left:	2%;
			margin-right: 2%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.8em;
			color: #000000;
			line-height: 60px; /* enough to make a proper space */
			border: 7px ridge #D1B895; /* #a08058 */
			background: #EEE7DE; /*this gives you a wooden-look border round the edge, but you 
				can't put any other layouts inside the border. */
		}	

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

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.indexb	{	margin-top: 4px;
			margin-bottom: 4px;
			margin-left:	3%;
			margin-right: 3%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.75em;
			color: #000000;
			line-height: 20px;  
		}

p.smallnote	{ 	margin-top: 2px;
			margin-bottom: 2px;
			font-family: Verdana, Arial;
			font-size: 0.7em;
			color: #aa0000;
			text-decoration: none; 
			line-height: 15px;
		}	/*   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: 18px; 
		}	/* Just as Home-page header. The size keeps getting larger and smaller. */

p.titleb	{	margin-top: 10px;
			margin-bottom: 15px;
			margin-left:	3%;
			margin-right: 3%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 1em;
			font-weight: bold;
			color: #353C6B;
			line-height: 20px;  
		}

p.titlec	{	margin-top: 6px;
			margin-bottom: 6px;
			margin-left:	3%;
			margin-right: 3%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 1.2em;
			font-weight: normal;
			color: #000000;
			line-height: 24px;  
		}


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


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

a:link 		{ 	color: #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: #aa0000; 
			background: #def0fa; 
			text-decoration: none;
		}

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




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


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.noteb   	{	font-family: Verdana, Arial; 
			font-size: 0.9em;   /* but is this any different from the main text? */
			color: #000000;
			text-decoration: none;
			line-height: 16px;
			text-align: left;
		}

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

span.smlink	{ 	font-family: Verdana, Arial;
			color: #aa0000; /* dark red,  */
			font-size: 0.7em;
		}

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



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




/* FOR TABLES AND CELLS; BACKGROUND COLOURS */

table		{	border: 0;
			cell-padding: 0;
			background-color: #cbd5d9; /* grey-blue: as in background */
		}

table.border	{	/* border: 4px solid #cbd5d9; */
			border-top: 4px solid #dfebef;
			border-bottom: 4px solid #dfebef;
			border-left: 4px solid #dfebef;
			border-right: 4px solid #dfebef;
 
			background-color: #cbd5d9; 
		}


table.two	{	border: 2px;
			cell-padding: 0;
			background-color: #EEE7DE; /* buff */
		}

table.three	{	border: 20px;
			cell-padding: 5px;
			background-color: #a08058; /* pale brown */
		}

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

table.white	{	border: 0;
			cell-padding: 5px;
			background-color: #ffffff; /*white:  to make light border round darker cell. */
		}


td.blue		{	border: 0;
			cell-padding: 10px;
			background-color: #deebf0; /*pale blue for captions*/			
		}

td.back		{	border: 0;
			cell-padding: 10px;
			background-color: #cbd5d9; /*background colour for spacers*/			
		}


td.bluevp	{	border: 0;
			cell-padding: 10px;
			background-color: #C9DDE5; /*very pale blue for captions*/			
		}


td.bluepale	{	border: 0;
			cell-padding: 10px;
			background-color: #bed3db; /*pale blue for captions*/			
		}

td.border	{	border: 7px ridge #D1B895; /* #a08058 */
			background-color: #EEE7DE; 
		}	

td.borderblue	{	border: 7px ridge #cbd5d9; 
			background-color: #cbd5d9; 
		}

td.buff		{	border: 10px;
			cell-padding: 5px;
			background-color: #EEE7DE; /*buff: to match paper colour*/
		}

td.buffquote	{	border: 0;			
			background-color: #EEE7DE; /*buff: to match paper colour*/
			margin-top: 15px;
			margin-bottom: 15px;
			margin-left: 15%; 
			margin-right: 15%;  			
			text-align: justify;
			font-size: .85em;
		}
td.vpbuff	{	border: 0;
			cell-padding: 0;
			background-color: #fef8f0; /*very pale buff: to match buff*/
		}

td.greylt	{	border: 0;
			cell-padding: 0;
			background-color: #eeeeee; /*light grey: used in versions.html */
		}


td.greymd	{	border: 0;
			cell-padding: 0;
			background-color: #dddddd; /*medium grey */
		}
td.greydk	{	border: 0;
			cell-padding: 0;
			background-color: #cccccc; /*medium-dark grey*/
		}
td.greyvdk	{	border: 0;
			cell-padding: 0;
			background-color: #bbbbbb; /*dark grey*/
		}


td.white	{	border: 0;
			cell-padding: 0;
			background-color: #ffffff; /*white */
		}