body 	{ 	background: #fdfdf5;
	 	color: #070300;
		margin-top: 8px;
		margin-bottom: 10px; 
		margin-left: /*60px;*/ none;
		margin-right: /*30px;*/ none;
		font-size: smaller;
	} 


bodytext  {	margin-top: 8px;
		margin-bottom: 10px;
		margin-left:	5%;
		margin-right: 5%;
		line-height: 26px;
		color: #070300;
		font-family: Verdana, Arial; 
		font-size: -1;
		} 

body.header {	border: 0px;
		margin: 0px;
		padding: 0px;
		}

p		{	margin-top: 8px;
			margin-bottom: 10px;
				margin-left: 3%;
			margin-right: 3%;
			font-family: Verdana, Arial; 
			font-size: 0.9em;
			color: #070300;
			line-height: 26px;
		}

p.caption	{	margin-top: 6px;
			margin-bottom: 0px;
			margin-left:	0%;
			margin-right: 0%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.7em;
			color: #070300;
			line-height: 16px;
		}


p.captionc	{	margin-top: 6px;
			margin-bottom: 6px;
			margin-left:	0%;
			margin-right: 0%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.7em;
			color: #aa0000;
			line-height: 16px;
		}



p.smallhead	{	margin-top: 6px;
			margin-bottom: 6px;
			margin-left:0%;
			margin-right: 0%;
			text-align: left;
			font-family: Verdana, Arial; 
			font-size: 0.8em;
			color: #070300;
			line-height: 20px;
		}

p.center	{	margin-top: 4px;
			margin-bottom: 4px;
			margin-left:	3%;
			margin-right: 3%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.9em; 
			color: #070300;
			line-height: 20px;
		}

p.centerm	{	margin-top: 4px;
			margin-bottom: 4px;
			margin-left:	3%;
			margin-right: 3%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.8em; 
			color: #070300;
			line-height: 20px;
		}

p.title		{	margin-top: 4px;
			margin-bottom: 8px;
			margin-left: 3%;
			margin-right: 3%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.9em;
			font-weight: bold; 
			color: #070300;
			line-height: 20px;
		}

p.titleb	{	margin-top: 8px;
			margin-bottom: 2px;
			margin-left: 0.5%;
			margin-right: 3%;
			text-align: left;
			font-family: Verdana, Arial; 
			font-size: 0.85em;
			font-weight: bold; 
			color: #070300;
			line-height: 20px; /*for subtitles*/
		}

p.explain		{	margin-top: 10px;
			margin-bottom: 4px;
			margin-left:	3%;
			margin-right: 3%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.8em;
			color: #070300;
			line-height:  20px;  /* This is for explanations under big images */
		}
	
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: #070300;
			line-height:  16px;  /* This is for tabs in menubar.  Used to be 'explain' . */
		}
p.block		{	margin-top: 10px;
			margin-bottom: 4px;
			margin-left:	3%;
			margin-right: 3%;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size: 0.8em;
			color: #070300;
			line-height: 20px;  /* This is for justified explanations under big images */
		}

p.blockq	{	margin-top: 4px;
			margin-bottom: 4px;
			margin-left:	5%;
			margin-right: 5%;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size: 0.85em;
			color: #070300;
			line-height: 20px;  /* This is for quotations */
		}
p.credit   	{	font-family: Verdana, Arial; 
			font-size: 0.7em;
			color: #070300; 
			text-align: center;
		}

p.justify	{	margin-top: 10px;
			margin-bottom: 4px;
			margin-left:	3%;
			margin-right: 3%;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size: 0.9em;
			color: #070300;
			line-height: 18px;  /* This is for large-size explanations*/
		}

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

p.justifyc	{	margin-top: 10px;
			margin-bottom: 4px;
			margin-left: 0;
			margin-right: 0;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size: 0.8em;
			color: #070300;
			line-height: 20px;  /* This is for ordinary explanations filling the table. Also for footnotes in tables.*/
		}

p.justifyn	{	margin-top: 2px;
			margin-bottom: 2px;
			margin-left: 3%;
			margin-right: 3%;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size: 0.9em;
			color: #070300;
			line-height: 16px;  /* footnotes in tables.*/
		}

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

p.spacer	{	line-height: 2px;
		}

p.smallnote	{	margin-top: 4px;
			margin-bottom: 8px;
			margin-left: 1%;
			margin-right: 1%;
			font-family: Verdana, Arial; 
			font-size: 0.75em; 
			color: #070300;
			line-height: 15px;
			text-align: justify; /* small size explanations. But becomes very small indeed in tables. */
		}
p.mednote	{	margin-top: 0px;
			margin-bottom: 4px;
			margin-left: 1%;
			margin-right: 1%;
			font-family: Verdana, Arial; 
			font-size: 0.9em; 
			color: #070300;
			line-height: 16px;
			text-align: justify; /* footnotes in tables - doesn't work */
		}


p.medium  	{	font-family: Verdana, Arial; 
			font-size: 0.75em;
			color: #070300;
			line-height: 16px; 
		}

p.small   	{	font-family: Verdana, Arial; 
			font-size: 0.6em;
			color: #070300; 
		}	

li		{	font-family: Verdana, Arial; 
			font-size: 0.8em; 
			color: #070300;
			line-height: 20px;
			text-align: justify;
		}

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

/*a:link 		{ 	color: #070300; 
			text-decoration: none;
			border-bottom-style: dotted;
			border-bottom-width: 2px;
			border-bottom-color: #cccccc; 
		}


a:visited 	{ 	color: #070300; 
			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;*/



a:link 		{ 	color: /*#545b16;*/ #070300; 
			text-decoration: none;
			border-bottom-style: dotted;
			border-bottom-width: 2px;
			border-bottom-color: #aaaaaa; 
		}


a:visited 	{ 	color: #070300; 
			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;
		}

		}


strike 		{ 	color: #1d2b84; 
			background: #d5d9f0;
		 }



span.adda 	{	color: #113096; /* dark blue */
			text-decoration: none;
	  	}

span.addb {	color: #5e175e; /*#721c72; #5b1f7e; #5d2080; */
		text-decoration: none;
		font-weight=500;
	  }

span.addc	{color: #dc6413; /*orange*/
		 font-weight: bold;
	}

span.smallnote	{font-family: Verdana; 
		font-size: xx-small;
		color: #070300;
		line-height: 15px 
	}
		


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

span.delb { 	color: #6d2596; 
		background: #e9deef;
		text-decoration: line-through;
	  }

span.center {	font-family: Verdana;
		 font-size: 75%;
		text-align: center;
	}
span.pagin 	{	font-family: Verdana, Arial; 
			font-size: 0.85em;
			color: #840202;
			font-weight: bold;
			text-decoration: none;  			
		}


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



span.condlett 	{letter-spacing: -0.05em;
	}*/


span.edcom  {	color: #aa0000; /* dark red */
		font-size: -1;
	    }

span.comment  {	 font-family: Verdana;
		 font-size: 75%;
		 font-style: italic;
		}

span.large   {	font-family: Verdana, Arial; 
		font-size: +2
		color: #070300;
		}

table		{
		border: 0;
		cell-padding: 5;
		margin-left: none;
		background: #fcfcf6;
				}
table.tabs	{	height: 20px;
			border: 3px #b0c928; /*green: for border#e9d5b4; #aa0000;*/
			border-top-style: solid;
			border-bottom-style: solid;
			/*border-style: solid;*/
			border-collapse: collapse;			
			cell-padding: 0;
			background-color: #bbbbbb; /*grey*/
		}

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

table.tight	{
		border: 0;
		cell-padding: 0;
		background: #fcfcf6;
				}

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.greyvdk	{	border: 0;
			cell-padding: 0;
			background-color: #bbbbbb; /*very dark grey., used as background to thumbnails.*/
		}


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-bottom: 8px /* 15px*/;
			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;
			
			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 */




td		{
		border: 0;
		cell-padding: 2;
		background: #fcfcf6;
		/* width: 50%; */
		}		

td.a		{
		border: 0;
		cell-padding: 0;
		background: #fcfcf6;
		width: 50%;
		}