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.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;
		}	/* small and red and centred */


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;
		}	/* medium and red and centred */

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.titlec		{	margin-top: 10px;
			margin-bottom: 10px;
			margin-left:	3%;
			margin-right: 3%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.8em;
			font-weight: bold;
			color: #000000;
			line-height: 20px;  /* This is for titles of 'chapters' */
		}

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: #000000;
			line-height: 18px;  /* This is for smaller explanations*/
		}

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

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

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.addc	{	color: #dc6413; /*orange*/
		 	font-weight: bold;
		}

span.adda 	{	color: #113096; /* dark blue */
			font-weight: bold;
	  	}

span.addb 	{	color: #5e175e; 
			font-weight: bold;
	  	} 


span.smallnote	{	font-family: Verdana; 
			font-size: 0.7em;
			line-height: 15px; 
		}

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.condenseb	{	word-spacing: -0.05em;
		
		}

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

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

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