/* page style e.g. Mission, News... */

html {
	padding: 0;
	margin: 0;
}
body {
	padding: 0;
	margin: 0;
	width: 100%;
	font-family: 'PT Sans Narrow', Arial, Helvetica, sans-serif;/* Google Font PT sans narrow (+ 'Swanky and Moo Moo', cursive, for menu headings) */
	color: #000000;/* default text colour */
	font-size: 1.05em;
	font-weight: normal;
	line-height: 1.4em;
}
div, span, p, h1, h2, h3, h4, h5, h6, a, img, section, header, footer, article, nav, iframe, audio, video, iframe { /* 23/07/18 I removed ul, ol, li  */
	display: inline-block;
}
.posr {
	position: relative;
}
.posa {
	position: absolute;
}
.boxSizing {
	-webkit-box-sizing: border-box;/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;/* Firefox, other Gecko */
	box-sizing: border-box;/* Opera/IE 8+ */
}
.borderRadius {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}
#wrapper { /* more for responsive design */
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	text-align: left;/* 6/09/18 instead of center (but main remains text-align 'center' */
}
	#main {
		width: auto;
		height: auto;
		text-align: center;
	}
		.pageField {
			width: 70%;
			height: auto;
			text-align: left;
			color: #FFFFFF;
			white-space: pre-line;
			padding-bottom: 25px;
		}
		#Title {
			font-weight: normal;/* 14/07/18 because h2 is bold by default */
			color: #E1AB8E;/* 9/10/18 */
			margin: 35px 0px 10px 0px;/* 14/07/18 because 'pageField' has bigger one */
		}
		#Text {
			height: auto;
			padding: 0px 0px 35px 0px;/* 14/07/18 nicer */
		}
		/* used in xml */
		.subTitle { /* for 'h3' title in text */
			font-weight: normal;
			color: #E1AB8E;/* 9/10/18 */
			margin: 0px 0px 5px 0px;
		}
		.interTitle { /* 25/11/18 for 'h4' sub-title in text */
			font-weight: normal;
			color: #93F7DC;/* water-green */
			margin: 0px;
		}
		.listBlock { /* for ul and ol */
			margin: -18px 0px -18px 0px;
		}
			.listRow { /* for <li> */
				margin-left: -14px;
			}
		.topLeftPicInText { /* top-left corner image in text wrapping around */
			margin: 7px 21px 7px 0px;
			float: left;
			clear: left;
		}
		.topRightPicInText { /* top-right corner image in text wrapping around */
			margin: -50px 0px 7px 20px;
			float: right;
			clear: right;
		}
		/* ul list with dash instead of bullet */
		ul.dashed {
		  list-style-type: none;
		}
		ul.dashed > li {
		  text-indent: -12px;
		}
		ul.dashed > li:before {
		  content: "– ";
		  text-indent: -12px;
		}