body{
	padding-top: 1em;
/*	background:#ccd5dc url('images/Bg2.png') top center no-repeat;*/
	background:#ccd5dc url('img/Bg2.png') top center no-repeat;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #222222;;
	margin: 0;
	line-height: 1.38;
}

#wrap {
	width: 1020px;
	min-height: 600px;
	background-color: White;
	margin:0px auto;
	
	padding: 10px 10px 20px 15px;
}

#header {
	padding: 5px 0 0 0;
}

#head1 {
	width: 25%;
	float: left;
}

#head2 {
	width: 40%;
	float: left;
	padding-left: 20px;
	margin-bottom: 40px;
}

#head3 {
	width: 65%;
	
	float: right;
	font-size: 0.9em;
	
}

#head3 h1 {
	float: right;
	text-align: right;
}
#head3 h1 .titre2 {
	display: block;
	font-size: 0.9em;
}

#content {
	min-height: 400px;
	padding-top: 30px;
}

#footer {
	clear: both;
	background: #233238 url(../images/backgroundfooter.jpg) top repeat-x;
	width: 100%;
	height: 400px;
}

.hidden {
	position:absolute;	
	left:0px;
	top:-500px;
	width:1px;	
	height:1px;	
	margin: 0px;
	padding: 0px;	
	overflow:hidden;
}

.allcaps {
	text-transform: uppercase;
}

#head3 ul {
  margin: 0;
  padding: 0;
  float: right;
}

#head3 ul li {
	float: left;
	margin: 0;
	padding: 0 1em;
	border-right: 0.1em solid #232323;
	list-style-type: none;
	color: #232323;
	font-size: 0.875em;
}

	#head3 ul li.last {
		 padding-right: 0;
		 border-right: none;
	}

	#head3 ul li a {
		 color: #232323;
	}

    #head3 a:hover, #head3 a:hover span {
        color: #8B2844;
        text-decoration: underline;
    }

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.3em;
}

h3 {
	font-size: 1.1em;
}

#cssmenu ul {

	padding: 0;
	list-style-type: none;
	position: relative;
	display: block;
	height: 35px;
	/*text-transform: uppercase;*/
	font-size: 0.9em;
	text-align:center;



}
#cssmenu li {
	display: inline-block;
	/* float: left;*/
	margin: 0;
	padding: 0;
	border-right: 8px solid #ffffff;


}


#cssmenu li a {
	display: block;
	float: left;
	color: #ffffff;
	text-decoration: none;
	padding: 6px 20px 6px 20px;
	height: 24px;
	background-color: #242e37;
	border-radius:5px;
}



#cssmenu li a:hover, #cssmenu li a:focus, #cssmenu li a.active {

	background-color: #660000;
}


/*p.backtop a {
	
	text-align: right;
	font-size: 0.8em;
	padding-left: 20px;
	background: url('images/arrow.png') top left no-repeat;
}
*/
p.backtop  {
	text-align: right;
	background: url('images/arrow.png') top right no-repeat;
	
	padding: 0 25px 30px 0;
	font-size: 0.9em;
}

p.backtop a:hover, p.backtop a:focus {
	opacity: 0.8;
	
}

#questionssec {
	background: url('backquestions.jpg') top center no-repeat;
	<!--min-height: 200px;-->
	padding-top: 10px;
	padding-left: 100px;
}


.thequestions {
	/*background: #ced5db;*/
	background: #e3e7ea;
	padding: 20px;
	width: 80%;
	margin: 20px auto;
}

.thequestions ol li {
	margin-bottom: 10px;
}

.questions li {
	list-style: none;
	font-size: 1em;
	padding-bottom: 8px;
}

.indentresponse {
	width: 90%;
	/*background-color: #EEEEEE;*/
	margin-left: 5%;
	margin-top: 5px;
	padding: 5px;
}

.clearall{
	clear: both;
}

table, td, th
{
	border-color: #000000;
	border-style: solid;
}

table
{
	border-width: 0 0 1px 1px;
	border-spacing: 0;
	border-collapse: collapse;

}

td, th
{
	margin: 0;
	padding: 4px;
	border-width: 1px 1px 0 0;
}

caption {
	font-weight: 500;
	font-size: 1.1em;
	padding-bottom: 5px;
}

table.alleds th {
	background-color: #e8e8e8;
}

table.alleds td, table.alleds th {
	padding: 10px;
}
.widthFull {
	width: 98.5%;
}

table.white  {
	background-color: white;
}

.lightgreyBG {
	background-color: #E8E8E8;
}

.alignCenter {
	text-align: center;
}

.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right;
}

.italic {
	font-style: italic;
}

select.firstselect {
			display: block;
			width: auto;
			font-size: 1em;
			border: 1px solid #C9CBCC;
			margin: 10px 20px 20px 0;
			padding: 8px;
		}

		.pad {
			float: left;
			/*width: 30%;*/
			margin-right: 30px;
		}
		
		.pad1 {
			float: left;
			/*width: 50%;*/
		}
		
		.pad2 {
			/*width: 18%;*/
			float: left;
			
		}
		
		.pad2 button {
			margin-top: 15px;			
			padding: 10px;
			border-radius: 5px;
			background: #8b0000;
			border: 1px solid #8b0000;
			color: white;
			font-size: 1.1em;
			box-shadow: 3px 3px 3px #c5c5c5;
			
		}
		
		.myboxenr {
			border: 1px solid #dbdbdb;
			/*padding: 5px;*/
			background: #efefef;
			margin-top: 20px;
		}
		
		.myboxenr p {
			margin: 5px;
		}
		
		.pad2 button:hover, .pad2 button:focus {
			background: #484848;
			border: 1px solid #484848;
			
		}
        
        
		h2 {
		   border-bottom: 1px solid #BEBEBE;
	   }
       
       h2.noborder {
       border-bottom: none;
       }
	   
	   .mybox {border:1px solid #aaa;margin-bottom:20px;padding:0 10px;margin-top:-15px}
	   .mybox h4 {margin-top:5px;margin-bottom:-10px}

	   .cssmenu2 ul {
	   	margin: 0;
	   }
	   .cssmenu2 li {
		display: block;
		float: left;
	}

	.cssmenu2 li a {
		width: 95px;
		height: 45px;
		padding: 10px;
		background-color: #242e37;
		color: white;
		margin-right: 5px;
		text-decoration: none;
		display: block;
		text-align: center;
		font-size: 0.9em;
		/*font-weight: bold;*/
		border-radius: 3px;
	}

	.cssmenu2 li a:hover, .cssmenu2 li a.active {
		background-color: #660000;
	}
	
main {
	margin: 0 35px 30px 35px;
}

main h2 {
	background: #ededed;
	border: 1px solid #d1d1d1;
	padding: 10px;
}

main h3, main p, main table {
	margin-left: 20px;
}

.complete {
    padding: 20px;
    color: black;
    font-size: 1.2em;
}

.floatRight {
	float: right;
}

.floatLeft {
    float: left;
}

.hour {
    font-size: 0.9em;
    margin-top: 20px;
}

a.buttondownload {
	display: block;
	width: 250px;
	padding: 10px;
	background: #00478a;
	text-decoration: none;
	box-shadow: 3px 3px 3px #c1c1c1;
	border-radius: 3px;
	color: white;
	text-align: center;
	margin-top: 0;
	margin-left: 10px;
	font-size: 1.1em;
	
    float: right;
}

a.buttondownload:hover, a.buttondownload:focus {
	background: #0065c6;
}

h3.shadowh3 {
	background: #c6c6c6;
	padding: 10px;
}

ul.provincelist {
	margin-bottom: 160px;
}

ul.provincelist li {
	display: block;
	list-style-type: none;
	float: left;
}
ul.provincelist li a {
	display: block;
	width: 100px;
	min-height: 40px;
	padding: 5px;
	background: #ececec;
	text-decoration: none;
	box-shadow: 3px 3px 3px #c1c1c1;
	color: black;
	text-align: center;
	margin: 0 10px 10px 0;
	
	font-size: 0.9em;
}

ul.provincelist li a:hover, ul.provincelist li a:focus {
	background: #d0d0d0;
}

/* new table css AM */

#fulled table {
	width: 100%;
}

#fulled table caption {
	padding: 10px;
	font-size: 1.3em;
	text-align: left;
	text-transform: uppercase;
}

#fulled table th {
	background: #343434;
	color: white;
	padding: 10px;
	font-size: 1.2em;
	font-weight: 200;
}

#fulled table td {
	padding: 8px;
}

#fulled table tr.even, #fulled table tr.alt, #fulled table tr:nth-of-type(even) {
	   	background: #dcdcdc;
	   }

* ==========================================================================
   GE 43
   ========================================================================== */

	/* Odd adjustments
	   ========================================================================== */

		.pageEnd {
			padding-bottom: 3.38em;
		}

		ol.indentresponse {
			list-style-position: inside;
		}

		ol.indentresponse li {
			margin-bottom: 0.62em;
		}

		

	/* table.enrHelpAb
	   ========================================================================== */

	   table.enrHelpAb caption {
	   	font-size: 100% !important;
	   }

	   table.enrHelpAb {
	   	background: white;
	   	margin-bottom: 1.25em;
	   }

	   table.enrHelpAb {
	   	width: 100%;
	   }

	   caption.bigcap {
	   	font-size: 1.3em;
	   	padding-bottom: 5px;
        text-align: left;
           text-transform: uppercase;
	   }

	   table.enrHelpAb thead,
	   table.enrHelpAb tfoot {
	   	background: whitesmoke;
	   	font-weight: bold;
	   }

	   table.enrHelpAb caption {
	   	font-size: 1.3em;
           
	   }

	   table.enrHelpAb th {
	   	vertical-align: bottom !important;
	   }

	   table.enrHelpAb thead th.black, table.enrHelpAb th.black  {
	   	background: #383838;
	   	color: white;
	   	font-weight: 200;
	   	font-size: 1.1em;
        
	   }

	   table.enrHelpAb thead tr th,
	   table.enrHelpAb thead tr td,
	   table.enrHelpAb tfoot tr th,
	   table.enrHelpAb tfoot tr td {
	   	padding: 0.5em 0.625em 0.625em;
	   	font-size: 1em;
	   	color: #222222;
	   	text-align: left;
	   }

	   table.enrHelpAb tr th,
	   table.enrHelpAb tr td {
	   	padding: 0.5625em 0.625em;
	   	font-size: 1em;
	   	color: #222222;
	   	vertical-align: top;
	   }

	   table.enrHelpAb tr.even, table.enrHelpAb tr.alt, table.enrHelpAb tr:nth-of-type(even) {
	   	background: #dcdcdc;
	   }

	   table.enrHelpAb thead tr th,
	   table.enrHelpAb tfoot tr th,
	   table.enrHelpAb tbody tr td,
	   table.enrHelpAb tr td,
	   table.enrHelpAb tfoot tr td {
	   	display: table-cell;
	   	line-height: 1.125em;
	   }

	   table.enrHelpAb .abProv,
	   table.enrHelpAb .abEd,
	   table.enrHelpAb .abRoName,
	   table.enrHelpAb .abRoAddr,
	   table.enrHelpAb .abRoNum {
	   	/**/
	   }

	   table.enrHelpAb .abRoNum {
	   	white-space: nowrap;
	   }

	   table.enrHelpAb .abRoAddr {
	   	max-width: 30%;
	   }

	   table.enrHelpAb caption {
	   	margin-bottom: 0.38em;
	   	font-weight: bold;
	   }	   
	   
/*---------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 975px) {

	#wrap {
		width: 95%;
	}

	#cssmenu ul {
		padding-left: 0;
		margin-left: 0;
	}
	#cssmenu li  {
		width: 100%;
		border-bottom: 1px solid white;
		float:left;
	}

	#cssmenu li a {
		width: 100%;
		text-align: center;
		padding: 12px 10px 0 10px;
	}

	#cssmenu li a:hover, #cssmenu li a:focus {
		padding: 12px 10px 0 10px;
	}

}

/*---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 800px) {

				table.enrHelpAb td {
					display: block !important;
					/*width: 100% !important;*/
				}

				table.enrHelpAb .abRoAddr {
					max-width: inherit;
				}

				table.enrHelpAb thead tr th,
				table.enrHelpAb tfoot tr th,
				table.enrHelpAb tbody tr td,
				table.enrHelpAb tr td,
				table.enrHelpAb tfoot tr td {
					display: table-cell;
					display: block;
				}

				table.enrHelpAb thead tr th,
				table.enrHelpAb tfoot tr th {
					display: none;
				}

				table.enrHelpAb .abProv {
					font-weight: bold;
				}

				.abNewProv td {
					border-top: none;
				}

				.abNewProv td.abProv {
					border-top: 32px solid rgba(144, 202, 249, 0.62);
				}

				table.enrHelpAb .backtop {
					position: absolute;
					top: -1.85em;
					left: auto;
					right: 0.62em;
					white-space: nowrap;
				}

				table.enrHelpAb .abEd:before,
				table.enrHelpAb .abEdNum:before,
				table.enrHelpAb .abMajCen:before {
					content: "...";
					display: inline-block;
					clear: both;
					background: rgba(144, 202, 249, 0.62);
					color: rgba(0, 63, 111, 1);
					padding: 0.2em 0.38em 0.2em 0.2em;
					border-radius: 0.38em 0 0 0.38em;
					border-right: 1px solid rgba(0, 63, 111, 1);
					margin-right: 0.62em;
					width: 10em;
					font-weight: normal;
					text-align: right;
					white-space: normal;
				}


				/*On narrow screens help identify each type of data*/
				:lang(en) table.enrHelpAb .abEd:before		{ content: "City"; }
				:lang(en) table.enrHelpAb .abEdNum:before	{ content: "ED code"; }
				:lang(en) table.enrHelpAb .abMajCen:before	{ content: "Major centre"; }

				:lang(fr) table.enrHelpAb .abEd:before		{ content: "Ville"; }/* fédérales*/
				:lang(fr) table.enrHelpAb .abEdNum:before	{ content: "Circonscription"; }
				:lang(fr) table.enrHelpAb .abMajCen:before	{ content: "Centre majeur"; }

			}

/*---------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

	#questionssec {
		background: url('backquestions.jpg') top center no-repeat;
		min-height: 20px;
		padding-top: 10px;
		padding-left: 10px;
	}

	#head1 {
		float: none;
	}

	#head2 {
		width: 90%;
	}
	#head2 h1 {
		width: 100%;
		float: none;
		margin-bottom: 0px;
		text-align: center;
		font-size: 1.3em;
	}
}

/*---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 560px) {

		        table.enrHelpAb .abEd:before,
		        table.enrHelpAb .abEdNum:before,
		        table.enrHelpAb .abMajCen:before {
		        	display: block;
		        	width: auto;
		        	margin-bottom: 0.2em;
		        	border-radius: 0.38em 0.38em 0 0;
		        	border-right: none;
		        }
		        
		        #fulled table {
					width: 95%;
					}
					#fulled table th, #fulled table td {
						font-size: 0.9em;
						padding: 3px;
					}

					table.alleds td, table.alleds th {
						padding: 5px;
					}

			}/*/@media only screen and (max-width: 560px)*/
			
/*---------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {

main {
	margin: 0 10px 30px 10px;
}

#head3 {
	width: 95%;
	margin-right: 10px;
}
#head3 h1 {
	font-size: 1.4em;
}


}

@media screen and (max-width: 320px) {

}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -New GE nav
																		  #geNav
 /    \_/ __ \ \/ \/ /  /    \\__  \\  \/ /
|   |  \  ___/\     /  |   |  \/ __ \\   /
|___|  /\___  >\/\_/   |___|  (____  /\_/
     \/     \/              \/     \/
Re-visited GE nav, style, construction and a11y
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																	   nav reset
	Undo some external style, for this use.
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		#geNav nav {
			margin-top: inherit;
		}

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
														 #geNav container basics
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		#geNav {
			background: #005e63;
			box-shadow: 0 -3.8px 6px #aaa; /*w/o bottom styles so dropdown may butt up to main*/
			/*margin-top: 0.62em;
			font-size: 1.3em; ENR202109140838*/
			font-weight: 300;
		}

		#geNav,
		#geNav h2, /*In case it's displayed by someones CSS, make sure it shows up on black*/
		#geNav a {
			color: #fff;
		}

		/*75em is not quite right in this use case*/
		#geNav .row {
			/*max-width: 83.75em;*/
			max-width: 1200px;
		}

		#geNavbot {
			background: #64002b;
			color: white;
		}

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																    button reset
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		#geNav button {
			-webkit-appearance: inherit;
			background-color: inherit;
			border: inherit;
			border: inherit;
			color: inherit;
			display: inherit;
			margin: 0;
			padding: 0;
			transition: inherit;
		}

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																	 List basics
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		/*Reset*/
			#geNav ul,
			#geNav li {
				list-style: none;
				margin: 0;
			}

		/*Links*/
			#geNav li a {
				/*display: block;
				text-decoration: none;
				text-align: center;
				padding: 0.7em;*/
			}

			#geNav li.current a,
			#geNav li a:hover {
				/*background: #595959;*/
			}


				/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																			  ____   ___________
																			_/ __ \ /    \_  __ \
																			\  ___/|   |  \  | \/
																			 \___  >___|  /__|
																			     \/     \/
				Commented out from original rules, for ENR
					/ * p { color: red; } ENR202109140813 * /
				i.e. a11y202109140814 but a11y replaced wiht ENR
				- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

				/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																							 ENR
																				  Desk LI basics
				- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
					#geNav {
						background: none;
						box-shadow: none;
					}

					#geNav li {
						display: block;
						float: left;
					}

					#geNav li a {
						width: 250px;
						padding: 20px 10px;
						background-color: #242e37;
						color: white;
						margin-right: 5px;
						text-decoration: none;
						display: block;
						text-align: center;
						font-size: 0.9em;
						border-radius: 3px;
						
					}

					#geNav li a:hover,
					#geNav li a.active {
						background-color: #660000;
					}





	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
															 List #geMainMenuNav
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		#geMainMenuNav li {
			float: left;
			/*width: 13.28%;*/
			/*width: 25%; ENR202109140814*/
			line-height: 1.2em;
			/*6 navs and 1 button: 7/100=14.28%. Steal 1% from each of the 6 links and
			these are 13.28% with 6% spare to add to button defined near this label:
			AlsoSee202103110943*/
		}

		/*#geMainMenuNav li a {
			border-right: 1px solid #fff;
		}

		#geMainMenuNav li a.first {
			border-left: 1px solid #fff;
		} ENR202109140858*/

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
														List #geSecondaryMenuNav
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		/*Close of bg coloured DIV about to appear, clear the floats so it
		doesn't pop up*/
/*			#geSecondaryMenuNav ul:after {
				content: "";
				display: table;
				clear: both;
			}*/

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																    button style
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		#geNav button {
			padding: 0.38em 1.62em 0.38em 0.62em;
		}

		#geNav button:hover {
			background: #595959;
			color: #fff;
		}

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
													  #geSecondaryMenuNav button
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		#geSecondaryMenuNav button {
			margin: 0.62em 0 0.2em 0.62em;
		}

		#buttonWrapper {
			width: 20.28%; /*20.28%? See AlsoSee202103110943*/
		}

		#geSecondaryMenuNav {
			float: left;
		}

		.buttonText {
			white-space: nowrap;
		}

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																	  JS / No JS
	.geNoJs
	.geYesJs
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

		/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																		   No JS
		Fallback styles for when there is no JS.
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
			/*A safe if perhaps slightly baggy default*/
			.geYesJs #geMainMenuNav li a {
				min-height: 6em;
			}

			#geSecondaryMenuNav h2 {
				font-size: 100%;
				margin: 0.62em 0 0.2em 0.62em;
				float: left;
			}

			/*No JS, loose both buttons*/
			.geNoJs .geNavsCommon button {
				display: none !important;
			}

			/*Re-imagine the 2ndry nav... for a no JS world*/
				.geNoJs #geMainMenuNav:after {
					content: "";
					display: table;
					clear: both;
				}

				.geNoJs #geSecondaryMenuNav {
					float: none;
				}

				.geNoJs #geSecondaryMenuNav ul {
					position: relative;
					top: auto;
					border-top: 1px solid #fff;
				}

				.geNoJs #geSecondaryMenuNav ul li {
					float: left;
				}

				.geNoJs #geSecondaryMenuNav h2 {
					font-weight: bold;
					padding-top: 0.2em;
					margin-right: 1.62em;
				}

				.geNoJs #geSecondaryMenuNav h2 .abGoBlock {
					display: inline;
				}

				.geNoJs #geSecondaryMenuNav h2 .abGoBlock:after {
					content: ":";
				}

				.geNoJs #geSecondaryMenuNav li a {
					border-left: 1px solid #999;
				}

				.geNoJs #geSecondaryMenuNav li:nth-of-type(1) a {
					border-left: none;
				}

		/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																		  Yes JS
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
			/*JS so override the basic setting and allow this to be nicely tuned*/
			.geYesJs #geMainMenuNav li a {
				min-height: auto;
			}

			/*JS so hide the secondary nav, it will be shown with the button*/
			.geYesJs #geSecondaryMenuNav ul {
				display: none;
				min-width: 10em;
			}

			/*JS so lose the FIRST button as it's UL is open (it's the main nav : )*/
			.geYesJs #geMainMenuNav button {
				display: none !important;
			}

			.geYesJs #geSecondaryMenuNav ul li a {
				border-bottom: 1px solid #999;
			}

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
														  Open / Close (desktop)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		/*Both JS and No JS*/
			#geSecondaryMenuNav {
				position: relative;
			}

			/*Clear (get this container to stretch down and contain all the nav instead
			/*of being a thin strip at the top, so the abs posn may be better*/
			#geSecondaryMenuNav:after {
				content: "";
				display: table;
				clear: both;
			}

			#geSecondaryMenuNav ul {
				position: absolute;
				/*right: 1.0em;*/
				top: 6em; /*jQ progressively enhances this for more accuracy, if jS is running*/
				background: #000;
				z-index: 10;
				border-right: 1px solid #fff;
			}

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																	Helper rules
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																   .geVisualHide
	Hide only visually, but have it available for screen readers:
	https://snook.ca/archives/html_and_css/hiding-content-for-accessibility

	1. For long content, line feeds are not interpreted as spaces and small
	   width causes content to wrap 1 word per line:
	https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		.geVisualHide,
		.geYesJs .jsGeVisualHide {
		    border: 0;
		    clip: rect(0 0 0 0);
		    height: 1px;
		    margin: -1px;
		    overflow: hidden;
		    padding: 0;
		    position: absolute;
		    width: 1px;
		    white-space: nowrap; /* 1 */
		}

		/*
		 * Extends the .geVisualHide class to allow the element
		 * to be focusable when navigated to via the keyboard:
		 * https://www.drupal.org/node/897638
		 */

		.geVisualHide.focusable:active,
		.geVisualHide.focusable:focus,
		.geYesJs .jsGeVisualHide.focusable:active,
		.geYesJs .jsGeVisualHide.focusable:focus {
		    clip: auto;
		    height: auto;
		    margin: 0;
		    overflow: visible;
		    position: static;
		    width: auto;
		    white-space: inherit;
		    color: white;
		    background-color: #8b2942;
		    padding: 0.38em;
		}

		.geBreakWord {
			word-break: break-word;
		}

		.clearBefore::before {
			content: "";
			display: table;
			clear: both;
		}

		.clearAfter::after {
			content: "";
			display: table;
			clear: both;
		}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - -New GE nav, responsive
  _____   ______   ____   ______  _  __   ____ _____ ___  __
 /     \ / ____/  /    \_/ __ \ \/ \/ /  /    \\__  \\  \/ /
|  Y Y  < <_|  | |   |  \  ___/\     /  |   |  \/ __ \\   /
|__|_|  /\__   | |___|  /\___  >\/\_/   |___|  (____  /\_/
      \/    |__|      \/     \/              \/     \/
Re-visited GE nav, style, construction and a11y, responsive portion
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

    /*MIN-width: just one area to adjust for NON-mobile; adding the '+' / '-'
    /*icon to the 2ndry button*/
    @media only screen and (min-width: 1041px){/* - - - - - - - - - - - - - - -*/
        .geYesJs #geSecondaryMenuNav button {
            /*position: relative;*/
        }

        .geYesJs #geSecondaryMenuNav button:before {
            content: "";
            width: 0;
            height: 0;
            border-top: 10px solid transparent;
            border-left: 15px solid #fff;
            border-bottom: 10px solid transparent;
            float: right;
            margin-right: -1.42em;
            margin-top: 0.38em;
            }

            .geYesJs #geSecondaryMenuNav button[aria-expanded="false"]:before {
                border-top: 10px solid transparent;
                border-left: 15px solid #fff;
                border-bottom: 10px solid transparent;
            }

            .geYesJs #geSecondaryMenuNav button[aria-expanded="true"]:before {
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-top: 15px solid #fff;
            }

    }/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-1041px*/

    /*All the rest, here on, is small screen...*/
    @media only screen and (max-width: 1040px){/* - - - - - - - - - - - - - - -*/
        /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                                          Gone mobile, so DISPLAY these thing(s)
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
            .geYesJs #geMainMenuNav button {
                display: block !important;
            }

        /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                                              Gone mobile, so HIDE these thing(s)
        Gone mobile, so REMOVE these thing(s) (until toggle activated):
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
                /*Test for .geYesJs and if yes, lose the main UL until button
                displays it*/
                    /*#geMainMenuNav ul {*/
/*                  .geYesJs #geMainMenuNav ul {
                        display: none;
                    }*/

                    .geYesJs #geMainMenuNav ul {
                        display: block;
                    }

                    .geYesJs #geMainMenuNav ul.geClosed {
                        display: none;
                    }

                /*IF JS then we don't want the 2ndry button yet until the 1st
                is clicked, if no JS then we don't want it either, so selector
                does not include .geYesJs*/
                    /*#geSecondaryMenuNav h2,*/
                    #geSecondaryMenuNav button {
                        display: none;
                    }

        /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                                                             #geSecondaryMenuNav
        No longer float this, it's a full row now in mobile land.
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
            #geSecondaryMenuNav {
                float: none;
            }

        /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                                                               ULs, mobile style
        Entirely restyle the ULs, for mobile.
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
            #geNav {
                font-size: 106%;
            }

            #geNav button {
                padding: 0;
                margin: 0;
                border-radius: 0;
                border: none;
                background: none;
                width: 100%;
                font-size: 120%;
            }

            #geNav li {
                float: none;
                /*width: 100%; ENR202109140911*/
            }

			#geNav li a {
            /*From desktop, to override in ENR
				width: 95px;
				padding: 10px;
				background-color: #242e37;
				color: white;
				margin-right: 5px;
				text-decoration: none;
				display: block;
				text-align: center;
				font-size: 0.9em;
				border-radius: 3px;
				height: 45px;
				*/
				width: inherit;
				border-radius: 0;
				height: inherit;
				margin-right: 0;
			}

            #geNav ul {
            	padding: 0;
            	font-size: 133%;
            }

            #geNav li a {
                text-align: left;
                padding: 0;
                border-right: none;
            }

            #geSecondaryMenuNav ul {
                position: relative;
                right: auto;
                left: auto;
                top: auto;
                bottom: auto;
                border-right: none;
            }

            #buttonWrapper {
                float: none;
                width: 100%;
            }

            #geNav .abGoBlock {
                display: inline-block;
            }

            #geNav .buttonText {
                position: relative;
            }

            #geNav .buttonText:after {
                position: absolute;
                right: -0.7em;
                top: 0.038em;
                font-family: FontAwesome;
                content: "";
                margin-left: 0.38em;
                font-size: 162%;
            }

            #geNav button[aria-expanded="false"] .buttonText:after {
                border-top: 10px solid transparent;
                border-left: 15px solid #fff;
                border-bottom: 10px solid transparent;
            }

            #geNav button[aria-expanded="true"] .buttonText:after {
                top: 0.1em;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-top: 15px solid #fff;
            }

            #geNav li a,
            #geNav button {
                padding: 0.38em 0.62em;
                padding: 0.62em;
            }

            #geNav {
                box-shadow: none;
                border-bottom: none;
            }

            #geNav,
            #geSecondaryMenuNav ul {
                background: none;
            }

            #geNav li a {
                background: #595959;
            }

            #geNav button {
                /*background: #000;*/
                background: #005e63;
            }

            #geNav button:hover {
                /*background: #000;*/
                background: #005e63;
            }

            #geNav li.current a {
                background: #3b3b3b;
            }

            #geNav li a {
                border-bottom: 1px solid #999;
            }

            #geNav li a:hover {
                background: #3b3b3b;
                border-bottom: 1px solid #fff;
            }

    }/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-1040px*/
