:root {
	/* Font */
	--font: "Roboto",Arial,sans-serif;
	/* Branded colours */
	--primary-colour: #143872; /* 20, 56, 114 */
	--primary-colour-alpha: #143872aa;
	--secondary-colour: #f68b1f; /* 246, 139, 31 */
	/* Hard-coded colours */
	--background-colour: #eee;
	--font-colour: #333;
	--error-colour: #e00;
	--input-border-colour: #aaa;
	--input-focus-colour: #999;
	--disabled-colour: #808080;
	--selectable-hover-colour: #e0e0e0;
	--selectable-highlight-colour: #ccc;
	/* Other settings */
	--hover-brightness: 1.25;
}

html, body {
	color: var(--font-colour);
	font-family: var(--font);
	font-size: 0.95em; /* This needs to go */
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
	/* I have removed the overflow:auto; as auto is default and it was overwriting other things */
}

h1 {
	color: var(--font-colour);
	font-size: 24px;
	margin: 0 0 18px 0;
}

h2 {
	color: var(--font-colour);
	font-size: 20px;
	margin: 12px 0;
}

h3 {
	color: var(--font-colour);
	font-size: 16px;
	margin: 0 0 10px 0;
}

h4 {
	color: var(--font-colour);
	font-size: 14px;
	margin: 6px 0;
}

abbr {
	color: blue;
	cursor: help;
	text-decoration: none;
}

p, td {
	margin: 0;
}

.centred {
	margin: 0 auto;
	text-align: center;
}

::-ms-clear {
	display: none;
}

::-ms-reveal {
	display: none;
}