/*CSS3 file.
This version edited for the REDHALL site.
Colour theme based on shades of grey.
Dark grey,	100,100,100;	#646464
Mid grey,	200,200,200;	#c8c8c8
Pale grey, 	240,240,240;	#8c8c8c
Dark Brown, #3c0909

Updated for 'border-radius', 18/7/12
Updated for CSS3, starting 14/11/12, 7/11/18
*/
address,
blockquote, 
body, dd, div, 
dl, dt, 
fieldset, form,
frame, frameset,
h1, h2, h3, h4, 
h5, h6, iframe, 
noframes, 
object, ol, p, 
ul, applet, 
center, dir, 
hr, menu, pre   	{ display: block }
li              			{ display: list-item }
head            		{ display: none }
table 			{ display: table;  border-spacing:  5pt; margin-left: auto; margin-right: auto }
tr              		{ display: table-row}
thead           		{ display: table-header-group }
tbody           		{ display: table-row-group }
tfoot           		{ display: table-footer-group }
col             		{ display: table-column }
colgroup        		{ display: table-column-group }
td, th          		{ display: table-cell; text-align: justify; margin-left: 2em;padding:3px;border-spacing:0px; }
caption         		{ display: table-caption }
th              		{ font-weight: bolder; text-align: center }
caption         		{ text-align: center }
body            		{ height:100%; padding: 2%; line-height: 1.33; text-align: justify; font-family: 
				 Verdana, sans-serif; font-size: 12pt; background: url("../graphics/w-n-l.gif")}
h1              		{ font-size: 1em; margin: .67em 0; color: rgb(40%, 40%, 40%); text-align: center }
h2              		{ font-size: 1.5em; margin: .83em 0; color: rgb(30%, 30%, 30%); text-align: center  }
h3              		{ font-size: 1.17em; margin: 1em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            		{ margin: 1.33em 0 }
h5              		{ font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
h6              		{ font-size: .67em; margin: 2.33em 0 }
h1, h2, h3, h4,
h5, h6, b,	
strong          		{ font-weight: bolder }
blockquote      		{ margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    	{ font-style: italic }
pre, tt, code,
kbd, samp       	{ font-family: monospace }
pre             		{ white-space: pre }
big             		{ font-size: 1.17em }
small, sub, sup 	{ font-size: 0.73em }
sub, sup 		{ font-size: 75%;
				line-height: 0; 
				position: relative; 
				vertical-align: baseline;
				}
sub             		{ bottom: -0.25em; }
sup             		{ top: -0.5em; }
s, strike, del  	{ text-decoration: line-through }
hr              		{ color:rgb(80%, 80%, 80%);background-color:rgb(80%, 80%, 80%);height:1px;border: 1px inset }
ol, dir,
menu, dd        	{ margin-left: 40px }
ol              			{ list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    		{ margin-top: 0; margin-bottom: 0 }
u, ins          		{ text-decoration: underline }
center          		{ text-align: center }
br				{display:block;}
/*br:before       	{ content: "\A" }*/
:root {--col1: rgb(100,70,20); 
	--col2: rgb(204,194,182);
	--col3: rgb(234,224,212);}


/* Block definitions for TWO blocks across a page
'_o'  are the designer settings which have a border*/
div.container_o	{margin-left:auto;margin-right:auto;border: 1px solid blue;}
div.block_2_a_o 	{float: left; width: 49%; margin-left: auto; margin-right: auto;border: 1px solid black; }
div.block_2_b_o	{float: right; width: 49%; margin-left: auto; margin-right: auto;border: 1px solid black; }
div.container	{margin-left:auto;margin-right:auto;border: 0;}
div.block_2_a 	{float: left; width: 49%; margin-left: auto; margin-right: auto;border: 0; }
div.block_2_b 	{float: right; width: 49%; margin-left: auto; margin-right: auto;border: 0; }

br.clear {
	clear: both;
	display:block;}

br.blk {
	display:block;}

/* Block definitions for THREE blocks across a page
These are the designer settings*/
div.block_3_a_o {float: left; width: 32%; margin-left: auto; margin-right: auto;border: 1px solid black; }
div.block_3_b_o{float: left; width: 32%; margin-left: auto; margin-right: auto;border: 1px solid black; }
div.block_3_c_o {float: right; width: 32%; margin-left: auto; margin-right: auto;border: 1px solid black; }

div.block_3_a 		{float: left; width: 32%; margin-left: auto; margin-right: auto;border: 0; }
div.block_3_b 		{float: left; width: 32%; margin-left: auto; margin-right: auto;border: 0; }
div.block_3_c 		{float: right; width: 32%; margin-left: auto; margin-right: auto;border: 0; }

/* Block definitions for FOUR blocks across a page
These are the designer settings*/
div.block_4_a_o {float: left; width: 24%; margin-left: auto; margin-right: auto;border: 1px solid black; }
div.block_4_b_o{float: left; width: 24%; margin-left: auto; margin-right: auto;border: 1px solid black; }
div.block_4_c_o {float: left; width:24%; margin-left: auto; margin-right: auto;border: 1px solid black; }
div.block_4_d_o {float: left; width: 24%; margin-left: auto; margin-right: auto;border: 1px solid black; }

div.block_4_a 	{float: left; width: 24%; margin-left: auto; margin-right: auto;border: 0; }
div.block_4_b 	{float: left; width: 24%; margin-left: auto; margin-right: auto;border: 0; }
div.block_4_c 	{float: left; width: 24%; margin-left: auto; margin-right: auto;border: 0; }
div.block_4_d 	{float: left; width: 24%; margin-left: auto; margin-right: auto;border: 0; }

div.block_5_a 	{float: left; width: 19%; margin-left: auto; margin-right: auto;border: 0; }
div.block_5_b 	{float: left; width: 19%; margin-left: auto; margin-right: auto;border: 0; }
div.block_5_c 	{float: left; width: 19%; margin-left: auto; margin-right: auto;border: 0; }
div.block_5_d 	{float: left; width: 19%; margin-left: auto; margin-right: auto;border: 0; }
div.block_5_e 	{float: left; width: 19%; margin-left: auto; margin-right: auto;border: 0; }

div.flex_cont	{display:flex;flex-flow:row wrap;justify-content:space-around;}
div.flex_d		{margin:auto;}
p.flex_p		{margin:auto;}

/*Paragraph classes with specified indents for ALL lines*/
p.ind2			{margin-left: 2%;}
p.ind4			{margin-left: 4%;}
p.ind6			{margin-left: 6%;}
p.ind8			{margin-left: 8%;}
p.ind10			{margin-left: 10%;}
p.centre		{text-align: center}

/*Paragraph classes with hanging indents */
p.hang2			{ text-indent: -2%; margin-left: 2%; }
p.hang4			{ text-indent: -4%; margin-left: 4%; }
p.med	{font-size: 150%;}

/*DIV classes with indents */
div.ind2		{margin-left: 2%;}
div.ind4		{margin-left: 4%;}
div.ind10	{margin-left: 10%;}
/*DIV classes with hanging indents */
div.hang2		{ text-indent: -2%; margin-left: 2%; }
div.hang4		{ text-indent: -4%; margin-left: 4%; }

/*DIV class centred */
div.centre		{text-align: center}

/* Indented line break */
br.ind30			{text-indent:30%}		
br.ind2			{text-indent:20%}	
/*Table cell widths */
td.w1			{ width: 15%}
td.w2			{ width: 50%}

/*Table cell indents */
td.ind20			{text-indent: 20px}
td.ind40			{text-indent: 40px}
td.ind60			{text-indent: 60px}
td.lrg	{font-size: 130%;}

td.fade			{
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
		filter: alpha(opacity=40);
		-khtml-opacity: 0.4;
		-moz-opacity: 0.4;
		opacity: 0.4;
		}

ul.nodots {
		list-style-type: none;
		list-style-image: inherit;
		list-style-position: inside;
		}
				 
#ruler { 
		visibility: hidden;
		white-space: nowrap; 
		}

#pup {
	position:absolute;
	z-index:1000; /* aaaalways on top*/
	color:#646464;
	background:rgba(240,240,240,0.8);
	font-family:Verdana, sans-serif;
	font-size:90%;
	padding: 6px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom:10px;
	width: 300px;
	border: 1px solid rgb(90,90,90);
	-k-border-radius: .3em;
	-khtml-border-radius: .3em;
	-o-border-radius: .3em;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
	}
	
@font-face {
			font-family: "Georgia";
			src: url('../fonts/georgia.eot'); /* IE9 Compat Modes */
			src: url('../fonts/georgia.eot?iefix') format("eot"), /* IE6-IE8 */
			url('../fonts/georgia.woff') format("woff"), /* Modern Browsers */
			url('../fonts/georgia.ttf') format("truetype"), /* Safari, Android, iOS */
			url('../fonts/georgia.svg#svgFontName') format("svg"); /* Legacy iOS */
			}	

@font-face {
			font-family: "Writhlin";
			src: url('../fonts/writhlin.eot'); /* IE9 Compat Modes */
			src: url('../fonts/writhlin.eot?iefix') format("eot"), /* IE6-IE8 */
			url('../fonts/writhlin.woff') format("woff"), /* Modern Browsers */
			url('../fonts/writhlin.ttf') format("truetype"), /* Safari, Android, iOS */
			url('../fonts/writhlin.svg#svgFontName') format("svg"); /* Legacy iOS */
			}

@font-face {
			font-family: "Windsor BT";
			src: url('../fonts/Windsor BT.eot'); /* IE9 Compat Modes */
			src: url('../fonts/Windsor BT.eot?iefix') format("eot"), /* IE6-IE8 */
			url('../fonts/Windsor BT.woff') format("woff"), /* Modern Browsers */
			url('../fonts/Windsor BT.ttf') format("truetype"), /* Safari, Android, iOS */
			url('../fonts/Windsor BT.svg#svgFontName') format("svg"); /* Legacy iOS */
			}

@font-face {
			font-family: "symbol";
			src: url('../fonts/symbol.eot'); /* IE9 Compat Modes */
			src: url('../fonts/symbol.eot?iefix') format("eot"), /* IE6-IE8 */
			url('../fonts/symbol.woff') format("woff"), /* Modern Browsers */
			url('../fonts/symbol.woff2') format("woff2"), /* very Modern Browsers */
			url('../fonts/symbol.ttf') format("truetype"), /* Safari, Android, iOS */
			url('../fonts/symbol.svg#svgFontName') format("svg"); /* Legacy iOS */
			}

@font-face {
			font-family: "thin";
			src: url('../fonts/timeburner.eot'); /* IE9 Compat Modes */
			src: url('../fonts/timeburner.eot?iefix') format("eot"), /* IE6-IE8 */
			url('../fonts/timeburner.woff') format("woff"), /* Modern Browsers */
			url('../fonts/timeburner.ttf') format("truetype"), /* Safari, Android, iOS */
			url('../fonts/timeburner.svg#svgFontName') format("svg"); /* Legacy iOS */
			}						
			
span.taxo	{font-family:"Georgia",Serif;
			 font-style:italic;
			 font-size:110%}
			 
span.thin	{font-family:"thin",Sans Serif;
			 font-style:normal;
			 font-size:110%}
			 
/*Graphic alignments */
img.align-right 	{ float:right; margin: 0 0 15px 15px; }
img.align-left 	{ float:left; margin: 0 15px 15px 0; }

/* An example of style for HTML 4.0's ABBR/ACRONYM elements */

abbr, acronym   	{ font-variant: small-caps; letter-spacing: 0.1em }
a[href]         		{ text-decoration: none }

a:link    	{ color: rgb(120,120,120);font-weight:bold }	/* unvisited links */
a:visited 	{ color: rgb(120,120,120);font-weight:bold  } 	/* visited links   */
a:hover		{color:#560404;font-weight:bold}				/* user hovers     */
:focus          	{ outline: none }	

/* Begin bidirectionality settings (do not change) */
bdo[dir="ltr"]  	{ direction: ltr; unicode-bidi: bidi-override }
bdo[dir="rtl"]  	{ direction: rtl; unicode-bidi: bidi-override }

*[dir="ltr"]    	{ direction: ltr; unicode-bidi: embed }
*[dir="rtl"]    	{ direction: rtl; unicode-bidi: embed }

/* Elements that are block-level in html4 */
address, blockquote, body, dd, div, dl, dt, fieldset, 
form, frame, frameset, h1, h2, h3, h4, h5, h6, iframe,
noscript, noframes, object, ol, p, ul, applet, center, 
dir, hr, menu, pre, li, table, tr, thead, tbody, tfoot, 
col, colgroup, td, th, caption 
				{ unicode-bidi: embed }
/* end bidi settings */

@media print {
  
  h1, h2, h3,
  h4, h5, h6    	{ page-break-after: avoid; page-break-inside: avoid }
  blockquote, 
  pre           		{ page-break-inside: avoid }
  ul, ol, dl    	{ page-break-before: avoid }
			}

@media aural {
  h1, h2, h3, 
  h4, h5, h6    	{ voice-family: paul, male; stress: 20; richness: 90 }
  h1            		{ pitch: x-low; pitch-range: 90 }
  h2            		{ pitch: x-low; pitch-range: 80 }
  h3            		{ pitch: low; pitch-range: 70 }
  h4            		{ pitch: medium; pitch-range: 60 }
  h5            		{ pitch: medium; pitch-range: 50 }
  h6            		{ pitch: medium; pitch-range: 40 }
  li, dt, dd    	{ pitch: medium; richness: 60 }
  dt            		{ stress: 80 }
  pre, code, tt 	{ pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  em            		{ pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  strong        		{ pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  dfn           		{ pitch: high; pitch-range: 60; stress: 60 }
  s, strike     		{ richness: 0 }
  i             		{ pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  b             		{ pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  u             		{ richness: 0 }
  a:link        		{ voice-family: harry, male }
  a:visited     	{ voice-family: betty, female }
  a:active      	{ voice-family: betty, female; pitch-range: 80; pitch: x-high }
}