/* ---------------------------------------------------------*/
/*  					purleylit.css 						*/
/*			Author Richard Walker (after Geoff Roynon)		*/
/* ---------------------------------------------------------*/
/* 	Updated: 9th September 2025	Changes match website v3.0	*/
/*															*/
/*	shorthand sequence for margins, etc is:					*/
/*			top, right, bottom and left						*/ 
/*															*/
/*	colour codes are at the end of this style sheet			*/
/*															*/
/*----------------------------------------------------------*/
		
	body {
		font: 18px times,serif; 
		margin: 0px, 5px, 0px, 5px;
		background-color: #EFFFFF; /* washed blue */
	}
	div,
	.dHeader,
	.dShort,
	.dMain,
	.dFooter,
	.dBlue,
	.dWhite,
	.dGrey{position:relative;
		margin:auto;
		max-width:800px;
	}
	.dBlue{ background-color: #EFFFFF; /* washed blue */
	}
	.dWhite{ background-color: white;
	}
	.dGrey{ background-color: #999999;	/*	mediumGrey:	*/
	}
	.dHeader,
	.dShort{ background-color: #EFFFFF; /* washed blue */	
	}									/* dShort is like cDmain, but does not have the minimum height attribute */
	.dMain{ background-color: #EFFFFF;	/* washed blue */
		min-height:800px;				/* force the page to be longer (hopefully) than most browser windows.
											Then all pages will get a vertical scrollbar, and look similar */
	}
	.dFooter{
		background-color: #999999;	/*	mediumGrey:	*/
		padding: 20px;
		margin-top: 20px;
	}
	
	a{
	}
	a:link,
	a:visited,
	a:active,
	a:hover	{
		color: black;
		background-color: #EFFFFF; /* washed blue */
		font-size:18px;
		text-decoration : none;
		}
	a:hover {
		background-color: #64B3DF;		/*	cribBlue	*/
	}
	a:active{
		background-color:  #0034FF;	/*	darkBlue:	*/
	}
	.footer:link,
	.footer:visited,
	.footer:active,
	.footer:hover	{
		color: black;
		font-size:18px; 
		text-decoration : underline;
		background-color: #999999;	/*	mediumGrey: same as the footer background	*/
	}
	.footer:active,
	.footer:hover	{
		background-color: #64B3DF;		/*	cribBlue	*/
	}
	
	p, h1, h2, h3, .h1indent, .para18, .spaceafter, .para18indent, .para18centred, .para18central{
		color:black;
		font-family:times, serif;
		margin-bottom: 2px;
	}
	p {
		font-size:18px;
	}
	.spaceafter {
		margin-top:0px;
		margin-bottom:20px;
	}
	h1 {
		font-size:24px;
	}
	h2 {
		font-size:20px;
		margin-top:20px;
		margin-bottom:8px;
	}
	h3 {
		font-size:18px;
		margin-top:20px;
		margin-bottom:8px;
	}
	.h1indent {
		margin-left: 30px;
	}
	.para18, .para18indent,.para18centred, .para18central, .para18tabs1, .para18tabs2{
		font-size:18px;
		margin-left: 0px;
		margin-top: 15px;
	}
	.para18indent, .para18tabs1 {
		margin-left: 30px;
		margin-top:0px;
	}
	.para18tabs2 {
		margin-left: 60px;
		margin-top:0px;
	}
	.para18centred{
		text-align: center;
	}
	.para20central{
		font-size:20px;
		margin-left: 30px;
		margin-right: 30px;
		text-align: center;
	}
	.visits {
		font-size: 18px;
		color: #0034FF; /* Dark Blue */
		text-align: center;
		margin-bottom: 0px;	
	}
		
	img,source {
		max-width: 100%;
		height: auto;
	}
	ul {					/* these are said to be the usual default browser ul values. Modify with subclasses */
		display: block;
		list-style-type: disc;
		margin-top: 1em;
		margin-bottom: 1 em;
		margin-left: 0;
		margin-right: 0;
		padding-left: 40px;
	}	
	.nav, .nav2 {
		background-color: #EFFFFF; /* washed blue */
		list-style-type: none;
		text-align: center;
		margin: 10;
		padding: 0;
	}

	.nav li, .nav2 li {
		 min-width: 100px;
		 font-size: 20px;
		 padding: 3px 20px 3px 20px;
	}
 	.nav li{
		 display: inline-block;		/* causes the list to be horizontal */
		 padding: 3px 20px 3px 20px;
	}
	.nav2 li {
		display: block;		/* causes the list to be vertical */
		text-align: left;
		padding: 3px 20px 20px 20px;
	}
	figure { 
		display: block;
		text-align: center;
		margin-top: 1em;
		margin-bottom: 1em;
		margin-left: 20px;
		margin-right: 20px;
	}
    table {
        border-collapse: collapse;
    }
    table, th, td, td.b, tr{
		border: none;
	}
	th, td, tr {
        padding: 5px 25px 20px 0px;
		min-width: 100px;				/* long enogh for "Followed by" */
		text-align: left;
    }
	.b{
		font-weight: bold;
	}
	
	.close {
		padding: 5px 25px 0px 0px;
	}

	* {
	  box-sizing: border-box;
	}

	.row::after {
	  content: "";
	  clear: both;
	  display: table;
	}

	[class*="col-"] {
	  float: left;
	  padding: 5px;
	}

	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-31{width: 25%;}
	.col-3 {width: 25%; line-height: 1.8;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}

	
	/* Colour Codes */
/*							*/
/*	aqua: #0080FF;			*/
/*	cornflower: #6495ED		*/
/*	cribBlue: #64B3DF;		*/
/*	darkBlue: #0034FF;		*/
/*  darkGreen: #56BC7F;		*/
/*  forestGreen: #088F0A;	*/
/*	green: #CCFFCC;			*/
/*	lavender: #CC66FF;		*/
/*	lightBlue: #CFFFFF;		*/
/*	lightBrown: #B87300;	*/
/*	lightCyan: #E0FFFF;		*/
/*	lightGreen: #DFFFE6;	*/
/*	lightYellow: #FFFACE;	*/
/*	lilac: #BBAFFF;			*/
/*	linkGreen: #A6D8A5;		*/
/*	mediumGrey: #999999;	*/
/*	paleBlue: #EAFFFF;		*/
/*	paleBrown: #E6AE43;		*/
/*	paleGreen: #F5FFEB;		*/
/*	pastelGreen: #E4FFD7;	*/
/*	skyBlue: #97F3FB;		*/
/*	slateBlue: #A6D8DE;		*/
/*	Teal: #008080;			*/
/*	washedBlue: #EFFFFF;	*/
/*	waterBlue: #DBFFFF;		*/