/* ---------------------------------------------------------*/
/*  					CWRA.css 							*/
/*			Author Richard Walker (after Geoff Roynon)		*/
/* ---------------------------------------------------------*/
/* 	Updated: 1 Sept 2021	Changes match website v1.7		*/
/*	Currently in use with html pages release 1.7 01/09/2021	*/
/*															*/
/*	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: #E4FFD7; /* pastelGreen */
	}
	div,
	.dHeader,
	.dMain,
	.dSub,
	.dScrollable,
	.dFooter,
	.dBlue,
	.dWhite,
	.dGrey{position:relative;
		margin:auto;
		max-width:850px;
	}
	.dBlue{ background-color: #EFFFFF; /* washed blue */
	}
	.dWhite{ background-color: white;
	}
	.dGrey{ background-color: #999999;	/*	mediumGrey:	*/
	}
	.dHeader{ background-color: #E4FFD7; /* pastelGreen */
	}
	.dMain{
		background-color: #E4FFD7; /* pastelGreen */
		min-height:800px;			/* force the page to be longer (hopefully) than most browser windows.  Then all 4 pages will get a vertical scrollbar, and look similar */
	}
	.dSub{
		background-color: #E4FFD7; /* pastelGreen */
		min-height:250px;
	}
	.dFooter{
		background-color: #999999;	/*	mediumGrey:	*/
		padding: 20px;
		margin-top: 20px;
	}
	.dScrollable {
		background-color: #E4FFD7; /* pastelGreen */
        overflow-x: auto;
		padding-left: 50px;
    }
	
	a{
	}
	a:link,
	a:visited,
	a:active,
	a:hover	{
		color: black;
		background-color: #E4FFD7; /* pastelGreen */	/* keep same as the section background */	
		font-size:18px;
		text-decoration : none;
		}
	a:hover {
		background-color: #56BC7F; /* darkGreen: */ 
	}
	a:active{
		background-color:  #088F0A;	/*	forestGreen: */
	}
	.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: #56BC7F; /* darkGreen: */ 
	}
	
	p, h1, h2, h3, .centred, .para18, .para18indent, .para18centred, .para18central{
		color:black;
		font-family:times, serif;
		margin-bottom: 2px;
	}
	p {
		font-size:12px;
	}
	h1 {
		font-size:24px;
		margin-bottom:8px;
	}
	h2 {
		font-size:20px;
		margin-top:20px;
		margin-bottom:8px;
	}
	h3 {
		font-size:18px;
		margin-top:20px;
		margin-bottom:8px;
	}
	.centred {
		text-align: center;
	}
	.para18, .para18indent,.para18centred, .para18central, .para18tabs1, .para18tabs2{
		font-size:18px;
		margin-left: 25px;
		margin-top: 15px;
	}
	.para18indent, .para18tabs1 {
		margin-left: 50px;
		margin-top:0px;
	}
	.para18tabs2 {
		margin-left: 75px;
		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: #088F0A;	/*	forestGreen: */
		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: 0em;
		margin-bottom: 1 em;
		margin-left: 0;
		margin-right: 0;
		padding-left: 40px;
	}	
	.nav, .nav2, .nav3 .nav4{
		background-color: #E4FFD7; /* pastelGreen */
		list-style-type: none;
		text-align: center;
		margin: 10;
		padding: 0;
		min-width: 100px;
		font-size: 18px;
	}
	
	.nav4 {
		text-align: left;
		padding-left: none;
	}

 	.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 10px 50px;
	}
	.nav3 li {
		display: block;		/* causes the list to be vertical */
		text-align: left;
		margin-left: 25px;	/* aligns with para18 */
		margin-bottom: 0;
		padding: 0;
	}
	
/*     table {
        border-collapse: collapse;
    }
    table, th, td, td.b, tr{
		border: none;
	}
	th, td, tr {
        padding: 5px 0px 20px 30px;
		min-width: 100px;				
		text-align: left;
    }
	.b{
		font-weight: bold;
	}	 */
 
    table {
        width: 100%;
        border-collapse: collapse;
    }
	tr {
		padding:0px 0px 0px 25px;
	}
	
    th{
        padding: 8px 8px 8px 0px ;
        text-align: left;
        border: none;
        white-space: nowrap; /* to prevent text wrapping */
    }
    td {
        padding: 8px 8px 8px 25px ;
        text-align: left;
        border: none;
        white-space: nowrap; /* to prevent text wrapping */
    } 	

	figure { 
		display: block;
		text-align: center;
		margin-top: 1em;
		margin-bottom: 1em;
		margin-left: 20px;
		margin-right: 20px;
	}
	/* 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;		*/