
/*FOR HOME page*/


body		{ 	background-color: #fdfdf5; /* green-tinged white */

  			background-image:  url("preach8.jpg");
  			background-repeat: no-repeat;
			background-position: center top;
			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: #fdfdf5;
			font-size: 0.8em;
			font-weight: bold;
			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: #fcfcf6;
			line-height: 26px;
		}		/* isn't much of this anyway in this css */




/* TEXT */

p		{	margin-top: 2px; /* Spence is 4px.  Check the difference? */
			margin-bottom: 2px;
			margin-left: 3%;
			margin-right: 3%;
			font-family: Verdana, Arial; 
			font-size: 0.8em; 
			font-weight: bold;
			color: #fcfcf6;
			line-height: 18px; /* 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.tabs		{	margin-top: 3px;
			margin-bottom: 3px;
			margin-left:	3%;
			margin-right: 3%;
			font-family: Bookman Old Style; 
			font-size: 1em;
			color: #fcfcf6;
			font-weight: bold;
			line-height: 20px;  
		}
	
p.index		{	margin-top: 3px;
			margin-bottom: 3px;
			margin-left:	3%;
			margin-right: 3%;
			font-family: Bookman Old Style; 
			color: #fcfcf6;
			font-size: 1em;
			font-weight: bold;
			line-height: 20px;  /* same as tabs, so why?*/
		}

p.indexb	{	margin-top: 3px;
			margin-bottom: 3px;
			margin-left:	3%;
			margin-right: 3%;
			font-family: Bookman Old Style; 
			color: #fcfcf6;
			text-shadow: 2px 2px 7px #072332;
			font-size: 1em;
			font-weight: bold;
			line-height: 20px;  
		}



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.spacersm		{	margin-top: 0;
			margin-bottom: 0;
			margin-left:	0;
			margin-right: 0;
			line-height: 4px;
		}	/* For small gaps in title page. */



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.3em;
			/*font-weight: bold;*/
			color: #fcfcf6;
			line-height: 25px;  /* This is for original title */
		}




img		{	border: none; /*how to get rid of the a-attribute dotted-line-under-link pix?  Doesn't actually 
			happen in these two files */
		}


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: /*#fcfcf6*/ #f2eee1;
			background: /*#171f02;   rgba(23, 31, 2, 0.1)  blueish background with 10% opacity */;
			text-decoration: none;
			border-bottom-style: /*dotted*/ none;
			border-bottom-width: 2px;
			border-bottom-color: /*#aaaaaa*/ none; 
		}

a:visited 		{ 	color: #f2eee1;
			background:  /*#171f02; */  rgba(23, 31, 2, 0.3) /* blackish background with 30% opacity */;
			text-decoration: none;
			border-bottom-style: none;
			border-bottom-width: 2px;
			border-bottom-color: none; 
		}

		
a:hover		{ 	color: /*#fcfcf6*/ #ffffff; 
			background: /*#def0fa #000000;*/ rgba(23, 31, 2, 0.7) /* blackish background with 70% opacity */; 
			text-decoration: none;
		}

a:active 		{	color: /*#920909; */ #fcfcf6; 
			background: /*#def0fa #000000;*/ rgba(23, 31, 2, 0.7) /* blackish background with 70% opacity */; 
			text-decoration: none;
		}




/* FOR TABLES AND CELLS; BACKGROUND COLOURS */

table		{	border: 0;
			border-collapse: collapse;	
			cell-padding: 0;
			background-color: /*#fdfdf5;  page background colour*/ rgba(76, 175, 80, 0.0)
		}
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*/
		}


tr.greenbr	{	border: 0;
			cell-padding: 0;
			background-color: /*#c5f30e;*/ rgba(197,243,14,0.3); /* strident Green background  */
			font-family: Bookman Old Style; 
			color: #fcfcf6;
		} 	/* experimental green */

tr.grey		{	border: 0;
			cell-padding: 0;
			background-color: /*#c5f30e; rgba(144,144,139,0.6);*/ rgba(102,112,115,0.6); /* grey background 60% opacity */
			font-family: Bookman Old Style; 
			color: #d5d6cf;
		} 	/* transparent grey slightly blue - too much? */



tr.sky		{	border: 0;
			cell-padding: 0;
			/*background-color: #c5f30e; rgba(197,243,14,0.3); strident Green background  */
			font-family: Bookman Old Style; 
			color: #95c9df;
		} 	/* 'transparent': same colour as sky */



tr.green		{	border: 0;
			cell-padding: 0;
			background-color: /*#c5f30e;*/ rgba(113, 149, 40, 0.4); /* green background 40% opacity */
			font-family: Bookman Old Style; 
			color: #d5d6cf;
		} 	/* transparent green */

tr.blue		{	border: 0;
			cell-padding: 0;
			background-color: rgba(142,173,184,0.6); /* blue-grey background 10% opacity */
			font-family: Bookman Old Style; 
			color: #d5d6cf;
		} 	/* transparent bluegrey not very pretty!*/

td		{	border: 0;

			cell-padding: 0;
			padding-bottom: 15px;			
		}


td.greylt		{	border: 0;
			cell-padding: 0;
			padding-bottom: 15px;
			background-color: #eeeeee; /*lighter grey: used in quakers.html, versions.html */
		}


 td.greenlt	{	border: 0;
			cell-padding: 0;
			background-color: /*#f2f2dc; */ rgba(76, 175, 80, 0.0) /* Green background with total opacity */
			font-family: Bookman Old Style; 
			color: #fcfcf6;
		}	 /* very pale green */



 td.green		{	border: 0;
			cell-padding: 0;
			background-color: /*#c5f30e;*/ rgba(197,243,14,0.3); /* strident Green background: no!! */
			font-family: Bookman Old Style; 
			color: #fcfcf6;
		} 