/* Filename: normalize.css */
	/* Last modified: 2018-03-20 v 8.0.0 */
	/* Resets all browsers to neutral so start out the same */

	/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

	/* Document ========================================================================== */
	/**
	* 1. Correct the line height in all browsers.
	* 2. Prevent adjustments of font size after orientation changes in iOS.
	*/
	html {
		line-height: 1.15; 										/* 1 */
		-webkit-text-size-adjust: 100%;							/* 2 */
	}

	/* Sections ========================================================================== */
	/* Remove the margin in all browsers. */
	body {
		margin: 0;
	}

	/* Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
	h1 {
		font-size: 2em;
		margin: 0.67em 0;
	}

	/* Grouping content ========================================================================== */
	/**
	* 1. Add the correct box sizing in Firefox.
	* 2. Show the overflow in Edge and IE.
	*/
	hr {
		box-sizing: content-box; 								/* 1 */
		height: 0; 												/* 1 */
		overflow: visible; 										/* 2 */
	}

	/**
	* 1. Correct the inheritance and scaling of font size in all browsers.
	* 2. Correct the odd `em` font sizing in all browsers.
	*/
	pre {
		font-family: monospace, monospace; 						/* 1 */
		font-size: 1em; 										/* 2 */
	}

	/* Text-level semantics ========================================================================== */
	/* Remove the gray background on active links in IE 10.	*/
	a {
		background-color: transparent;
	}

	/**
	* 1. Remove the bottom border in Chrome 57-
	* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
	*/
	abbr[title] {
		border-bottom: none; 									/* 1 */
		text-decoration: underline; 							/* 2 */
		text-decoration: underline dotted; 						/* 2 */
	}

	/* Add the correct font weight in Chrome, Edge, and Safari.	*/
	b,
	strong {
		font-weight: bolder;
	}

	/**
	* 1. Correct the inheritance and scaling of font size in all browsers.
	* 2. Correct the odd `em` font sizing in all browsers.
	*/
	code,
	kbd,
	samp {
		font-family: monospace, monospace;						/* 1 */
		font-size: 1em; 										/* 2 */
	}

	/* Add the correct font size in all browsers. */
	small {
		font-size: 80%;
	}

	/* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
	sub,
	sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}

	sub {
		bottom: -0.25em;
	}

	sup {
		top: -0.5em;
	}

	/* Embedded content ========================================================================== */
	/* Remove the border on images inside links in IE 10. */
	img {
		border-style: none;
	}

	/* Forms ========================================================================== */
	/**
	* 1. Change the font styles in all browsers.
	* 2. Remove the margin in Firefox and Safari.
	*/

	button,
	input,
	optgroup,
	select,
	textarea {
		font-family: inherit; 									/* 1 */
		font-size: 100%; 										/* 1 */
		line-height: 1.15; 										/* 1 */
		margin: 0; 												/* 2 */
	}

	/**
	* Show the overflow in IE.
	* 1. Show the overflow in Edge.
	*/
	button,
	input {					 									/* 1 */
		overflow: visible;
	}

	/**
	* Remove the inheritance of text transform in Edge, Firefox, and IE.
	* 1. Remove the inheritance of text transform in Firefox.
	*/
	button,
	select { 													/* 1 */
		text-transform: none;
	}

	/* Correct the inability to style clickable types in iOS and Safari. */
	button,
	[type="button"],
	[type="reset"],
	[type="submit"] {
		-webkit-appearance: button;
	}

	/* Remove the inner border and padding in Firefox. */
	button::-moz-focus-inner,
	[type="button"]::-moz-focus-inner,
	[type="reset"]::-moz-focus-inner,
	[type="submit"]::-moz-focus-inner {
		border-style: none;
		padding: 0;
	}

	/* Restore the focus styles unset by the previous rule. */
	button:-moz-focusring,
	[type="button"]:-moz-focusring,
	[type="reset"]:-moz-focusring,
	[type="submit"]:-moz-focusring {
		outline: 1px dotted ButtonText;
	}

	/* Correct the padding in Firefox. */
	fieldset {
		padding: 0.35em 0.75em 0.625em;
	}

	/**
	* 1. Correct the text wrapping in Edge and IE.
	* 2. Correct the color inheritance from `fieldset` elements in IE.
	* 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
	*/
	legend {
		box-sizing: border-box; 								/* 1 */
		color: inherit; 										/* 2 */
		display: table; 										/* 1 */
		max-width: 100%; 										/* 1 */
		padding: 0; 											/* 3 */
		white-space: normal; 									/* 1 */
	}

	/* Add the correct vertical alignment in Chrome, Firefox, and Opera. */
	progress {
		vertical-align: baseline;
	}

	/* Remove the default vertical scrollbar in IE 10+. */
	textarea {
		overflow: auto;
	}

	/**
	* 1. Add the correct box sizing in IE 10.
	* 2. Remove the padding in IE 10.
	*/
	[type="checkbox"],
	[type="radio"] {
		box-sizing: border-box; 								/* 1 */
		padding: 0; 											/* 2 */
	}

	/* Correct the cursor style of increment and decrement buttons in Chrome. */
	[type="number"]::-webkit-inner-spin-button,
	[type="number"]::-webkit-outer-spin-button {
		height: auto;
	}

	/**
	* 1. Correct the odd appearance in Chrome and Safari.
	* 2. Correct the outline style in Safari.
	*/
	[type="search"] {
		-webkit-appearance: textfield; 							/* 1 */
		outline-offset: -2px; 									/* 2 */
	}

	/* Remove the inner padding in Chrome and Safari on macOS. */
	[type="search"]::-webkit-search-decoration {
		-webkit-appearance: none;
	}

	/**
	* 1. Correct the inability to style clickable types in iOS and Safari.
	* 2. Change font properties to `inherit` in Safari.
	*/
	::-webkit-file-upload-button {
		-webkit-appearance: button; 							/* 1 */
		font: inherit; 											/* 2 */
	}

	/* Interactive ========================================================================== */
	/* Add the correct display in Edge, IE 10+, and Firefox. */
	details {
		display: block;
	}

	/* Add the correct display in all browsers. */
	summary {
		display: list-item;
	}

	/* Misc ========================================================================== */
	/* Add the correct display in IE 10+. */
	template {
		display: none;
	}

	/* Add the correct display in IE 10. */
	[hidden] {
		display: none;
	}
	
	
	
	/* Filename:  cssplay-multi.css */
	/* Last modified: 2018-04-09 */
	/* Stu Nicholls developed this menu -*/
	/* my menu system css file */
	/* Desktop first then mobile */

	html, 
	body {
		margin: 0; 
		padding: 0;
	}

	label.toggle {
		width: 30px; 
		height: 22px;
		position: absolute; 
		right: 10px; 
		top: 10px; 
		cursor: pointer; 
		border-top: 4px solid #fff; 
		border-bottom: 4px solid #fff; 
		display: none;
	}
	
	label.toggle:before {
		content: ""; 
		display: block; 
		width: 30px; 
		height: 4px; 
		background: #fff; 
		position: absolute; 
		left: 0; 
		top: 4px;
	}
	
	label.toggle span {
		position: absolute; 
		left: -99999px;
	}

	input#toggle {
		position: absolute; 
		display: none;
	}

	.menuHolder {
		width: 100%; 
		position: fixed;
		right: 0; 
		top: 0; 
		background: #c40100;
		z-index: 400; 
		height: 50px; 
		text-align: center;
	}
	
	.menu {
		display: inline-block;
		*display: inline; 									/* for IE7 */
	}
	
	.menu ul {
		margin: 0; 
		padding: 0; 
		list-style: none; 
		white-space: nowrap; 
		text-align: left;
	}

	.menu li {
		display: block; 
		position: relative;
	}

	.menu ul ul {
		position: absolute; 
		left: -99999px; 
		top: 50px;
		padding: 0;
		background: #fff;
		z-index: 0; 
		-webkit-transition: opacity 0.5s;
		-o-transition: opacity 0.5s;
		-moz-transition: opacity 0.5s;
		transition: opacity 0.5s;
		border: 1px solid #c40100;
	}
	
	.menu ul ul ul {											/* level 3 - flyout links */
		left: 100%;
		top: 34px;
		margin-top: -35px;
		border: 1px solid #009;
		background-color: #e0e0e0;
		color: #009;
		text-decoration: underline;
	}
	
	.menu ul li.left > ul {
		left: auto; 
		right: 0; 
		top: 50px;
	}
	
	.menu ul li.left ul li > ul {
		left: auto; 
		right: 100%; 
		top: 34px;
		margin-top: -35px;
	}

	.menu > ul {
		margin: 0 auto; 
		display: inline-block;
	}
	
	.menu > ul {
		*display: inline;
	}
	
	.menu > ul > li {
		float: left; 
		position: relative;
	}

	.menu ul {
		background-color: #c40100;
	}

	.menu a {
		display: block; 
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
		font-size: .9rem;
		color: #fff; 
		text-decoration: none;
		padding: 0 30px 0 20px; 
		position: relative; 
		z-index: 10;
		font-size: 16px;
		line-height: 1.8;
	}
	
	.menu > ul > li > a {										/* menu bar items - all */
		line-height: 50px;
		height: 50px;
		color: #fff;
		background-color: #c40100;	
		text-decoration: underline;
		font-weight: bold;
	}
	
	.menu > ul > li > a.hassub {								/* menu bar items - take underline off for no link */
		text-decoration: none;	
	}
	
	.menu > ul > li:hover > a ,	
	.menu > ul > li:hover > a.hassub {							/* menu bar items - hover */
		line-height: 50px;
		height: 50px;
		color: #fff;
		background-color: #c40100;	
	}

	.menu > ul  ul > li > a.hassub {							/* 2nd level non-links */
		color: #c40100;
		background-color: #e0e0e0;
		text-decoration: none;
		line-height: 1.8;
		height: 1.8;
		font-size: 16px;
		font-weight: bold;
	}
	
	.menu > ul > li > b {										/* menu bar items no link */
		display: block; 
		position: relative; 
		width: 100%; 
		margin-top: -50px; 
		height: 50px;
		z-index: 100;
		-webkit-transition: 0s 0.5s;
		-o-transition: 0s 0.5s;
		-moz-transition: 0s 0.5s;
		transition: 0s 0.5s;
		*display: none;	 										/* for IE7 */
	}

	.menu ul ul > li > b {										/* 1st level dropdown no link */
		display: block; 
		position: relative; 
		margin-top: -25px; 
		width: 100%; 
		height: 25px; 
		z-index: 100;
		-webkit-transition: 0s 0.5s;
		-o-transition: 0s 0.5s;
		-moz-transition: 0s 0.5s;
		transition: 0s 0.5s;
	}

	.menu li:hover > b {
		width: 0;
	}
	
	.menu li.left ul a {
		text-align: right; 
		padding: 0 20px 0 30px;
	}

	.menu li:hover > a,											/*1st level no dropdown link hover */
	.menu ul li:hover > a {
		color: #009; 
		background-color: #e0e0e0;
		text-decoration: underline;
	}

	.menu ul li a.hassub {										/* All 1st level except home which is a link */
		background: url(../image-files/arrow-down.png) no-repeat right center;
		color: #fff;
		background-color: #c40100;
		text-decoration: none
	}
	
	.menu ul li:hover > a.hassub {								/* All 1st level except home which is a link - hover */
		color: #fff; 
		background-color: #c40100;
		text-decoration: none;
	}		
	
	.menu li ul li > a,
	.menu li.left ul li > a {									/* 2nd & 3rd level dropdown - link */
		color: #009; 
		background-color: #e0e0e0;
		text-decoration: underline;
		opacity: 1;
	}	
	
	.menu li ul li a.hassub {									/* 2nd level right dropdown - non-link */
		background: url(../image-files/arrow-right.png) no-repeat right center;
		color: #c40100;
		background-color: #e0e0e0;
		text-decoration: none;
		font-weight: bold;
	}

	.menu li.left ul li a.hassub {								/* 2nd level left dropdown - non-link */
		background:  url(../image-files/arrow-left.png) no-repeat left center;
		color: #c40100;
		background-color: #e0e0e0;
		text-decoration: none;
		font-weight: bold;
	}
	
	.menu li ul li:hover  a.hassub {							/* 2nd level right dropdown - non-link hover*/
		color: #c40100;
		background-color:  #e0e0e0;
		text-decoration: none;
		font-weight: bold;
	}	
	
	.menu li.left ul li:hover  a.hassub {						/* 2nd level left dropdown - non-link hover */	
		text-decoration: none;
		background-color: #e0e0e0;
		color: #c40100;
		font-weight: bold;
	}
	
	.menu li.left ul li > a {									/* 2nd level left dropdown - link */
		color: #009; 
		background-color: #e0e0e0;
		text-decoration: underline;
		opacity: 1;
	}

	.menu li ul li:hover > a,									/* 2nd level left & right dropdown - link hover */
	.menu li.left ul li:hover > a {								
		color: #c40100; 
		background-color: #e0e0e0;
		text-decoration: underline;
		font-weight: bold;
	}	
	
	.menu li ul li ul li > a 									/* 3rd level left & right flyout - link */
	.menu li.left ul li ul li > a {									
		color: #009; 
		background-color: #e0e0e0;
		text-decoration: underline;
		opacity: 1;
	}	

	.menu li ul li ul li:hover > a,
	.menu li.left ul li ul li:hover > a {						/* 3rd level left & right flyout - link hover */
		color: #c40100; 
		background-color: #e0e0e0;
		text-decoration: underline;
		font-weight: bold;
	}	
	
	.menu ul ul,
	.menu ul ul ul,
	.menu ul li.left > ul,
	.menu ul li.left ul li > ul {
		left: -9999px; 
		right: auto; 
		opacity: 0;
	}

	.menu ul li:hover > ul {
		left: 0; 
		opacity: 1;
	}
	
	.menu ul ul li:hover > ul {
		left: 100%; 
		opacity: 1;
	}
	
	.menu ul li.left:hover > ul {
		left: auto; 
		right: 0; 
		opacity: 1;
	}
	
	.menu ul li.left ul li:hover > ul {
		left: auto; 
		right: 100%; 
		opacity: 1;
	}

	/* for narrow screens, tablets and smartphones */
	@media only screen and (max-width:  768px) {
		.wrapper {
			width: 100%;
		}
		
		label.toggle {
			display: block;
		}
		
		.menuHolder {
			width: 100%; 
			position: fixed;
			right: 0; 
			top: 0; 
			background: #c40100;
			z-index: 400; 
			height: 0; 
			text-align: center; 
			padding-top: 40px; 
			z-index: 10;
		}
		
		.menu {
			width: 300px;
			height: 90vh;
			overflow: scroll;
			overflow-x: hidden; 
			margin: 15px auto;
			display: none; 
			background: #fff;
			-webkit-overflow-scrolling: touch;		
			border: 2px solid #c40100;
			font-size: 120%;
			line-height: 1.8;			
		}
		
		.menu ul {												/* each 1st level dropdown menu including all further dropdowns in it */												
			margin: 0;
			padding: 0;
			list-style: none;
			white-space: nowrap; 
			text-align: left;
			width: 250px; 
			-webkit-transform: translate3d(0,0,10);
		}

		.menu li {
			display: block; 
			position: relative;
		}

		.menu ul ul {
			position: static; 
			border: none;
			padding: 0;
		}
		
		.menu ul ul ul {										/* right flyout menus */
			margin-top: 0; 
			border: none;
			background-color: #fff;
			color: #009;
			text-decoration: underline;			
		}
			
		.menu ul li.left > ul {}
		
		.menu ul li.left ul li > ul {							/* left flyout menus */
			margin-top: 0;
			border: none;
		}

		.menu > ul {
			position: relative; 
			margin: 0; 
			padding: 20px 0; 			
			display: block;
		}
		
		.menu > ul {}
		
		.menu > ul > li {
			float: none;
		}

		.menu ul {
			background: transparent;
		}

		.menu a {
			display: block; 
			font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif; 		/* every item */
			color: #009;
			background-color: #fff;
			text-decoration: underline;
			padding: 0 30px 0 20px; 
			position: relative; 
			z-index: 10;
			font-size: 16px;
			line-height: 1.8;
			margin: 10px 0 0 0;
		}
		
		.menu > ul > li > a {									/* menu bar items */
			line-height: 30px; 
			height: 30px; 
			color: #c40100; 
			font-size: 18px;
			text-decoration: none;
			margin-top: 10px;
			background-color: #fff;
		}
		
		.menu > ul  ul > li > a.hassub {						/* 2nd level non-links */
			background-color: #fff;
			line-height: 30px;
			height: 30px;
			color: #c40100;
			font-size: 16px;
			text-decoration: none;
			font-weight: bold;
			
		}
		
		.menu > ul > li > b,
		.menu ul ul > li > b {
			display: none;
		}

		.menu li.left ul a {
			text-align: left;
			padding: 0 30px 0 20px;
		}

		.menu li:hover > a,
		.menu ul li:hover > a {
			color: #c40100;
			text-decoration: underline;
		}
		
		.menu ul li a.hassub {
			color: #c40100;
			background-color: #fff;
			text-decoration: none
		}		
		
		.menu ul li a.hassub {
			background: none;
		}
		
		.menu li ul li a.hassub {
			color: #c40100;
			background: none;
			text-decoration: none;
		}
		
		.menu ul li ul li>a,
		.menu ul li.left ul li>a {
			background-color: #fff;
		}
		
		.menu li.left ul li a.hassub {
			background: none;
			color: #c40100;
			text-decoration: none;
		}
		
		.menu ul li:hover > a.hassub {							/* All top level except home which is a link */
			color: #c40100;
			background: none;
			text-decoration: none;
		}
		
		.menu li.left ul li:hover > a.hassub {
			color: #c40100;
			background: #fff;
			text-decoration: none;
		}	
		
		.menu li a,												/* 1st level, link, no dropdown */
		.menu ul li a {	
			color: #009; 
			background-color: #fff;
			text-decoration: underline;
		}		
		
		.menu li:hover > a,										/*1st level, link, no dropdown hover */
		.menu ul li:hover > a {
			color: #c40100; 
			background-color: #fff;
			text-decoration: none;
		}
		
		.menu li ul li > a,
		.menu li .left ul li > a {								/* 2nd & 3rd level dropdown  */
			color: #009; 
			background-color:  #fff;
			text-decoration: underline;
			opacity: 1;
			font-weight: bold;
		}
		
		.menu li ul li:hover  a.hassub {						/* 2nd level right dropdown hover - non-link */
			color: #c40100;
			background-color:  #fff;
			text-decoration: none;
			font-weight: bold;
		}		

		.menu li ul li:hover > a,								/* 2nd level left & right dropdown - link hover */
		.menu li.left ul li:hover > a {
			color: #c40100; 
			background-color: #fff;
			text-decoration: underline;
			font-weight: bold;
		}		

		.menu li ul li a.hassub,								/* 2nd level left & right dropdown - non-link */
		.menu li.left ul li a.hassub {
			color: #c40100;
			background-color: #fff;
			text-decoration: none;
			font-weight: bold;			
		}	
		
		.menu li ul li ul li > a, 								/* 3rd level left & right flyout - link */
		.menu li.left ul li ul li > a {	
			color: #009; 
			background-color: #fff;	
			text-decoration: underline;
			opacity: 1;
			padding-left: 15px;
			font-weight: bold;
		}	
		
		.menu li ul li ul li:hover > a,							/* 3rd level left & right flyout - link hover */
		.menu li.left ul li ul li:hover > a {						
			color: #c40100; 
			background-color: #fff;	
			text-decoration: underline;
			font-weight: bold;
		}		

		.menu ul ul,
		.menu ul ul ul,
		.menu ul li.left > ul,
		.menu ul li.left ul li > ul {
			left: -9999px; 
			right: auto;
			opacity: 1;
		}
		
		.menu ul ul ul li a {
			text-indent: 20px;
		}
		
		.menu ul ul ul ul li a {
			text-indent: 30px;
		}

		#toggle:checked ~ .wrapper .menu {
			display: block;
		}
		
		#toggle:checked ~ .wrapper .overlay {
			position: fixed; 
			left: 0; 
			top: 0; 
			width: 100%; 
			height: 100%; 
			background: rgba(255,255,255,0.4);
			z-index: 10;
		}

		.toggle {
			display: block;
		}
	}
	
	
	
	/* Filename: index.css */
	/* Last modified: 2024-04-07 */
	/* Main stylesheet except for normalize and menu bar */
	/* mobile first */
	
	html {
		width: 100%;
		margin: 0; 
		padding: 0;
		height: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 16px;
	}

	*,
	*:before,
	*:after {
		-webkit-box-sizing: inherit;
		box-sizing: inherit;
	}
	
	body {
		overflow-x: hidden;
		font-family: Raleway, Arial, Helvetica, sans-serif;		
		font-weight: 500;	
		width: 100%;
		height: 100%;
		background-color: #fff;									/* white #fff */
		margin: 0;
		padding: 0;
		color: #000;											/* black #000 */
		font-size: 110%;
		line-height: 1.5;
		letter-spacing: .04em; 
		text-rendering: optimizeLegibility;		
		position: relative;
		padding-bottom: 6rem;
		min-height: 100%;
	}
	
	.container {
		position: relative;		
		margin: 0 auto;			
		display: grid;
		grid-template-columns: repeat(12, [col-start] 1fr);
		grid-gap: 20px;
	}
	
	.container > * {
		grid-column: col-start / span 12;
	}
	
	.containerForm {
		display: flex;
	}
	
	.mainHead {
		grid-column: 1 / span 12;
		grid-row: 2;
		margin-top: 30px;
		height: 170px;
		background-color: #fff;									/* white #fff */
		padding-top: 0;
	}
	
	.mainHead .WebsiteName { 									/* SiteDesigner inheritance prevention */
		font-family: Verdana, Geneva, sans-serif;
		font-size: 35px;
		font-weight: bold;										/*normal; */
		font-style: normal;
		font-variant: small-caps;								/* normal; */
		color: #c40100;											/* red #c40100 */
		text-align: center;										/* left; */
		border: 0;
		margin: 10px 0px 7px 0px;
		padding: 0;
		background: none;
	}

	.mainHead .Tagline {
		margin: 5px 0 5px 0;
		font-family: Verdanea, Geneva, sans-serif;
		font-size: 23px;
		font-weight: bold;
		text-align: center;
		background: none;
		color: #009;
	}	
	
	.extraCol {
		grid-column: 1 / span 12;
		grid-row: 4;
		width: 100%;
		top: 60px;
		display: block;
		padding: 5px;
	}

	.contentCol {												/* for 2-col pages */
		grid-column: 1 / span 12;
		grid-row: 3;
		width: 100%;
		top: 60px;
		border: none;
		padding: 5px;
		display: block;
		font-size: 115%;
	}
	
	.contentCol2 {												/* for 1-col pages */
		grid-column: 1 / span 12;
		grid-row: 3;
		width: 100%;
		margin-top: 40px;
		border: 2px solid #d3d3d3;								/* gray80 - light d3d3d3*/
		border-radius: 6px;
		box-shadow: 2px 2px 2px #eee;							/* #eee */
		padding: 5px;
		display: block;
		font-size: 110%;
		background-color: #fff;									/* white #fff */
		display: flex;
		flex-direction: column;
	}	
	
	.contentWrapper {
		grid-column: 1 / span 12;
		grid-row: 3 / 4;
		height: 100%;
		padding: 10px;
		padding-bottom: 150px;  	 							/* Height of the footer */	
	}
	
	.fullFooter {
		position: relative;
		bottom: 0;
		width: 100%;
		height: 250px;											/* 150px;	*/
		background-color: #009;									/* dark blue #009 */
	}	
	
	.fullFooter a:link {			
		color: #fff;											/* white - #fff */
		font-weight: 400;
		text-decoration: underline;
	}
	
	.fullFooter a:hover {
		color: #fff;											/* white - #fff */
		font-weight: 600;
	}		

	.fullFooter a:visited {
		color: #fff;											/* white - #fff */
	}

	.fullFooter p {
		margin: 10px auto;
		padding-top: 10px;
		text-align: center;
		color: #d3d3d3;											/* gray80 - light d3d3d3*/
		font-size: .6875rem;	
	}

	h1, 
	h2, 
	h3, 
	h4, 
	h5, 
	h6 {
		color: #009;											/* dark blue #009 */
		text-align: center;
		background-color: transparent;
		clear: both;
		margin-top: 24px;
	}
	
	.contentCol h1,	
	.contentCol2 h1 {
		margin-top: 40px;
		line-height: 150%;
		font-size: 110%;
		border-bottom: 2px solid #d3d3d3;						/* gray80 - light d3d3d3*/
		color: #009;
	}
	
	.contentCol h2,
	.contentCol2 h2 {
		line-height: 150%;
		font-size: 110%;
		font-style: italic;
		text-align: center;	
		color: #009;											/* dark blue #009 */
	}
	
	.contentCol h3,	
	.contentCol2 h3 {
		line-height: 150%;
		font-size: 100%;
		text-decoration: none;
		text-align: left;
		color: #009;											/* dark blue #009 */
	}
	
	.contentCol h4,	
	.contentCol2 h4 {
		line-height: 150%;
		font-size: 95%;
		text-decoration: none;
		text-align: left;
		color: #009;											/* dark blue #009 */
	}	

	img {
		border: 0;
		image-rendering: -webkit-optimize-contrast;
	}		

	p {
		margin: 1em 0
	}

	p {
		margin: 1em 0 1.5em 0;
	}	
	
	a img {
		border: 0
	}

	a:link img {
		opacity: 1;
		transition: opacity .25s ease-in-out;
		-moz-transition: opacity .25s ease-in-out;
		-webkit-transition: opacity .25s ease-in-out
	}
	
	a:hover img {
		opacity: .5;
	}

	a:link  {
		color: #009;											/* dark blue - #009 */
		text-decoration: underline;
		opacity: 1;
		transition: opacity .25s ease-in-out;
		-moz-transition: opacity .25s ease-in-out;
		-webkit-transition: opacity .25s ease-in-out;	
	}

	a:visited  {
		color: #009;											/* dark blue #009 */
		text-decoration: none;
	}

	a:hover  {
		opacity: 1.0;
		font-weight: bold;
		text-decoration: underline;
		color: #c40100;											/* red - #c40100 */
		font-style: italic;
	}
	
	.alignRight {
		float: right;
		margin-left: 10px;
	}
	
	.alignLeft {
		float: left;
	}	
	
	/* SiteSearchBox */
	#SiteSearchBox {
		width: 95%;
		background-color: transparent;
		margin: 10px auto;
		padding: 10px 2px 2px 2px;
		border: 1px solid #c40100;								/* red #c40100 */
		font-weight: bold;
		color: #000;											/* black #000 */
		text-align: center;
	}
	
	/* Breadcrumbs */
	.BreadcrumbBlock .BreadcrumbTiers {
		list-style: none;
		line-height: 100%;
	}
	
	.BreadcrumbBlock .BreadcrumbTiers .BreadcrumbItem {
		display: inline-block;
		font-size: .75em;
	}
	
	.BreadcrumbBlock .BreadcrumbTiers .BreadcrumbItem+.BreadcrumbItem::before {
		padding: 0 8px;
		color: #000;											/* black #000 */
		content: ">";
	}
	
	.BreadcrumbBlock.BreadcrumbBlockRight .BreadcrumbTiers {
		text-align: right;
	}
	
	.BreadcrumbBlock.BreadcrumbBlockLeft .BreadcrumbTiers {
		text-align: left;
	}
	
	.BreadcrumbBlock.BreadcrumbBlockCenter .BreadcrumbTiers {
		text-align: center;
	}	
	/* /Breadcrumbs */

	/* marks a link that opens in a new page */
	.outlink {
		background-image: url(../image-files/linkout.png);
		background-position: right;
		background-repeat: no-repeat;
		padding: 0 13px 0 0;
	}
	
	.desktopOnly {
		display: none;
	}

	.mobileOnly {
		display: block;
	}	
	
	/* Series of clears increasing the amount below by 10px each step up */
	div.clear {
		clear: both;
		background-color: transparent;
	}
	
	div.clear10 {
		clear: both;
		height: 10px;
		background-color: transparent;
	}
		
	div.clear20 {
		clear: both;
		height: 20px;
		background-color: transparent;
	}
		
	div.clear30 {
		clear: both;
		height: 30px;
		background-color: transparent;
	}
		
	div.clear40 {
		clear: both;
		height: 40px;
		background-color: transparent;
	}
		
	div.clear50 {
		clear: both;
		height: 50px;
		background-color: transparent;
	}
		
	div.clear60 {
		clear: both;
		height: 60px;
		background-color: transparent;
	}
		
	div.clear70 {
		clear: both;
		height: 70px;
		background-color: transparent;
	}
		
	div.clear80 {
		clear: both;
		height: 80px;
		background-color: transparent;
	}
	
	div.clear90 {
		clear: both;
		height: 90px;
		background-color: transparent;
	}
	
	div.clear100 {
		clear: both;
		height: 100px;
		background-color: transparent;
	}	
	/* /clears */
	
	/* bold tag classes */
	.red {
		color: #c40100;											/* red #c40100 */
		font-weight: 600;
	}

	.blue {
		color: #009;											/* dark blue #009 */
		font-size: 100%;
		font-weight: 700;
	}
	
	.lightred {
		color: #c40100;											/* red #c40100 */
		font-weight: 500;
	}
				
	.blueLight {
		color: #009;											/* dark blue #009 */
		font-size: 100%;
		font-weight: 500;
	}		
				
	.blueItalic {
		color: #009;											/* dark blue #009 */
		font-style: italic;
	}
			
	.blueUnderline {
		color: #009;											/* dark blue #009 */
		font-weight: 600;
		text-decoration: underline;
	}															/* /bold tag classes */

	/* link with no underline marks a jump link */	
	a.jumplink,
	a:visited.jumplink
	a:hover.jumplink {		
		text-decoration: none;
		font-size: 100%; 
		background-color: transparent;
		color: #009;											/* dark blue #009 */
		font-weight: bold;
	}

	/* small text links for returns from jumplink articles */
	.smaller  {
		font-family: Raleway, Arial, Helvetica, sans-serif;				
		font-size: 90%;
		color: #009;											/* dark blue #009 */
		text-decoration: underline;
	}

	a:visited.smaller  {
		font-family: Raleway, Arial, Helvetica, sans-serif;				
		font-size: 90%; 
		color: #009;											/* dark blue #009 */
	}

	a:hover.smaller  {
		font-family: Raleway, Arial, Helvetica, sans-serif;				
		font-size: 90%; 
		color: #c40100;											/* red #C40100 */
	}															
	/* /small links for returns from jumplink articles */
	
	/* replacement for <hr> in html5 */
	.divider-line {
		width: 100%;
		height: 2px;
		background-color: #d3d3d3;								/* light gray #d3d3d3 */
		overflow: hidden;
	}
	
	/* Adsense boxes for mobile */
	.AdSenseBoxLeft, 
	.AdSenseBoxRight, 
	.AdSenseBoxRight150x150 {
		float: none;
		display: block;
		width: 200px;
		margin: 10px auto;
		border: 1px solid #666;									/* dim gray #666 */
	}
	
	.AdSenseBoxRight150x150 {
		width: 150px;
	}	

	/* OptInBox */
	#OptInBox {
		width: 95%;
		background-color: transparent;
		margin: 10px auto;
		padding: 10px 2px 2px 2px;
		border: 1px solid #c40100;								/* red #c40100 */
		font-weight: bold;
		color: #000;											/* black #000 */
		text-align: center;
	}
	
	#OptInBoxLeft {												/* for newsletter signup form */
		width: 95%;                   
		background-color: transparent;
		margin: 0;
		padding: 0;
		font-weight: normal;
		color: #000;											/* black #000 */
		text-align: left;
		font-size: .75rem;
	}	

	.OptInNewsletter {
		width: 95%;
		background-color: transparent;
		font-size: 1rem;
		line-height: 125%;		
		margin: 10px auto;
		padding: 10px;
		border: 1px solid #009;									/* dark blue #009 */
		color: #000;											/* black #000 */
		text-align: center;
	}	

	#DisclaimerBox {
		margin: 30px auto 5px auto;
		padding: 10px;
		width: 90%; 
		font-size: 1rem;
		color: #009;											/* dark blue #009 */
		line-height: 125%;
		text-align: center;
		border: 1px solid #c40100;								/* red #c40100 */
	}	

	/* CalloutBoxes */
	.CalloutBox {
		background-color: #f5eefd;								/* light grey #f5eefd */
		width: 90%;
		border: 2px solid #009;									/* dark blue #009 */
		margin: 2em auto;										/* 2em or 20px */
		padding: 2em;
		color: #000;											/* black #000 */
	}
		
	p.CalloutBox {
		padding: 13px;	
	}
	
	div.CalloutBox p {
		margin: 1em 0;
	}

	div.CalloutBox h1,
	div.CalloutBox h2,
	div.CalloutBox h3,
	div.CalloutBox h4,
	div.CalloutBox h5,
	div.CalloutBox h6 {
		margin: 13px 0 0 13px;
	}

	/* ReminderBoxes */
	.ReminderBox,
	.ReminderBoxLeft,
	.ReminderBoxRight {          
		background-color: #fff;									/* white #fff */
		border-top: 2px solid #c40100;							/* red #c40100 */
		border-bottom: 2px solid #c40100;
		margin: 1em 0 1em 2em;
		padding: 1px 4%;
		color: #000;											/* black #000 */
	}
	
	/* ReminderBox - custom */
	.ReminderBox {
		color: #808080;											/* trolley grey #808080 */
		background-color: #f5f5f5;								/* white smoke #f5f5f5 */
		padding: 2% 4%;
	}		

	.ReminderBox h4 {
		margin-top: 0.5em;
	}

	.ReminderBox p {
		margin: 1em 0;
	}
	
 	.ReminderBoxLeft {          
		float: left; 											/* float allows text to flow around it */
		width: 50%;
	}
	
	.ReminderBoxRight {          
		float: right;             								/* float allows text to flow around it */
		width: 50%
	}	

	.ReminderBoxCenter {
		width: 80%;
		margin: 1em auto;
		background-color: #fff;									/* white #fff */
		border-top: 2px solid #c40100;							/* red #c40100 */
		border-bottom: 2px solid #c40100;
		padding: 1px 4%;
		color: #000;											/* black #000 */		
	}
	
	.ReminderBox h3,
	.ReminderBoxLeft h3,
	.ReminderBoxRight h3 {
		margin: 0;
		padding: 3px;
		text-align: center;
		background-color: #009;									/* dark blue #009 */
		color: #fff;											/* white #fff */
	}
	
	.ReminderBox h4,
	.ReminderBoxLeft h4,
	.ReminderBoxRight h4 {
		margin: 0;
		margin-top: 0.5em;
		padding: 1px;
		text-align: center;
		background-color: #fff;									/* white #fff */
		color: #009;											/* dark blue #009 */
	}			
	
	.ReminderBox p,
	.ReminderBoxLeft p,
	.ReminderBoxRight p {
		padding: 0 4px;
		line-height: 120%;
		margin: 1em 0;
	}
	
	/* SiteDesigner inheritance prevention */
	.container .ReminderBox h4 {		
		font-family: Raleway, Arial, Helvetica, sans-serif;				
		font-size: 1.5rem; 
		font-weight: bold;
		font-style: normal;
		font-variant: normal;
		color: #404040;											/* very dark grey #404040 */
		text-align: left;
		border: 0;
		margin: 8px 0 4px 0;
		background: none;
	}
	
	/* SiteDesigner inheritance prevention */
	.container .ReminderBox p {
		font-family: Raleway, Arial, Helvetica, sans-serif;				
		font-size: 1.125rem; 
		font-variant: normal;
		color: #808080;											/* trolley grey #808080 */
	}	

	/* ImageBlock - base */
	.ImageBlock {
		text-align: center;
	}

	.Caption {
		font-size: 85%;
		display: block;
	}

	/* overrides design CSS max-width: 100% for imgs */
	div.container img,
	table.container img {
		max-width: none;
	}

	/* non-JavaScript fix for too large images */
	.container .ImageBlock img {
		max-width: 100%;
	}

	/* IE9 and Chrome (~20) margin fix for block images with margin: auto */
	.ImageBlock img {
		margin: 0;
	}
		
	.Caption {
		font-size: 70%;
		font-weight: bold;
		text-align: center;
		margin-left: 0;
		margin-right: 0;
		line-height: 120%;
	}
		
	.container .ImageBlockLeft img {	
		margin-right: 15px;
		margin-left: 0;
	}
	
	.container .ImageBlockCenter .Caption
	.container .ImageBlockRight .Caption,
	.container .ImageBlockLeft .Caption {	
		margin-right: 0;
		margin-left: 0;
		font-size: 70%;
		font-weight: bold;
		text-align: left;
		line-height: 120%;	
	}
		
	.container .ImageBlockRight .Caption {	
		padding-left: 18px;			
	}

	.container .ImageBlockRight img {	
		margin-right: 0;	
		margin-left: 15px;
	}
		
	.container .ImageBlockCenter img {	
		margin-right: auto;	
		margin-left: auto;
	}
		
	.container .ImageBlockCenter .Caption {	
		text-align: center;
	}

	.container .ImageBlock {
		overflow: hidden;
	}

	.container .ImageBlockLeft {
		float: left;
		text-align: center;
		margin-bottom: 10px;
	}
	
	.container .ImageBlockRight {
		float: right;
		text-align: center;
		margin-bottom: 10px;
	}
	
	.container .ImageBlockCenter {
		margin: 15px auto;
		text-align: center;
	}
	
	.container .ImageBlockCenter img {
		margin: 15px auto;
	}	
	
	.container .ImageBlockCenter .Caption {
		margin: 15px auto;
	}
	
	.figureRight {
		display: table;
		float: right;
		margin: 0.5em;
		padding: 0.5em;
	}
	
	.figureLeft {
		display: table;
		float: left;
		margin: 0.5em;
		padding: 0.5em;
	}	
	
	figcaption {
		display: table-caption;
		caption-side: bottom;
		font-size: 70%;
		padding: 0 0.8em;
		text-align: center;
	}
	
	.borderRed {
		border: 2px solid #c40100;								/* red #c40100 */
	}	
	
	.borderBlue {
		border: 2px solid #009;									/* dark blue #009 */
	}
	
	.video-wrapper {
		text-align: center;
		width: 640px;
		max-width: 100%;
		margin: 20px auto;
		padding: 10px;
	}
	
	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px; 
		height: 0; 
		overflow: hidden;
		border-radius: 10px;
		border: 2px solid orange;
		box-shadow: 3px 3px 3px #ccc;							/* very light grey #ccc */
	}

	.video-container iframe,
	.video-container object,
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	/* Begin desktop changes */
	/* Wide screen 768px up */
	@media screen and (min-width: 768px) {	
		.container {
			grid-gap: 15px;
			width: 90%;
			max-width: 1600px;
			padding: 0;
			margin: 0 auto;
		}
		
		.contentWrapper {
			grid-column: 1 / span 12;
			grid-row: 3 / span 2;
			max-width: 100%;
			width: 100%;
			margin: 0;
		}
		
		.contentCol {											/* for 2-col pages */
			grid-column: 1 / span 9;
			grid-row: 3 / span 2;
			max-width: 100%;
			margin: 0;
			margin-right: 20px;
			padding: 0 25px 0 25px;
			background-color: #fff;								/* white #fff */
			font-size: 1.125rem; 
			border-right: 2px solid #d3d3d3;					/* light grey #d3d3d3 */
		}	
		
		.contentCol2 {											/* for 1-col pages */
			grid-column: 2 / span 10;
			grid-row: 3;
			max-width: 100%;
			top: 150px;
			padding: 5px 55px;
			display: block;
			font-size: 1.125rem; 
		}
		
		.extraCol {
			grid-column: 10 / span 3;
			grid-row: 3 / span 2;
			max-width: 100%;
			top: 40px;
			background-color: #fff;								/* white #fff */
			font-size: 1.125rem;                      			/* 18px; */
			padding: 0px 15px;
		}
		
		.contentCol h1,
		.contentCol2 h1 {
			font-size: 150%;
			text-decoration: none; 
			line-height: 120%; 
			background-color: #fff;								/* white #fff */
			margin: 0 5px 5px 5px;
			padding: 20px;
			text-align: center;
		}

		.contentCol h2,		
		.contentCol2 h2 {
			font-size: 125%;
			text-decoration: none;
			border-bottom: none;
			padding-bottom: 5px;			
			margin: 0 auto 12px auto;
		}
		
		.contentCol h3,
		.contentCol2 h3 {
			font-size: 108%;
		}
			
		.contentCol h4,		
		.contentCol2 h4 {
			font-size: 100%;
		}

		.mobileOnly {
			display: none;
		}

		.desktopOnly {
			display: block
		}
		
		.container .ImageBlockLeft img {
			margin-right: 15px;
		}
		
		.container .ImageBlockLeft .Caption {
			margin-right: 15px;
		}

		.container .ImageBlockRight img {
			margin-left: 15px;
		}
		
		.container .ImageBlockRight .Caption {
			margin-left: 15px;
		}
		
		.container  .extraCol .ImageBlockCenter img {
			margin: 15px auto;
		}
		
		/* AdSenseBoxes */
		.AdSenseBoxLeft,
		.AdSenseBoxRight,
		.AdSenseBoxCenter468, 
		.AdSenseBoxExtraColumn {
			padding: 1%;
			background-color: #808080;							/* trolley grey #808080 */
			border: 0;
			height: 200px;
		}

		.AdSenseBoxLeft {
			float: left;
			margin-right: 2%;
			margin-bottom: 2%;
		}

		.AdSenseBoxRight {
			float: right;
			margin-left: 2%;
			margin-bottom: 2%;
		}
		
		.AdSenseResponsiveBox {
			width: 50%;
		}
		
		.AdSenseBoxCenter {
			text-align: center;
			clear: both;
		}

		.AdSenseBoxCenter468 {
			width: 468px;
			margin: 2% auto;
			clear: both;
		}

		.AdSenseBoxExtraColumn {
			padding: 0;
			margin: 2% auto;
			clear: both;
		}	
		
		.AdSenseBoxRight150x150 {
			padding: 0;
			background-color: grey;
			height: 150px;
			width: 150px;
			float: right;
			display: inline-block;
			margin: 0 20px 12px 18px;
		}
		
		.OptInNewsletter {
			width: 95%;
			background-color: transparent;
			font-size: 1rem;
			line-height: 125%;		
			padding: 10px;
			border: 1px solid #009;									/* dark blue #009 */
			color: #000;											/* black #000 */
			text-align: center;
		}		
		
		.CalloutBoxLeft {
			background-color: #f5eefd;								/* light violet grey #f5eefd */
			width: 60%;												/* 90%;*/
			border: 2px solid #009;									/* dark blue #009 */
			margin: 2em auto;										/* 2em or 20px */
			padding: 2em;
			color: #000;											/* black #000 */
			float: left;
		}

		.shell50{
			width: 50%;
			float: left;
			background-color: #fff;
		}	
	}