body 		{ 	background: #fdfdf5;
	 		color: #000000; 
			margin-left: 5%;
			font-size: smaller;
			font-family: Verdana, Arial; 
			font-size: 0.8em;
	
		} 


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

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

p		{	margin-top: 4px;
			margin-bottom: 4px;
			margin-left:	3%;
			margin-right: 3%;
			font-family: Verdana, Arial; 
			font-size: 0.8em; 
			color: #000000;
			line-height: 26px;
		}

p.large	  	{	font-family: Verdana, Arial; 
			font-size: 1.2em;
			color: #000000;
		}


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

p.indA		{	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;
		}


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: #000000;
			line-height: 16px;
		}

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.85em;
			color: #000000;
			line-height: 16px;  /* slightly larger overall */
		}

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

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: #000000;
			line-height: 20px;
		}
p.smallcenter	{	margin-top: 4px;
			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;
		}


p.credit   	{	font-family: Verdana, Arial; 
			font-size: 0.7em;
			color: #000000; 
			text-align: center;
		}

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;  /* This is for explanations under big images */
		}

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

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.justify	{	margin-top: 10px;
			margin-bottom: 4px;
			margin-left:	30px;
			margin-right: 30px;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size: 0.9em;
			color: #000000;
			line-height: 18px;  /* This is for smaller explanations*/
		}

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

p.justifyb	{	margin-top: 0px;
			margin-bottom: 0px;
			margin-left:	10%;
			margin-right: 10%;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size: 0.85em;
			color: #000000;
			line-height: 16px;  /* Blockquotes*/
		}
p.indent	{	margin-top: 10px;
			margin-bottom: 4px;
			margin-left:	3%;
			margin-right: 3%;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size: 0.9em;
			color: #000000;
			line-height: 18px; 
			text-indent: 2em;			
		}


p.block		{	margin-top: 5px;
			margin-bottom: 5px;
			margin-left:	3%;
			margin-right: 3%;
			text-align: justify;
			font-family: Verdana, Arial; 
			font-size: 0.85em;
			color: #000000;
			line-height: 18px;  /* This is for smaller explanations*/
		}


p.index		{	margin-top: 4px;
			margin-bottom: 4px;
			margin-left:	3%;
			margin-right: 3%;
			font-family: Verdana, Arial; 
			font-size: 0.7em; 
			color: #000000;
			line-height: 18px;
		}
p.indexb	{	margin-top: 2px;
			margin-bottom: 2px;
			margin-left:	3%;
			margin-right: 3%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.7em; 
			color: #000000;
			line-height: 18px;
		}

p.right		{	margin-top: 10px;
			margin-bottom: 4px;
			margin-left:	3%;
			margin-right: 3%;
			text-align: right;
			font-family: Verdana, Arial; 
			font-size: 0.8em;
			color: #000000;
			line-height: 18px;  /* This is for sources after quotes*/
		}

p.rightlg  	{	font-family: Verdana, Arial; 
			font-size: 1em;
			color: #000000;
			text-align: right;
		}

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


li		{	font-family: Verdana, Arial; 
			font-size: 90%; 
			color: #000000;
			line-height: -4px;
			margin-top: 4px;
			margin-bottom: 4px;
			margin-left: 20px;
			margin-right: 40px;
		}

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

a:link 		{ 	text-decoration: none;
			border-bottom-style: dotted;
			border-bottom-width: 2px;
			border-bottom-color: #aaaaaa; 
			color: #000000; 
		}

	

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

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


span.note    	{	font-family: Verdana, Arial; 
			font-size: 75%;
			color: #000000;
			text-decoration: none;  
			line-height: -5px;	
		}
	
span.pagin 	{	font-family: Verdana, Arial; 
			font-size: 0.85em;
			color: #840202;
			font-weight: bold;
		}



span.smallnote	{	font-family: Verdana; 
			font-size: 0.7em;
			line-height: 15px; 
		}
		
span.sup	{	vertical-align: top;
			line-height: 16px;
			font-size: 0.9em;
		}

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

span.condense2	{	word-spacing: -0.05em;
		
		}

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

span.adda 	{	color: #113096; /* dark blue */
			font-weight: bold;
	  	}
span.interx 	{	color: #113096; /* dark blue */
			font-size: 0.9em;
			vertical-align: top;
			text-decoration: none;
			line-height: 16px;  
				 /* for interlineations in transcriptions other than Spence*/
	  	}

span.careta	{	color: #113096;
			font-weight: bold; 
			vertical-align: -5px;	
			line-height: 22px;	 
			text-decoration: none;
			 /* for carets */
	  	}



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

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

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

span.annot	{	font-family: Verdana; 
			font-size: 0.9em;
			color: #702000;
			font-weight: bold;
		}

span.comment  	{	font-family: Verdana;
		 	font-size: 0.7em;
			font-style: italic;
		}

span.large   	{	font-family: Verdana; 
			font-size: 1em;
			color: #000000;
		}
span.vlarge   	{	font-family: Verdana; 
			font-size: 2em;
			color: #000000;
		}



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

table.two	{	border: 0;
			cell-padding: 3px;
			background: #dddddd;
		}

table.three	{	border: 2px;
			background-color: #bbbbbb;  /* dark grey:  used in progress.html, stop.html, biography pages, to make dark border 
				round lighter cell. */
			text-align: center;
		}

td a:link 	{ 	
			text-decoration: none;
			border-bottom-style: dotted;
			border-bottom-width: 2px;
			border-bottom-color: #aaaaaa; 
			color: #000000; 
		}


td a:visited 	{ 	color: #000000; 
			text-decoration: none;
			border-bottom-style: dotted;
			border-bottom-width: 2px;
			border-bottom-color: #aaaaaa; 
		} 


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



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

td.greyvdk	{	border: 0;
			padding-top: 8px;
			padding-bottom: 7px;
			padding-left: 8px;
			padding-right: 8px;	
			background: #aaaaaa; /*very dark grey*/			
		}

td.greydk	{	border: 0;
			cell-padding: 0;
			background: #cccccc; /*darker grey*/			
		}

td.greymd	{	border: 0;
			cell-padding: 0;
			background: #dddddd; /*medium grey*/			
		}

td.greylt	{	border: 0;
			cell-padding: 0;
			background: #eeeeee; /*lighter grey*/			
		}

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


td.olive	{	border: 0;
			cell-padding: 0;
			background: #e1e1c0; /*pale olive green*/			
		}

td.olivelt	{	border: 0;
			padding-top: 15px;
			padding-bottom: 15px;
			padding-left: 30px;
			padding-right: 30px;		
			background: #f8f8e8; /*very pale olive*/
		}			
		
td.vpgreen	{	border: 0;
			cell-padding: 0;
			background: #f8f8dd; /*very pale yellowish green*/
		}

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

	

td.beige	{	border: 0;
			cell-padding: 0;
			background: #eee8d0; /*greige*/
		}

td.cream	{	border: 0;
			cell-padding: 0;
			background: #fff5db; /*cream*/
		}