@font-face {
    font-family: "Anton";
    src: url('Anton-Regular.ttf');
    font-weight: 400;
    font-style: normal;
}


/* Elements */

#content-main {
	background: #fdfdfd;
}


*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
			  Wished for return of #content-main a to text-decoration: underline
This is what we *should* use:
	#content-main a, .footerul a, .vis19 a {
		color: #242e37;
		line-height: inherit;
	}
	.footerul a, .vis19 a {
		text-decoration: none;
		border-bottom: 1px solid #3e096e;
	}
i.e. not turning off the text-decoration: none; for #content-main a. However
the most cautious approach is to leave the below in place; for the GE.

Note: do not adopt the approach below for a subsequent version of this site.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	#content-main a, .footerul a, .vis19 a {
		color: #242e37;
		line-height: inherit;
		text-decoration: none;
		border-bottom: 1px solid #3e096e;
	}



/*border-bottom: 2px dotted #8B2942;*/


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
													  Backup pre 2025-01-17-1050
#content-main a:hover, #content-main a:focus, .footerul a:hover, .vis19 a:hover, .vis19 a:focus, #vissearchb a:hover, #vissearchb a:focus {
	color: #1a2128;
	border-bottom: 1px solid #00bed6;
	background-color: #e1e1e1;
	box-shadow: 5px 5px 5px #888888;
}
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	#content-main a:hover, #content-main a:focus, .footerul a:hover, .vis19 a:hover, .vis19 a:focus, #vissearchb a:hover, #vissearchb a:focus {
		/*
		This seems to non-specific to remain.
		Removed 2025-03-27-1701
			border-bottom: 1px solid rgba(0, 0, 0, 0.38);
		*/
	}

#content-main a.ui-link {
    background: url("../img/external.png") top right no-repeat;
    padding-right: 20px;
}

img  {
	border: none;
}


a:focus img {
	opacity: 0.9;
}

body {
	background: white;
	 /*background-image: linear-gradient(to right top, #acacac, #c0c0c0, #d5d5d5, #eaeaea, #ffffff);*/
	color: #222222;
	padding: 0;
	margin: 0;
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	position: relative;
	cursor: default;

}

header {
	margin: 0;
}

nav {
	margin-top: -10px;

	padding: 0;
}

div, h1, h2, h3, form, p {
  margin: 0;
  padding: 0;
  direction: ltr;
}

h1, h2, h3 {
	font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #222222;
	text-rendering: optimizeLegibility;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
	line-height: 1.4;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.55em;
}

h3 {
	font-size: 1.25em;
}

/*Added 2025-04-02-1318*/
	h3 {
		/* 2025-04-03-1538
		font-weight: bold;
		*/
	}
	h4 {
		font-size: 1.16rem;
	}
	h5 {
		font-size: 1.0rem;
	}

XX input[type="text"] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: white;
	font-family: inherit;
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	color: rgba(0, 0, 0, 0.75);
	display: block;
	font-size: 0.875em;
	margin: 0 0 0 0;
	padding: 0.6em;
	/*height: 2.0em;*/
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
	-moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
	transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
}

/*a11y202503311045
  Probably more widely helpful to not confuse these with A tags*/
ins {
	text-decoration: none;
}

input[type="text"]:focus {
	-webkit-box-shadow: 0 0 5px #999999;
	-moz-box-shadow: 0 0 5px #999999;
	box-shadow: 0 0 5px #999999;
	border-color: #999999;
}

input[type="text"]:focus {
	background: #fafafa;
	border-color: #999999;
	outline: none;
}

input[type="submit"]:focus {
background:#484848
}

a.toTheTop {

    padding: 5px 30px 5px 5px;
    background: #fff url('../img/toparrow.png') top right no-repeat;
    color: #000;
    text-decoration: none;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-top: 1px solid #461768;
    border-right: 1px solid #461768;
    border-left: 1px solid #461768;
}

p.totop {
	text-align: right;
}


.widthsmall {
	max-width: 150px;
	float: left;
	height: 35px;
	border: 1px solid #cccccc;
}

label.typepc {
	/*margin-top: 30px;*/
	font-size: 1.2em;
	color: #222222;
}

label {
	font-size: 0.875em;
	color: #4d4d4d;
	cursor: pointer;
	display: block;
	font-weight: normal;
	margin-bottom: 0.5em;
}

q::before {
	margin-right: 0.2rem;
}
q::after {
	margin-left: 0.2rem;
}

ul.slimLine,
ol.slimLine {
	margin-left: 0;
	padding-left: 1.0rem;
}

.headerone {
	float: left;
	width: 230px;
	margin-top: 5px;
}

.headertwo {
	float: left;
	width: 650px;
	margin-top: 5px;
	padding-left: 50px;
}

.headertwof {
	padding-left: 80px;
}
.headerthree {
	float: right;
	width: 300px;
	margin-top: 5px;
}

ol, ul {
	font-size: 1em;
	line-height: 1.6;
	margin-bottom: 1.25em;
	list-style-position: outside;
	font-family: inherit;
}

ol {
	margin-left: 1.4em;
}

ul {
	margin-left: 1.1em;
}

ul li ul {
	margin-left: 1.25em;
	margin-bottom: 0;
	font-size: 1em;
}

/* Classes */

.smalltext {
	font-size: 0.9em;
	line-height: 1em;
}

.columns {
	position: relative;
	padding-left: 0.9375em;
	padding-right: 0.9375em;
	float: left;
}

.sticky{ display: inline-block }

.one {
	position: relative;
	width: 8.33333%;
}

.two {
	position: relative;
	width: 16.66667%;
}

.three {
	position: relative;
	width: 25%;
}

.four {
	position: relative;
	width: 33.33333%;
}

.five {
	position: relative;
	width: 41.66667%;
}

.six {
	position: relative;
	width: 50%;
}

.seven {
	position: relative;
	width: 58.33333%;
}

.eight {
	position: relative;
	width: 66.66667%;
}

.nine {
	position: relative;
	width: 75%;
}

.ten {
	position: relative;
	width: 83.33333%;
}

.eleven {
	position: relative;
	width: 91.66667%;
}
.twelve {
	position: relative;
	width: 100%;
}

.alignCenter, .row .alignCenter {
	text-align: center;
}

.right {
	float: right;
}

.left {
	float: left;
}

.row {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	/*max-width: 62.5em;
	max-width: 70em;*/
	max-width: 1200px;
}

.row:before, .row:after {
	content: " ";
	display: table;
}

.row:after {
	clear: both;
}
.textreg {
	padding:15px 5px 0px 8px;

}

ul.textreg  {
	line-height: 1.4em;
	float: left;
}


.searchBox{
	float:right;
	width:280px;
	margin-bottom: 10px;
	margin-top: -10px;
	}
input.topsearch[type="submit"] {
	/*background-color: #61459b;*/
	background-color: #61459b;
	color: white;
	border: 1px solid #61459b;
	margin-top: 5px;
	border-radius: 0;
	/*padding-bottom: 8px;*/
	padding: 0.3em 0.6em 0.4em;
}

input.topsearch[type="submit"]:hover, input.topsearch[type="submit"]:focus{
	background-color: black;
	border: 1px solid black;

}



/*Lucy's code for home links with image */

/*.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
	line-height: 1;
	margin-bottom: 0.625em;
}*/

.footerul a {
	border-bottom: 1px dotted #8B2942;

}

.footerul a:hover, .footerul a:focus {
	border-bottom: 1px solid black;
}

button {
	cursor: pointer;
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 1.25em;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	padding-top: 1em;
	padding-right: 2em;
	padding-bottom: 1.0625em;
	padding-left: 2em;
	font-size: 1em;
	background-color: #242e37;
	border: 1px solid #1a2128;
	/*background-color: #8B2942;
	border-color: #8B2942;*/
	color: white;
	/*
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	*/
	padding-top: 1.0625em;
	padding-bottom: 1em;
	-webkit-appearance: none;
	/*border: none;*/
	font-weight: normal !important;
}

/*button:hover, button:focus {
	background-color: maroon;
}*/

button:hover, button:focus {
	color: white;
}
/*AM's button */

button.tiny {
	padding:0.3em 0.6em 0.4em;
	font-size:1.0em;
	float: left;
	/*     @else                            { font-size: $padding - em-calc(2); } */
}

/*input[type="submit"] {
	padding:0.3em 0.6em 0.4em;
	font-size:1.0em;
	float: left;
	margin: 5px 5px 5px 0;
	background-color: #242e37;
	border-color: #242e37;
	color: white;
	border-radius: 4px;
}*/

input[type="submit"] {
	padding:0.3em 0.6em 0.4em;
	font-size:1.0em;
	float: left;
	margin: 5px 5px 5px 0;
	background-color: #323232;
	border-color: #323232;
	color: white;
	border-radius: 4px;
}

input[type="submit"]:hover {
	padding:0.3em 0.6em 0.4em;
	margin: 5px 5px 5px 0;
	font-size:1.0em;
	float: left;
	background-color: maroon;
	border: 1px solid maroon;
	color: white;
}



/* IDs */

#bottompage {
	background: #ced5db;
	min-height: 100px;
	padding-top: 20px;
}

.serverno {
	background: url('/templates2/img/servno.png') bottom left no-repeat;
}

/* topnav */

#navdiv
{
	background: black;
	width: 100%;
	box-shadow:  0  0 10px #5b5b5b;
	border-bottom: 1px solid #242424;
}

#navdiv .top-bar2 {
	/*max-width: 62.5em;*/
	max-width: 75em;
	margin: 0 auto;

}

ul#topnavlist, ul#topnavlist2 {
	line-height: 1.2em;
}
#topnavlist, #topnavlist2{
	list-style:none;
	margin: 0px 0px;
	padding: 0px 0px;
}

#topnavlist li, #topnavlist2 li{
	position:relative;
	display:inline;
	vertical-align: bottom;
	z-index: 9999;
	float: left;
	/*border-right:1px solid #4d4d4d;*/
	border-right:1px solid #DFDEDE;
	min-height: 60px; /*added by AM*/
	color:#FFF;
}

#topnavlist a, #topnavlist2 a {
	display:inline-block;
	text-decoration:none;
	color: white;
	/*font-size: 1em;*/
	font-size: 0.9em;
	font-weight: 300;
	/*font-size: 0.9em;*/
	width: 150px; /*comment this one out if no equal width */
}

#mainwebsite {
	display:inline-block;
	text-decoration:none;
	color: white;
	font-size: 1em;
	font-weight: 300;
	/*font-size: 0.9em;*/
	width: 200px;
}

#topnavlist li.current a
{
background-color: #696969;
min-height: 60px;
/*min-height: 4em;*/
}

#topnavlist a.larger, #topnavlist2 a.larger {
	width: auto;
}

#topnavlist2 ul.dropdown{
	position:absolute;
	z-index: 1;
	/*background-color: #333333;*/
	background-color: black;
	/*top:100%; Uncommenting this makes the dropdowns work in IE7 but looks a little worse in all other browsers. Your call. */
	left:-9999px;
	margin:0;
	margin-left: -40px;
	padding:0;
	text-align:left;
}

#topnavlist2 ul.dropdown ul.dropdown{
	margin: 0;
}

#topnavlist2 ul li.has-dropdown ul{
	left: -9999px;
}

#topnavlist2 ul li.has-dropdown:hover ul, #topnavlist2 ul li.has-dropdown:focus ul, #topnavlist2 ul li.has-dropdown:active ul{

	left: -190px;
	left:20px;
	top: 45px;

}

#topnavlist2 li li li a:focus, #topnavlist2 li li li a:active {
	position: relative;
	left:19808px;
	/*background-color: #8B2942;*/
	background-color: #282828;
	color: white;

}

#topnavlist2 ul li{
	display:block;
	_display:none;
	background-color: black;
	color: #FFF;
	float: none;
}

#topnavlist2 ul li a {
	line-height: 30px;
}



#topnavlist2 ul li.lastitem{
	border-bottom: thin solid black;
}

#topnavlist2 li:hover ul, #topnavlist2 li:focus ul{
	left:0px;

}

#topnavlist2 a:focus + ul{
	left:0px;
}

#topnavlist a:focus, #topnavlist2 a:focus, #topnavlist a:hover, #topnavlist2 a:hover{

	color: white;
	/*min-height: 60px;*/
	min-height: 4em;


}



#topnavlist2 li li a:focus, #topnavlist2 li li a:active {
	position: relative;
	left:9999px;
	background-color: #696969;
	/*background-color: #61459b;*/
	color: white;
}
#topnavlist2 li:hover ul a:focus, #topnavlist2 li:hover ul a:active, #topnavlist2 li:focus ul a:focus, #topnavlist2 li:focus ul a:active{
	position:relative;
	left:0px;

}

#topnavlist2 ul a{
	white-space:nowrap;
	display:block;
	width: auto;
	height: auto;
}

.nowrap
{
	white-space: nowrap;
}

.nav-button {
	display: none;
}

.electiondate {
	margin-top: 30px;
	margin-left: 20px;
	margin-bottom: 5px;
	text-align: left;
	text-transform: uppercase;
	float: left;
	border-right: 2px solid #e8b5ff;
	width: auto;
	color: black;
	font-size: 1.2em;
	font-weight: 900;
	padding-right: 10px;

}

.electiondate2 {
	margin-top: 30px;
	margin-left: 10px;
	text-transform: uppercase;
	float:left;
	color: black;
	font-size: 1.2em;
	font-weight: 900;
	vertical-align: middle;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
													   .eDatePart1 & .eDatePart2
A revised version of .electiondate and .electiondate2
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.eDatePart1 {
		margin-top: 30px;
		margin-left: 20px;
		margin-bottom: 5px;
		text-transform: uppercase;
		color: black;
		font-size: 1.2em;
		font-weight: 900;
		float: none;
		width: 100%;
	}

	.eDatePart2 {
		border-left: 2px solid #e8b5ff;
		padding-left: 0.62em;
		margin-left: 0.2em;
	}





.top-bar2 {
	overflow: visible;
	height: 3.6em;
	/*height: 3.6em;*/
	/*line-height: 45px;*/
	position: relative;
	background: black;
	margin-bottom: 0px;
	padding-left: 0.9375em;
	padding-right: 0.9375em;

}
#topnavlist a, #topnavlist2 a, #mainwebsite{

	padding: 8px 10px;
	text-align: center;
}

	/*for ie8 - cannot understand next line*/
 #topnavlist2 .has-dropdown a {/*fix caused by above line*/
	padding-right: 35px;
}
.top-bar-section2 li a:not(.button)  {
	padding: 0 15px;
	/*line-height: 45px;*/
	background: black;
	display: block;
}

.top-bar-section2 .has-dropdown a:not(.button) {
	padding-right: 35px;
}

.top-bar-section2 li a:not(.button):hover,
.top-bar-section2 li a:not(.button):focus {
/*	background: #61459b;*/
	background: #5c5c5c;
}

/*.top-bar-section2 ul li:hover > a {
	background: #8B2942;
	color: white;
}*/

.top-bar-section2 .has-dropdown > a:after,  #mainwebsite:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	/*
	border: inset 5px;
	border-color: rgba(255, 255, 255, 1) transparent transparent transparent;
	*/
	border-style: solid;
	border-width: 5px 0px 5px 6px;
    border-color: transparent transparent transparent #fff;
	/*
	border-width: 6px 5px 0 5px;
	border-color: #ffffff transparent transparent transparent;
	*/
	border-width: 6px 5px 0 5px;
	border-color: #ffffff transparent transparent transparent;
	border-left-style: solid;
	margin-right: 15px;
	margin-top: -2.5px;
	position: absolute;
	top: 22.5px;
	right: 0;
}


.top-bar-section2 ul ul .has-dropdown > a:after {
	/*border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);*/
	margin-top: 0;
	top: 13px;
}

/*new styles for top menu*/

#menubar {
    width: 340px;
    float: right;
    padding: 0px 0 0 0;
    text-align: right;
    padding: 0.3em 0em;
}

#navlist {
	padding: 0px;
	margin: 0px;
}



#navlist li {
	display: inline;
	list-style-type: none;
	padding: 0 .4em 0 .2em;
	margin: 0px;
	font-size: 0.75em;
	color: #1F2C33;
	border-right: 1px solid #1F2C33;
}

#navlist li a {
	text-decoration: none;
	color: black;
	font-weight: 600;
}



#navlist li a:hover {
	text-decoration: underline;

}



#navlist li.last {
	border: 0px solid white;
}


/*END new styles for top menu*/

/*.breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
	text-decoration: underline;
}*/

label.float1 {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}

label.float1 {
	color: black;
}



/* buttons on links*/


p {
	font-family: inherit;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.6;
	margin-bottom: 1.25em;
	text-rendering: optimizeLegibility;
}
 .hidden {position:absolute;	left:0px;top:-500px;width:1px;	height:1px;	margin: 0px;padding: 0px;	overflow:hidden;}

.widthSearch {
float:left;
max-width:180px;
height: 33px;
border: 1px solid #c2c2c2;
margin-top: 5px;

}

/*h1 {margin-top:20px}	*/

h1.ways{
	background: url("../img/ways.jpg") no-repeat;
	padding: 20px 0 0px 120px;
	margin-top: 10px;
	border-bottom: 1px solid #00bed6;

}

/*h2.cand {
	background: url('../img/titleback.png') bottom center repeat-x;
	padding-bottom:5px;
	margin-bottom:10px;
	line-height: 1.8em;
}*/

/*.canbox {
	border: 1px solid #242e37;
	margin-top: 20px;

}

.canbox h3 {
	background-color: #242e37;
	color: white;
	margin: 0 0 10px 0;
	padding: 5px;
}

.canbox p, .canbox label {
	margin: 5px;
}*/

#navaid a
{
font-size:.8em;
position:absolute;
left:-10000px;

top:auto;
width:1px;
height:1px;
overflow:hidden;
}

#navaid a:focus, #navaid a:hover, #navaid a:active
{
position:relative;
left:0px;
top:0px;
color:white;
background-color: #8b2942;
padding:5px;
width:auto;
height:auto;
}

.clearall {
	clear: both;
}

/*Ways to vote images*/


/*h1.info {
	height: 60px;
background-color: #72243A;
color: #FFF;
text-align: center;
padding-top: 10px;
width:100%;
text-align: center;
margin-bottom:15px
} */

#content-main {
	min-height: 400px;
	margin-bottom:30px;
}
#navlist li
{
	text-align:center;
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

.footerul {
	font-size: 0.9em;
	line-height: 1.3em;
}

.footerul h2 {
	font-size: 1.4em;

}

/* SPR styles */

/*Social media page*/

/*#content-main a.twitter {
	background: #d7d7d7 url(../img/twitterfs.png) top left no-repeat;

}

#content-main a:hover.twitter, #content-main a:focus.twitter {
	background: #bdbdbd url(../img/twitterfs.png) top left no-repeat;

}

#content-main a.youtube {
	background: #d7d7d7 url(../img/youtubefs.png) top left no-repeat;

}

#content-main a:hover.youtube, #content-main a:focus.youtube {
	background: #bdbdbd url(../img/youtubefs.png) top left no-repeat;

}

#content-main a.facebook {
	background: #d7d7d7 url(../img/facebookf.png) top left no-repeat;

}

#content-main a:hover.facebook, #content-main a:focus.facebook {
	background: #bdbdbd url(../img/facebookf.png) top left no-repeat;

}*/

input[type=submit] {
    -webkit-appearance:none;

}

/*New styles for 2019 */



.featurebox8 a {
	width: 60%;
	margin: 0 0 20px 0;
	/*padding: 340px 0 0 5px;*/
	padding: 440px 0 0 15px;
	border: 1px solid #dedede;
	background: #dedede url(../img/home/feature13.jpg) top center no-repeat;
	min-height: 572px;
	font-size: 1.3em;
	font-weight: bold;
	color: #292929;
	text-align: left;
	display: block;
	text-decoration: none;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	float: right;
}

.featurebox8 a:hover, .featurebox8 a:focus {

	/*background:#f6e1ff url(../img/home/feature13.jpg) top center no-repeat;*/
	border: 1px solid red;
	background-color: #f6e1ff;
	opacity: 0.8;

}
.featurebox_votop a {
	width: 60%;
	margin: 0 0 20px 0;
	/*padding: 340px 0 0 5px;*/
	padding: 440px 0 0 15px;
	border: 1px solid #dedede;
	background: #dedede url(../img/home/feature_votop.jpg) top center no-repeat;
	min-height: 572px;
	font-size: 1.3em;
	font-weight: bold;
	color: #292929;
	text-align: left;
	display: block;
	text-decoration: none;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	float: right;
}

.featurebox_votop a:hover, .featurebox_votop a:focus {

	background:#f6e1ff url(../img/home/feature_votop.jpg) top center no-repeat;
	border: 1px solid red;

}
.itsourvote {
	margin-top: -40px;
	/*margin-top: 10px;*/
	margin-right: 10px;
	margin-left: 20px;
	float: right;
}

/*.tag1 {
	float: left;
	position: relative;
	display: block;
}*/

.featurebox8 .tag1 {
	/*text-decoration: underline;*/
}

.featureboxdouble  {
	width: 60%;
	margin: 0 0 20px 0;
	min-height: 572px;
	display: block;
	float: right;
	/*background: #eeeeee;*/
}

a.featuredoubleimg1 {
	padding: 30px 20px 0 475px;
	border: 1px solid #fffff;
	background: #eeeeee url(../img/home/feature1.jpg) top left no-repeat;
	font-size: 1.8em;
	line-height: 1.4em;
	min-height: 280px;
	color: #292929;
	text-align: left;
	display: block;
	text-decoration: none;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

a.featuredoubleimg2 {
	padding: 30px 20px 0 475px;
	border: 1px solid #fffff;
	background: #eeeeee url(../img/home/feature2.jpg) top left no-repeat;
	font-size: 1.8em;
	line-height: 1.4em;
	min-height: 280px;
	color: #292929;
	text-align: left;
	display: block;
	text-decoration: none;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

a.featuredoubleimg1:hover, a.featuredoubleimg2:hover {
	opacity: 0.7;
}

.featurebox8-2 a {
	width: 60%;
	margin: 0 0 20px 0;
	/*padding: 340px 0 0 5px;*/
	padding: 355px 0 0 5px;
	border: 1px solid #fffff;
	background: #dedede url(../img/home/feature10y.jpg) top center no-repeat;
	min-height: 560px;
	font-size: 1.3em;
	color: #292929;
	text-align: left;
	display: block;
	text-decoration: none;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	float: left;
}

.featurebox8-2 a:hover {

	background:#f6e1ff url(../img/home/feature10y.jpg) top center no-repeat;

}





ul.homeprom {
	margin-left: 5%; /*15px;*/
}
ul.homeprom li  {
	list-style-type: none;
	float: left;
   margin: 10px 40px 30px 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

ul.homeprom li a {
	padding:  210px 5px 10px 5px;
	width: 345px;
	/*width: 16.5em;*/
	display: block;
	text-decoration: none;
	color: #292929;
	line-height: 1em;
	border: 1px solid #d6d6d6;
	min-height: 265px;
}

ul.homeprom li a:hover, ul.homeprom li a:focus {
	border: 1px solid red;
}


ul.homeprom li.longer a {
	
	min-height: 285px;
}

ul.homeprom2 {
	margin-left: 0px;
}
ul.homeprom2 li {
	list-style-type: none;
	float: left;
	/* margin: 20px 12px 25px 22px; */
	margin: 0px 0px 25px 0px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

ul.homeprom2 li a {
	padding:  155px 5px 10px 5px;
	width: 200px;
	display: block;
	text-decoration: none;
	color: #292929;
	line-height: 1.0em;
	border: 1px solid #d6d6d6;
	/* min-height: 210px; */
	min-height: 277px;
	float: left;
	font-size: 0.95em;
}

ul.homeprom2 li a:hover, ul.homeprom2 li a:focus {
	border: 1px solid red;
}




/* Styles from AM - 44 GE ***********************/

ul.home44 {
	float: left;
	margin-top: 10px;
}
ul.home44 li {
	list-style-type: none;
	/*float: left;*/
	/*margin: 20px 12px 25px 22px;*/
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

ul.home44 li a {
	padding:  220px 5px 20px 5px;
	width: 355px;
	margin: 0 40px 35px -20px;
	display: block;
	text-decoration: none;
	text-align: center;
	color: #292929;
	line-height: 1.0em;
	border: 1px solid #d6d6d6;

	float: left;
	font-size: 1.2em;
	font-weight: 600;

}

ul.home44 li a.box4c2 {
	background: #eeeeee  url('../img/home/box4c2.jpg') top center no-repeat;
}



ul.home44 li a.health {
	background: #eeeeee  url('../img/home/health2.png') top center no-repeat;
}

ul.home44 li a.health:hover, ul.home44 li a.health:focus, ul.home44 li a.empbig:hover, ul.home44 li a.empbig:focus, ul.home44 li a.mailbig:hover, ul.home44 li a.mailbig:focus {
	opacity: 0.7;
}

ul.home44 li a.empbig {
	background: #eeeeee  url('../img/home/empbig.png') top center no-repeat;
}

ul.home44 li a.mailbig {
	background: #eeeeee  url('../img/home/mailbig.png') top center no-repeat;
}

h2.homevote {
	width: auto;
	height: 80px;
	line-height: 1.1em;
}



/* END Styles from AM - 44 GE -------------------------------*/

ul.homeprom4,ul.homeprom4f {
	margin-left: 0;
}
ul.homeprom4 li,ul.homeprom4f li {
	list-style-type: none;
	float: left;
	margin: 20px 20px 25px 0;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


#content-main ul.homeprom4 li a {
	padding:  155px 5px 10px 5px;
	/*width: 175px;*/
	/*width: 300px;*/
	width: 200px;
	display: block;
	text-decoration: none;
	color: #292929;
	line-height: 1em;
	border: 1px solid #d6d6d6;
	min-height: 250px;
	float: right;
	font-size: 1.2em;
	font-weight: 500;
	text-align: center;
}


.box102a {
	background:  #eeeeee url('../img/home/box102a.png') top center no-repeat;
}

.box202a {
	background:  #eeeeee url('../img/home/box202a.png') top center no-repeat;
}

#content-main ul.homeprom4 li a:hover, #content-main ul.homeprom li a:hover, #content-main ul.homeprom4 li a:focus, #content-main ul.homeprom li a:focus {
	opacity: 0.8;
	border: 1px solid red;
	background: none;

}

ul.homeprom5 {
	margin-left: 15px;
}
ul.homeprom5 li  {
	list-style-type: none;
	float: left;
   margin: 10px 40px 30px 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

ul.homeprom5 li a {
	padding:  210px 5px 10px 5px;
	width: 535px;
	/*width: 16.5em;*/
	display: block;
	text-decoration: none;
	color: #292929;
	line-height: 1.1em;
	border: 1px solid #d6d6d6;
	min-height: 260px;
}

ul.homeprom6 {
	margin-left: 15px;
}
ul.homeprom6 li  {
	list-style-type: none;
	float: left;
   margin: 10px 30px 30px 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

ul.homeprom6 li a {
	padding:  40px;
	/*width: 530px;*/
	width: 345px;
	min-height: 175px;
	display: block;
	text-decoration: none;
	color: #292929;
	line-height: 1.1em;
	background: #00bed6;
	border: 1px solid #00bed6;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	vertical-align: middle;
}

ul.homeprom6 li a:hover, ul.homeprom6 li a:focus {
	background: #dddddd;
	border: 1px solid #ff9393;
}

.roman {
	font-weight: normal;
}

.blockypad {
	display: block;
	padding: 10px 0 10px 0;
}


.box100 {
	background:  #eeeeee url('../img/home/box100.png') top center no-repeat;
}

.box100a {
	background:  #eeeeee url('../img/home/box100a.png') top center no-repeat;
}

.box100saf {
	background:  #eeeeee url('../img/home/box100saf.png') top center no-repeat;
}
.box101 {
	background:  #eeeeee url('../img/home/box101.png') top center no-repeat;
}

.box102 {
	background:  #eeeeee url('../img/home/box102.png') top center no-repeat;
}

.box200 {
	background:  #eeeeee url('../img/home/box200.png') top center no-repeat;
}

.box201 {
	background:  #eeeeee url('../img/home/box201.png') top center no-repeat;
}

.box202 {
	background:  #eeeeee url('../img/home/box202.png') top center no-repeat;
}
.box203 {
	background:  #eeeeee url('../img/home/box203.png') top center no-repeat;
}

.box205 {
	background:  #eeeeee url('../img/home/box205.png') top center no-repeat;
}

.box205a {
	background:  #eeeeee url('../img/home/box205a.png') top center no-repeat;
}
.box206 {
	background:  #eeeeee url('../img/home/box206.png') top center no-repeat;
}

.box207 {
	background:  #eeeeee url('../img/home/box207.png') top center no-repeat;
}

.boxidblue {
	background:  #eeeeee url('../img/home/idblue.png') top center no-repeat;
}
.box300 {
	background:  #eeeeee url('../img/home/box300.png') top center no-repeat;
}
.box301 {
	background:  #eeeeee url('../img/home/box301.png') top center no-repeat;
	/*background:  #eeeeee url('../img/home/box205a.png') top center no-repeat;*/
}

.box400 {
	background:  #eeeeee url('../img/home/box400.png') top center no-repeat;
}

.box401 {
	background:  #eeeeee url('../img/home/box401.png') top center no-repeat;
}

.box1a {
	background:  #eeeeee url('../img/outicon.png') top center no-repeat;
}

.box2a {
	background: #eeeeee  url('../img/studenticon.png') top center no-repeat;
}

.box3a {
	background: #eeeeee  url('../img/votingicon.png') top center no-repeat;
}

ul.homeprom li a:hover, ul.homeprom li a:focus, ul.homeprom2 li a:hover, ul.homeprom2 li a:focus, ul.homeprom5 li a:hover {
	opacity: 0.8;
	/*border: 1px solid #ff8282;*/
}

.box4b:hover, .box4c:hover, .box4c2:hover, .box5b:hover, .box6b:hover, .box7b:hover, .box7c:hover, .box8b:hover, .box9b:hover, .box100:hover, .box100a:hover, .box100saf:hover, .box102:hover, .box200:hover, .box201:hover, .box202:hover, .box205:hover, .box205a:hover, .box206:hover, .box10b:hover, .box1a:hover, .box2a:hover, .box3a:hover, .box6c:hover, .box207:hover, .box4b:focus, .box4c:focus, .box4c2:focus, .box5b:focus, .box6b:focus, .box7b:focus, .box7c:focus, .box8b:focus, .box9b:focus, .box100:focus, .box100a:focus, .box102:focus, .box200:focus, .box201:focus, .box202:focus, .box205:focus, .box205a:focus, .box206:focus, .box10b:focus, .box1a:focus, .box2a:focus, .box3a:focus, .box6c:focus, .box100saf:focus, .box101:hover, .box101:focus, .box301:hover, .box301:focus, .box401:hover, .box401:focus, .box11c:hover, .box11c:focus, .box12b:hover, .box12b:focus,.box10b20:hover, .boxstu2:focus,.boxstu2:hover, .boxltcf:focus,.boxltcf:hover, .boxca:focus,.boxca:hover, .boxvic:focus,.boxvic:hover, .boxvicf:focus,.boxvicf:hover, .box207:focus, .box_reg:hover, .box_reg:focus, .boxquick:hover, .boxquick:focus, .boxidblue:hover, .boxidblue:focus {
	opacity: 0.8;
	background-color: #dbdbdb;
	
}

.bighome5  {
	font-size: 1.3em;
	font-weight: 600;
	text-align: center;


}

.box4b {
	background: #eeeeee  url('../img/home/box4b.jpg') top center no-repeat;
}

.box4c {
	background: #eeeeee  url('../img/home/box4c.jpg') top center no-repeat;
}
.box4c2 {
	background: #eeeeee  url('../img/home/box4c2.png') top center no-repeat;
}

.boxstu2 {
	background: #eeeeee  url('../img/home/boxstu2.png') top center no-repeat;
}
.boxltcf {
	background: #eeeeee  url('../img/home/boxltcf.jpg') top center no-repeat;
}
.boxquick {
	background: #eeeeee  url('../img/home/quick.png') top center no-repeat;
}
.boxvic {
	background: #eeeeee  url('../img/home/boxvic.png') top center no-repeat;
}
.boxvicf {
	background: #eeeeee  url('../img/home/boxvicf.jpg') top center no-repeat;
}
.boxca {
	background: #eeeeee  url('../img/home/boxca.png') top center no-repeat;
}

.box5b {
	/*background: #bb83ca  url('../img/home/box5b.jpg') top center no-repeat;*/
	background: #eeeeee  url('../img/home/box5b.jpg') top center no-repeat;
}

.box6b {
	background: #eeeeee  url('../img/home/box6b.jpg') top center no-repeat;
}

.boxresults {
	background: #eeeeee  url('../img/home/results.jpg') top center no-repeat;
}
.box6c {
	
	background: #eeeeee  url('../img/home/box6c.jpg') top center no-repeat;
}

.box7b {
	background: #eeeeee  url('../img/home/box7b.jpg') top center no-repeat;
}

.box7c {
	/*background: #00bed6  url('../img/home/box7c.jpg') top center no-repeat;*/
	background: #eeeeee  url('../img/home/box7c.jpg') top center no-repeat;
}

.box8b {
	background: #eeeeee  url('../img/home/box8b.jpg') top center no-repeat;
}
.box_reg {
	background: #eeeeee  url('../img/home/box_reg.jpg') top center no-repeat;
}



.box9b {
	background: #eeeeee  url('../img/home/box9b_long.jpg') top center no-repeat;
}

.box10b {
	background: #eeeeee  url('../img/home/box10b.jpg') top center no-repeat;
}

.box10b20 {
	background: #eeeeee  url('../img/home/faqhome.png') top center no-repeat;
}
.box11c {
	background: #eeeeee  url('../img/home/box12b.png') top center no-repeat;
}
.box12b {
	background: #eeeeee  url('../img/home/box13b.jpg') top center no-repeat;
}

.emptybox {
	background: #eeeeee;
}

.vis19 {
	width: 38%;
	border: 1px solid #bababa;
	/*background: #94d40b url('../img/home/vis20.png') 250px 70px;
	background: #b683bb url('../img/home/vis21.png') 280px 50px;*/
	background: #b683bb;
	background-repeat: no-repeat;
	/*background: #94c93d;*/
	padding: 20px 10px 10px 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	float: left;
	height: 345px;
}

.vis19b {
	width: 38%;
	border: 1px solid #bababa;
	background: #b683bb;
	padding: 20px 10px 10px 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	float: right;
	height: 330px;
}

.vis19f ul {

}

.vis19fb {
	height: 330px;
}

.vis19 h2, .vis19b h2 {
	margin-top: 0px;
	text-align: center;
}

.vis19 p.textfi {
	margin-left: 25px;
	margin-top: 10px;
	font-weight: bold;
	float: left;
}

.vis19b p.textfib {
	float:left;
	font-weight: bold;

}


p.visfind {
	float: left;
	min-height: 138px;
	padding-top: 3px;

}

ul.listvis {
	margin-left: 30px;
	margin-top: 5px;
	/*margin-bottom: 5px;*/
	float: left;
}
ul.listvisb {
	margin-left: 30px;
	float:left;
}

ul.listvisbf {
	margin-left: 100px;

}

ul.listvis li {
	font-size: 1.2em;
	line-height: 1.2em;
}

li.padright {
	padding-right: 150px;
}

#vissearch {
	margin-left: 30px;
	float: left;
	margin-top: 5px;
	position: relative;
}

#vissearchb {
	margin-left: 54px;
	/*float: left;*/
	margin-top: 5px;
	position: relative;
}

#vissearchf {
	margin-left: 30px;
	float: left;
	margin-top: 5px;
	position: relative;
}

.visotherf {
	/*float: right;
	width: 150px;*/
	margin-left: 15px;
	margin-top: 35px;
	clear: both;
}



.visother {
	/*float: right;
	width: 150px;*/
	margin-left: 30px;
	margin-top: 65px;
/*	position: relative;*/
	clear: both;
}

.visother p, .visotherf p {
	margin: 5px 0;
	font-size: 0.9em;
}

.visotherb {

	margin-right: 80px;
	margin-top: 65px;

}

button.tinyvis {
	padding:7px 12px;
	font-size:1.0em;
	float: left;
	background: #61459b;
	border: 1px solid #61459b;
	color: white;
	font-weight: 600;
	height: 35px;
}

button.tinyvis:hover, button.tinyvis:focus {
	background: #2d2048;
	border: 1px solid #2d2048;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																		.tinyVis
A .tinyvis reboot
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.visPanelForm > ul {
		margin-left: 0;
		padding-left: 1rem;
	}
	.visPanelForm .visPanelFormIntro {
		font-size: 1.2rem;
		margin-bottom: 0;
	}	.visPanelForm .visPanelFormList {
		margin-top: 0;
	}
	.visPanelForm .visPanelFormList li {
		margin-bottom: 0.38rem;
		font-size: 1em !important;
	}
	.visPanelForm .visPanelForm {
		display: flex;
		flex-wrap: wrap;
		gap: 0.62rem;
		justify-content: flex-start;
		align-items: flex-end;
	}
	.visPanelForm .visPanelForm > div {
		display: flex;
		flex-wrap: nowrap;
		gap: 0;
	}
	.visPanelForm .visPanelForm input {
		border: 1px solid #ccc;
	}
	.visPanelForm .visPanelForm button {
		margin: inherit;
		float: inherit;
		height: inherit;
		font-size: 1.0rem;
	}











a.standalone  {
	padding:  10px 10px 10px 280px;
	margin: 0 0 40px 18px;
	width: 95%;
	display: block;
	text-decoration: none;
	color: #292929;
	line-height: 1em;
	border: 1px solid #d6d6d6;
	min-height: 200px;
	background: #e0e0e0 url('../img/home/adsicon.png') top left no-repeat;
	font-size: 1.2em;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

a.standalone:hover, a.standalone:focus {
	opacity: 0.8;
}

.standalone h3 {
	font-size: 1.5em;
}
.breadc {
	margin: 0 auto;
	min-height: 30px;
}

.breadwrap {
	text-align: left;
	width: 900px;
	margin-top:0px;
}
/*
#breadcrumbs ol{
	list-style:none;
	margin:0px;
	padding:0px;
}
#breadcrumbs ol li{
	display:inline;
}
*/

#content-main .nobord {
	border-bottom: 0px;
}
#content-main a.nobord:hover {
	border-bottom: 0px;
	background-color: transparent;
	box-shadow: none;
	opacity: 0.6;
}

#navbread {
	padding: 0px;
	margin: 0px;
}



#navbread li {
	display: inline;
	list-style-type: none;
	padding: 0 .4em 0 .2em;
	margin: 0px;
	font-size: 0.75em;
	color: #1F2C33;

}

#navbread li a {
	/*text-decoration: none;*/
	color: #1F2C33;
	padding:0px 10px 0px 0px;
	background: url('../img/dark-arrow.gif') center right no-repeat;
}
}



#navbread li a:hover {
	text-decoration: underline;
	color: #660000;
}



.waysvoteam {
	border: 1px solid #ABABAB;
   margin: 10px 30px 30px 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   width: 340px;
   float: left;
   padding: 10px 15px;
   min-height: 640px;
}

.optionsregister {
	border: 1px solid #ABABAB;
   margin: 10px 30px 30px 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   width: 45%;
   float: left;
   padding: 10px 15px;
   min-height: 300px;
}

.optionsregister ul li {
	margin-bottom: 15px;
}

.idoptions {

   margin: 10px 40px 30px 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   width: 335px;
   float: left;
   padding: 210px 10px 15px 10px;
   min-height: 640px;
}

.idoptions h2 {
	font-size: 1.3em;
	margin-bottom: 20px;
}

.option1 {
	background: url(../img/voteridoption1.png) top center no-repeat;


}

.option2 {
	background: url(../img/voteridoption2.png) top center no-repeat;

}

.option3 {
	background: url(../img/voteridoption3.png) top center no-repeat;

}

.borderoption2 {
	border: 6px solid #00bbd4;
	width: 93%;

}

.borderoption2 h2 {
	background: #00bbd4;
	color: white;
	font-size: 1.5em;
	font-weight: 600;
	padding: 5px;
	margin: 0;
}

.borderoption2 h3 {
	color: #00606c;
	font-size: 1.2em;
	font-weight: 600;
	margin-top: 30px;
}

.waysvote2 {
	margin: 10px 25px 30px 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   width: 30%;
   float: left;
   padding: 300px 15px 10px 15px;
   min-height: 700px;
}

.waysvote3 {
	/* margin: 10px 25px 30px 0; */
	margin: 10px 22px 30px 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   width: 270px; /* 22%; */
   float: left;
   padding: 250px 15px 10px 15px;
   min-height: 610px;
}

.waysvote4 {
        margin: 10px 25px 30px 0;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        width: 100%;
        float: none;
        padding: 15px 10px 15px 300px;
        min-height: 200px;
    }

.waysvote5 {
	margin: 10px 25px 30px 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   width: 31%;
   float: left;
   padding: 10px 15px 10px 15px;
   min-height: 320px;

}

.tall5 {
	min-height: 380px;
}
.advanceways5 {
	border-top: 20px solid #94d40b;
}

.rooffice5 {
	border-top: 20px solid #bb83ca;
}

.votemail5 {
	border-top: 20px solid #00bed6;
}

.other5 {
	border-top: 20px solid #e95ebe;
}

.electiondayways4 {
        background: url(../img/electionday4.png) top left no-repeat;
        background-size: 270px;
}

.electiondayways {
	background: url(../img/electionday.png) top center no-repeat;
}

.advanceways {
	background: url(../img/advanceways.png) top center no-repeat;
}

.rooffice {
	background: url(../img/rooffice.png) top center no-repeat;
}

.votemail {
	background: url(../img/votema.png) top center no-repeat;
}

a.ui-link {

    background: url(../img/external.png) no-repeat top right;
    padding-right: 20px;
    /*padding-top: -15px;*/

}


.freebox {
    background: #E0E0E0;
    padding: 10px;
    border: 1px solid #AEAEAE;
}

.box2019 {
	border: 1px solid #ABABAB;
   margin: 10px 25px 30px 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   width: auto;
   padding: 10px 15px;
}
.box2019_dark {
	border: 1px solid #ABABAB;
   margin: 10px 25px 30px 0;
   background:#ddd;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   width: auto;
   padding: 10px 15px;
}

.box2019nowidth {
	border: 1px solid #ABABAB;
   margin: 10px 25px 30px 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

   padding: 10px 15px;
}

.canbox2019 {
	border: 1px solid #ABABAB;
   margin: 10px 25px 30px 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   width: auto;
 }

 .canbox2019 p, .canbox2019 h3, .canbox2019 ul li {
 	margin: 10px;
 }

.canbox2019 h2 {
	padding: 10px;
	background: #606060;
	color: white;
	margin: 0;
	text-align: center;
	font-size: 1.3em;
}

.canbox2019portal h2 {
	padding: 10px 10px 10px 50px;
	background: #8b0000 url(../img/lock.png) top left no-repeat;
	color: white;
	margin: 0;
	text-align: center;
	font-size: 1.3em;
}

.canbox400 {
	min-height: 550px;
}

.candidatesspace ul li {
	margin-bottom: 10px;
}

#content-main ul.related {
	margin: 0;
	padding: 0;
	/*display: table-row;*/
}
#content-main ul.related li {
	list-style-type: none;
	float: left;
	margin: 5px 10px;
}
#content-main .related a, #content-main a.related {
	width: 260px;
	min-height: 60px;
	/*background: #dbdbdb;*/
	 background-image: linear-gradient(to right top, #cbcbcb, #d3d5d6, #dbdfdf, #e4e9e7, #f0f2ed);
	 box-shadow: 3px 3px 3px #b5b5b5;
	 border-radius: 3px;
	 border: 1px solid #ccd5d1;
	text-align: center;
	padding: 10px;
	margin: 10px 10px 40px 10px;
	display: block;
	vertical-align: middle;
}

#content-main .related a:hover, #content-main .related a:focus, #content-main a.related:hover, #content-main a.related:focus{
	 /*background-image: linear-gradient(to right top, #c9b1c9, #debec5, #e6d0c8, #e9e2d8, #f0f2ed);*/
	 background-image: none;
	 background-color: #00bed6;
 	/* color: white;*/
}

#content-main a.related2 {
	width: 150px;
	height: auto;
	background-image: linear-gradient(to right top, #cbcbcb, #d3d5d6, #dbdfdf, #e4e9e7, #f0f2ed);
	 box-shadow: 3px 3px 3px #b5b5b5;
	 border-radius: 3px;
	 border: 1px solid #ccd5d1;
	text-align: center;
	/*padding: 8px 10px 8px 10px;*/
	padding: 20px;
	margin: 5px;
}

#content-main a.related2:hover {
	background-image: none;
	background-color: #00bed6;
	color: white;
}

#content-main a.related3 {
	width: 200px;
	height: auto;
	background-image: linear-gradient(to right top, #cbcbcb, #d3d5d6, #dbdfdf, #e4e9e7, #f0f2ed);
	 box-shadow: 3px 3px 3px #b5b5b5;

	 border-radius: 3px;
	 border: 1px solid #ccd5d1;
	text-align: center;
	padding: 8px 10px 8px 10px;
	margin: 0 20px 20px 20px;
	display: block;
}

#content-main a.related4 {
	width: 180px;
	height: auto;
	background-image: linear-gradient(to right top, #cbcbcb, #d3d5d6, #dbdfdf, #e4e9e7, #f0f2ed);
	 box-shadow: 2px 2px 2px #939393;
	 border-radius: 5px;
	 border: 1px solid #ccd5d1;
	text-align: center;
	padding: 20px;
	margin: 5px 0;
	display: block;
}

#content-main a.related4:hover {
	background: #767676;
	color: white;
}

#content-main a.largewidth {
	width: 300px;
}

#content-main a.related3:hover, #content-main a.related3:focus {
	background-image: none;
	background-color: #00bed6;
	color: white;
}

#content-main ul.petitbouton {
	margin-bottom: 40px;
}
#content-main ul.petitbouton li {
	list-style-type: none;

}
#content-main .petitbouton a {
	width: 350px;
	float: left;
	min-height: 150px;
	background: #dbdbdb;
	 /*background: #e95ebe;*/
	 box-shadow: 3px 3px 3px #b5b5b5;
	 border-radius: 3px;
	 /*border: 1px solid #ccd5d1;*/
	text-align: center;
	font-size: 1.4em;
	color: #222222;
	padding: 40px 20px 20px 20px;
	margin: 10px 20px 40px 10px;

}

#content-main .petitbouton a:hover, #content-main .petitbouton a:focus {
	 background: #6c6c6c;
	 color: white;
}


.copyright {
	background: #222222;
	color: white;
	text-align: center;
	padding: 30px 0;
}


#bottompage .followusicons {
	text-align: center;
	vertical-align: middle;

}

.followusicons a {
	background: #4c4c4c;
	border-radius: 3px;
	color: white;
	width: 350px;
	padding: 20px;
	text-align: center;
	margin: 0 auto;
	box-shadow: 3px 3px 3px #bdbdbd;
}

.followusicons a:hover, .followusicons a:focus {
	background: #61459b;
	color: white;

}

.followusicons  p {
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1em;
	margin-top: 20px;
}
.followusicons img {
	vertical-align: middle;

}

#bottompage .followusicons a {
	border-bottom: none;
	display: block;
	/*width: 300px;*/
}

#bottompage .followusicons a:hover {
	opacity: 0.8;
	border-bottom: none;
	box-shadow: 0px;
	/*width: 300px;*/
	margin: 0 auto;
}

.accessibilitytop {
	background: url(../img/accessibilitytop.jpg) top center no-repeat;
	width: 100%;
	height: 300px;
	margin-bottom: 20px;

}

.accessibilitytop2 {
	background: url(../img/a11yvot.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	float: right;

}

.registrationtop {
	background: url(../img/registration.jpg) top right no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
	display: block;
}

.registrationtop.ge44 {
	background: url(../img/registrationtop-ge44.jpg) top right no-repeat;
}

.abroadtop {
	background: url(../img/abroadtop.jpg) top right no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
}

.faqvotingtop {
	background: url(../img/faqvotingtop.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
}

.faqidtovotetop {
	background: url(../img/faqidtovote.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
}

.faqvictop {
	background: url(../img/faqvictop.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
}

.faqpollingstations {
	background: url(../img/faqpollingstations.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
}
.faqtimeoff {
	background: url(../img/faqtimeoff.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
}
.faqvotebymail {
	background: url(../img/faqvotebymail.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
}
.faqemp {
	background: url(../img/faqemp.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
}
.faqelesigns {
	background: url(../img/faqelesigns.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
}
.faqcovid {
	background: url(../img/faqcovid.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
}
.faqoth {
	background: url(../img/faqoth.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
}

.campustop {
	background: url(../img/campustop.jpg) top right no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
	display: block;
}

.faqregistrationtop {
	background: url(../img/faqregistration.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	float: right;
}

.accessibilitytop3 {
	background: url(../img/a11ypol.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	float: right;
}

#content-main ul.foire li {
	list-style-type: none;

}
#content-main .foire a {
	min-width: 130px;
	float: left;
	min-height: 70px;
	background: #dbdbdb;
	text-align: center;
	padding-top: 20px;
	margin: 10px 10px 40px 10px;
}

#content-main ul.foire > a.activefaq {
	background-color: #faf0ff;
}

#content-main a.reg19but {
	display:block;
	max-width:350px;
	color: white;
	font-size: 1.2em;
	font-weight: 500;
	padding: 10px 25px 10px 10px;
	border-radius: 4px;
	/*background: #363636 url(../img/butarrow.png) top right no-repeat;*/
	background: rgb(54,54,54);
background: linear-gradient(176deg, rgba(54,54,54,1) 40%, rgba(87,88,88,1) 62%, rgba(145,146,147,1) 100%);
	border-bottom: none;
	text-decoration: none;
	/*margin: auto;*/
	text-align: center;
}



#content-main a.reg19butsmall {

	width:150px;
	}

.row a.reg19butf {
	color: white;
	font-size: 1.4em;
	font-weight: 600;
	padding: 10px 25px 10px 10px;
	border-radius: 4px;
	width: 300px;
	height: 100px;
	/*background: #4f5b66 url(../img/butarrow.png) top right no-repeat;*/
	background: rgb(54,54,54);
background: linear-gradient(90deg, rgba(54,54,54,1) 35%, rgba(209,212,213,1) 100%);
	border-bottom: none;
}

#content-main a:hover.reg19but, #content-main a:focus.reg19but {

/*	background: #184350 url(../img/butarrow_hover.png) top right no-repeat;*/
background: #184350;
}

#content-main a.contactbut {
	display:block;
	max-width:250px;
	color: white;
	font-size: 1.6em;
	line-height: 1.4em;
	font-weight: 500;
	padding: 20px 10px 30px 100px;
	border-radius: 6px;
	background: rgb(54,54,54) url(../img/contactbutton.png) top left no-repeat;
	border-bottom: none;
	text-decoration: none;
	text-align: center;
	box-shadow: 3px 3px 3px #a7a7a7;
	margin: 0 auto;
}

#content-main a.contactbut:hover, #content-main a.contactbut:focus {
	background-color: #727272;
	}


/*Social media page*/
#content-main ul.socialbut1 li {
	list-style-type: none;
	margin-bottom: 10px;
}
#content-main ul.socialbut1  {
	margin-left: 0px;
}

#content-main a.socialbutt {
	text-decoration: none;
}

#content-main a.socialbutt {
	display: block;
	width:400px;
	height: auto;
	color: #131313;
	font-size: 1em;
	line-height: 1em;
	font-weight: 200;
	padding: 15px 10px 16px 70px;
	border-radius: 4px;
	background: #e9e9e9;
	border-bottom: none;
}

#content-main a:hover.subs {
	background: #bdbdbd;
}
#content-main a.twitter {
	background: #e9e9e9 url(../img/twitterfs.png) top left no-repeat;
}
#content-main a.twitterX {
	background: #e9e9e9 url(../img/twitterX.png) top left no-repeat;
}
#content-main a:hover.twitter, #content-main a:focus.twitter {
	background: #bdbdbd url(../img/twitterfs.png) top left no-repeat;
}
#content-main a.youtube {
	background: #e9e9e9 url(../img/youtubefs.png) top left no-repeat;
}
#content-main a:hover.youtube, #content-main a:focus.youtube {
	background: #bdbdbd url(../img/youtubefs.png) top left no-repeat;
}
#content-main a.facebook {
	background: #e9e9e9 url(../img/facebookf.png) top left no-repeat;
}
#content-main a:hover.facebook, #content-main a:focus.facebook {
	background: #bdbdbd url(../img/facebookf.png) top left no-repeat;
}
#content-main a.linkedin {
	background: #e9e9e9 url(../img/linkedin.png) top left no-repeat;
}
#content-main a:hover.linkedin, #content-main a:focus.linkedin {
	background: #bdbdbd url(../img/linkedin.png) top left no-repeat;
}
#content-main a.instagram {
	background: #e9e9e9 url(../img/instagram2.png) top left no-repeat;
}
#content-main a:hover.instagram, #content-main a:focus.instagram {
	background: #bdbdbd url(../img/instagram2.png) top left no-repeat;
}

.faq4 h2 {
	background: #efefef;
	padding: 10px;
	border: 1px solid #c1c1c1;
	box-shadow: 5px 5px 5px #d9d9d9;
}

.indent {
	margin-left: 20px;
}
#content-main ul.relatedsmall {
	margin: 0;
	padding: 0;

}
#content-main ul.relatedsmall li {
	list-style-type: none;
	float: left;
	margin: 5px 10px;
}
#content-main .relatedsmall a {

	background-image: linear-gradient(to right top, #cbcbcb, #d3d5d6, #dbdfdf, #e4e9e7, #f0f2ed);
	box-shadow: 3px 3px 3px #b5b5b5;
	border-radius: 3px;
	border: 1px solid #ccd5d1;
	text-align: center;
	padding: 20px 30px;
	margin: 10px 15px 40px 5px;
	display: block;
	vertical-align: middle;

}

#content-main ul.relatedsmallspread li a {
		height: 150px;
		padding: 0px;
		width: 150px;
}

#content-main ul.relatedsmallabr li a {
		height: 70px;
		vertical-align: middle;
		width: 300px;
		margin: 0 15px 20px 5px;
}

/*#content-main ul.relatedcandidate li a {
		height: 150px;
		width: 200px;
}*/

/*#content-main ul.repo li a {
		height: 75px;
		width: 180px;
}*/

#content-main ul.relatedcan li a {
	height: 70px;
}

#content-main .relatedsmall a:hover, #content-main .relatedsmall a:focus {
	 background: #00bed6;
}
#content-main ul.spreadbutton {
	padding:0;
}
#content-main ul.spreadbutton li {
	display: inline;
	float: left;
}
#content-main ul.spreadbutton li a {
	width: 150px;
	height: 85px;
	background-image: linear-gradient(to right top, #cbcbcb, #d3d5d6, #dbdfdf, #e4e9e7, #f0f2ed);
	box-shadow: 3px 3px 3px #b5b5b5;
	border-radius: 3px;
	border: 1px solid #ccd5d1;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	margin: 5px;
	display: block;
	padding: 5px;
	position: relative;
}

#content-main ul.spreadbutton li a span.alignt {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 95%;
}

#content-main ul.spreadbutton li a:hover, #content-main ul.spreadbutton li a:focus {
	background: #00bed6;
	/* color: white;*/
}

#content-main ul.verticalbuttons {
	margin: 0;
	padding: 0;

}
#content-main ul.verticalbuttons li {
	list-style-type: none;
	margin: 5px 10px;
}
#content-main .verticalbuttons a {

	background-image: linear-gradient(to right top, #cbcbcb, #d3d5d6, #dbdfdf, #e4e9e7, #f0f2ed);
	box-shadow: 3px 3px 3px #b5b5b5;
	border-radius: 3px;
	border: 1px solid #ccd5d1;
	text-align: center;
	padding: 30px 30px;
	margin: 10px 15px 30px 5px;
	display: block;
	vertical-align: middle;
	width: 280px;
}

#content-main .verticalbuttons a:hover, #content-main .verticalbuttons a:focus {

	 background: #00bed6;

}

.pesn {
	border: 1px solid #696969;
	padding: 0;
	max-width: 500px;
}

.pesn h2 {
	padding: 10px;
	margin: 0;
	text-align: center;
	color: white;
	background: #696969;

}

.pesn p {
	margin: 10px 30px;
	float: left;
	max-width: 300px;
}

.pesn h3 {
	margin: 10px 20px;
	float: left;
	width: 70px;
}

.pesn ul {
	float: left;
	max-width: 300px;
	margin-bottom: 0;
}
.pesn ul li {
	margin: 0px 10px 10px 0px;
}

.pesnsmall {
	border: 1px solid #696969;
	padding: 0;
	margin-bottom: 20px;
	max-width: 340px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.pesnsmall h2 {
	padding: 10px;
	margin: 0;
	text-align: center;
	color: white;
	background: #696969;
	font-size: 1.3em;
}

.pesnsmall p {
	margin: 10px 20px;
	float: left;
	max-width: 240px;
	font-size: 0.9em;
}

.pesnsmall h3 {
	margin: 10px 20px 0 10px;
	float: left;
	width: 30px;
	font-size: 1.1em;
}

.pesnsmallf h3 {
	width: 60px;
	
}

.pesnsmall ul {
	float: left;
	max-width: 230px;
	margin-bottom: 20px;
	font-size: 0.9em;
}
.pesnsmall ul li {
	margin: 0px 10px 10px 0px;
	line-height: 1.1em;
}

p.phoneno {
	font-size: 1em;
}

.box2019cand {
	border: 1px solid #ABABAB;
   margin: 10px 25px 30px 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   width: auto;
   padding: 10px 15px;
   width: 450px;
   min-height: 200px;
   float: left;
}



#content-main ul.canpage {
	margin: 0;
	padding: 0;

}
#content-main ul.canpage li {
	list-style-type: none;
	float: left;
	margin: 5px 5px;
}
#content-main .canpage a {

	background-image: linear-gradient(to right top, #cbcbcb, #d3d5d6, #dbdfdf, #e4e9e7, #f0f2ed);
	box-shadow: 3px 3px 3px #b5b5b5;
	border-radius: 3px;
	border: 1px solid #ccd5d1;
	text-align: center;
	padding: 20px 30px;
	margin: 10px 15px 40px 5px;
	display: block;
	vertical-align: middle;
	width: 220px;
	min-height: 80px;
	line-height: normal;
}
#content-main .canpagef a {
		min-height: 95px;
}
#content-main .canpage a:hover, #content-main .canpage a:focus {
	 background: #00bed6;
}

.gris {
	background: #eeeeee;
}

h3.gris {
	padding: 5px;
	margin-top: 40px;
}

#content-main ul.repo li {
	display: inline;
	float: left;
}

#content-main ul.repo li a {
	width: 160px;
	height: 60px;
	background-image: linear-gradient(to right top, #cbcbcb, #d3d5d6, #dbdfdf, #e4e9e7, #f0f2ed);
	box-shadow: 3px 3px 3px #b5b5b5;
	border-radius: 3px;
	border: 1px solid #ccd5d1;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	margin: 10px;
	display: block;
	padding: 12px 5px 5px 5px;
	line-height: 1.1em;
}

#content-main ul.repo li a:hover, #content-main ul.repo li a:focus {
	background: #00bed6;
	 color: white;
}

table.sec, table.sec td, table.sec th {
	border: 1px solid #bcbcbc;
	border-collapse: collapse;
}

table.sec th.lightgrey {
	padding: 20px 10px;
	background: #e8e8e8;
	text-align: left;
}

table.sec th, table.sec td {
	padding: 10px;
}

table.sec {
	margin-bottom: 30px;
}


.alignLeft {
	text-align: left;
}

.simplegraybox {
	padding: 10px;
	border: 1px solid #d9d9d9;
	background-color: #f2f2f2;
	margin-top: 40px;
}

.campusbox {
	min-height: 510px;
}

.vicshadow {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-left: 30px;
	
}



.floatRight {
	float: right;
}

.downloadinfographic p {
	border: 1px solid #cecece;
	background-color: #eaeaea;
	box-shadow: 5px 5px 5px #888888;
	padding: 5px 10px;
	float: right;
	display: block;
	margin: 5px 0 0 0;
}

.shadow2019 {
	border: 1px solid #cecece;
	box-shadow: 5px 5px 5px #888888;
}
.videoWrapper {clear:both}

.italic {
	font-style: italic;
}

.uCase {
	text-transform: uppercase;
}

.answer {#content-main ul.relatedsmall {
	margin: 0;
	padding: 0;

}
#content-main ul.relatedsmall li {
	list-style-type: none;
	float: left;
	margin: 5px 10px;
}
#content-main .relatedsmall a {

	background-image: linear-gradient(to right top, #cbcbcb, #d3d5d6, #dbdfdf, #e4e9e7, #f0f2ed);
	box-shadow: 3px 3px 3px #b5b5b5;
	border-radius: 3px;
	border: 1px solid #ccd5d1;
	text-align: center;
	padding: 20px 30px;
	margin: 10px 15px 40px 5px;
	display: block;
	vertical-align: middle;

}
	margin-left: 20px;
}
.bold {
	font-weight: bold;
}

.fixreg {
	max-width: 620px;
}

.backtop {
	text-align: right;
	/*background: url('../../templates/images/top.gif') top right no-repeat;*/
	background: url('../img/top.png') top right no-repeat;
	padding-right: 35px;
	text-align: right;
	font-size: 0.9em;
}

.visapply {
	/*float: right;*/
	width: 300px;
	background: #d3d3d3;
	padding: 0;
	margin: 0 0 20px 30px;
	box-shadow: 5px 5px 5px #888888;
	text-align: center;
	height: auto;
}

.visapplyf {
	width: 350px;
}

.visapply h3 {
	font-size: 2em;
	background: #555555;
	color: white;
	margin: 0 0 20px 0;
}

.visapply input.widthsmall {
	margin-left: 60px;
}

.visapplyf input.widthsmall {
	margin-left: 80px;
}

.spaceneeded {
	height: 40px;
	width: auto;
	display: block;
}

.smallspace {
	height: 20px;
	width: auto;
	display: block;
}

ul.faqul li {
	margin-bottom: 15px;
}

ul.faqul > li > ul {
	margin-top: 0.62rem;
}

#content-main a.vrs {
	border: 1px solid #d5d5d5;
	max-width: 400px;
	background: #ededed url('../img/SRV_Button.png') 10px 10px no-repeat;
	padding: 10px 10px 20px 100px;
	display: block;

	border-radius: 5px;
	box-shadow: 3px 3px 3px #a7a7a7;
	text-decoration: none;
}

#content-main a.vrs:hover, #content-main a.vrs:focus {
	background: #d8d8d8 url('../img/SRV_Button.png') 10px 10px no-repeat;;
}

.allcaps {
	text-transform: uppercase;
}

table.hours {
  background: white;
  margin-bottom: 1.25em;
  border: solid 1px #dddddd; }


table.hours {
	width: 100%;
}

caption.bigcap {
	font-size: 1.3em;
	padding-bottom: 5px;
}

table.hours thead,
table.hours tfoot {
	background: whitesmoke;
	font-weight: bold;
}

table.hours caption {
	font-size: 1.3em;
}

table.hours thead th.black, table.hours th.black  {
	background: #383838;
	color: white;
	font-weight: 200;
	font-size: 1.1em;
}

table.hours thead tr th,
table.hours thead tr td,
table.hours tfoot tr th,
table.hours tfoot tr td {
	padding: 0.5em 0.625em 0.625em;
	font-size: 1em;
	color: #222222;
	text-align: left;

}

table.hours tr th,
table.hours tr td {
	padding: 0.5625em 0.625em;
	font-size: 1em;
	color: #222222;
	vertical-align: top;
}

table.hours tr.even, table.hours tr.alt, table.hours tr:nth-of-type(even) {
	background: #dcdcdc;
}

table.hours thead tr th,
table.hours tfoot tr th,
table.hours tbody tr td,
table.hours tr td,
table.hours tfoot tr td {
	display: table-cell;
	line-height: 1.125em;
}


table tr.even, table tr.alt, table tr:nth-of-type(even) {
	background: #dcdcdc;
}
table.ranking {
	width:98%}
.ranking	caption {
	 padding: 5px;

}

.leftalign {
	text-align: left;
	font-size: 1.5em;
}
table.ranking {
    border-collapse: collapse;
}
.ranking td, .ranking th {
	border: #737171 solid 1px;
padding: 10px;
}

.ranking th.header {
	background-color: #00bed6;
	}

.ranking th.header2 {
	background-color: #393939;
	color: white;
	}
table {
  background: white;
  margin-bottom: 1.25em;
  border: solid 1px #dddddd; }
#navlist li
{
	text-align:center;
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}
.width33  { width: 32%; }
.width30 {
	width: 30%;
}
.width40 {
	width: 40%;
}
.width50 {
	width: 50%;
}
.width60 {
	width: 60%
}
.width70 {
	width: 70%
}
.width80 {
	width: 80%
}
.width90 {
	width: 90%
}
.widthFull {
	width: 100%
}
.alignRight {
	text-align: right;
}

p.EDMessages {
	border: 1px solid black;
	padding: 10px;
	margin-bottom: 15px;
	background-color: yellowgreen;
	border-color: gray;
	font-weight: bold;
	color: black;
	width: auto;
}
p.EDMessagesAP {
	border: 1px solid black;
	padding: 20px 10px 10px 100px;
	margin-bottom: 15px;
	background: yellowgreen url('../img/EDmessages.png') top left no-repeat;
	border-color: gray;
	min-height: 70px;
	font-weight: bold;
	color: black;
	width: auto;
}
p.EDMessagesAP a:hover, p.EDMessagesAP a:focus {
	color: black;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
												   .EDMessages reboot 2025-01-17
Text wrap produced sad spacing etc
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.EDMessages {
		background-color: yellowgreen;
		font-weight: bold;
		border: 1px solid #87b32c;
		padding: 1.0rem 1.62rem;
		margin-bottom: 1.62rem;
	}
	.EDMessages  > *:last-child {
		margin-bottom: 0;
	}

.largefont {
	font-size: 1.2em;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
												   .EDMessages reboot 2025-03-25
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	/*HTML model
		<div class="EDMessagesII"><a><p><span>A message</span></p></a></div>
		- the class is outside an A
		- the text is wrapped by a SPAN
	*/
	.EDMessagesII > a {
		background: #DFEFBD;
		border: 1px solid #b4da65;
		text-decoration: none;
		display: block;
		padding: 0.62rem;
	}
	.EDMessagesII > a > p > span {
		color: #333;
		border-bottom: 1px solid rgba(0, 0, 0, 0.38);
	}
	.EDMessagesII > a:hover > p > span {
		border-bottom: 1px solid rgba(0, 0, 0, 1.0);
	}
	.EDMessagesII > a > *:last-child {
		margin-bottom: 0;
	}
	.row.rowNoMargin {
		margin-bottom: 0.62rem;
	}
	h1.EDMessagesIIShrink {
		margin-top: -1.62rem;
	}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																	   .nuecInfo
																		 REPLICA
Base class for info boxes, additional classes to modify.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.nuecInfo {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		background: aliceblue;
		padding-left: 0.38rem;
		padding-right: 0.38rem;
		margin-top: 0.62em !important;
		position: relative;
	}
	div.nuecInfo {
		margin-bottom: 1.62rem;
		padding-right: 1.62rem;
	}
	p + .nuecInfo {
		margin-top: -0.38em !important;
	}
	.nuecInfo blockquote {
		margin-left: 0;
	}
	.nuecInfo::before {
		content: "\e88e";
		font-family: "Material Icons";
		color: dodgerblue;
		font-size: 2.0rem;
		margin-left: 0.62rem;
		margin-right: 2.38rem;
	}
	.nuecInfo::after {
		content: "";
		border-left: 6px solid rgba(0, 0, 0, 0.038);
		position: absolute;
		left: 3.38rem;
		top: 0.38rem;
		bottom: 0.38rem;
		display: block;
	}
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																	   .nuecInfo
																		 options
																		 REPLICA
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		/*.nuecTheVertAlert*/
			.nuecTheVertAlert {
				background: #DFEFBD;
				border: 1px solid #b4da65;
			}
			.nuecTheVertAlert a {
				color: #333;
				text-decoration: none !important;
				border-bottom: 1px solid rgba(0, 0, 0, 0.38);
			}
			.nuecTheVertAlert a:hover {
				color: #333 !important;
				background: #cde698 !important;
				border-bottom: 1px solid rgba(0, 0, 0, 1.0);
			}
			.nuecInfo.nuecTheVertAlert::before {
				color: #4e6719;
			}
		/*.nuecInfoNoIcon*/
			.nuecInfo.nuecInfoNoIcon::before {
				display: none;
			}
			.nuecInfo.nuecInfoNoIcon::after {
				display: none;
			}
			.nuecInfo.nuecInfoNoIcon,
			div.nuecInfo.nuecInfoNoIcon {
				padding: 0 1.62rem;
			}
		/*.nuecInfoAllActive*/
			a.nuecInfo.nuecInfoAllActive {
				color: #333;
				text-decoration: none !important;
			}
			a.nuecInfo.nuecInfoAllActive > * {
				border-bottom: 1px solid rgba(0, 0, 0, 0.38);
			}
			a.nuecInfo.nuecInfoAllActive:hover {
				background: #cde698 !important;
			}
			a.nuecInfo.nuecInfoAllActive:hover > * {
				color: #333 !important;
				background: #cde698 !important;
				border-bottom: 1px solid #000;
			}
		/*.nuecWarn*/
			.nuecWarn,
			.nuecWarningIcon {
				background: lightyellow;
			}
			.nuecWarn::before,
			.nuecWarningIcon::before {
				content: "\e92c";
				font-family: "Material Icons";
			}
			.nuecWarn blockquote,
			.nuecWarningIcon blockquote {
				border-left: 6px solid lightgray;
			}
		/*.nuecWarningIcon*/
			.nuecWarningIcon::before {
				content: "\e88e";
				color: darkorange;
			}
		/*.nuecRecipe base colour sandybrown*/
			.nuecRecipe {
				background: #fbddc3;
				color: #592c06;
			}
			.nuecRecipe::before {
				content: "\f204";
				font-family: "Material Icons";
				color: #b3590c;
			}
			details + .nuecRecipe.nuecInfo {
				margin-top: 5.62em !important; /*:'(*/
			}
		/*.nuecIdea*/
			.nuecIdea {
				background: #ebf5e9;
			}
			.nuecIdea::before {
				content: "\e0f0";
				font-family: "Material Icons";
				color: darkgreen;
			}
			.nuecIdea blockquote {
				border-left: 6px solid lightgray;
			}
		/*.nuecDanger*/
			.nuecDanger {
				background: #ffe8df;
			}
			.nuecDanger::before {
				content: "\e002";
				font-family: "Material Icons";
				color: darkred;
			}
			.nuecDanger blockquote {
				border-left: 6px solid lightgray;
			}
		/*.nuecQuick*/
			.nuecQuick {
				background: #ffffbf;
			}
			.nuecQuick::before {
				content: "\e01f";
				font-family: "Material Icons";
				color: rebeccapurple;
			}
			.nuecQuick blockquote {
				border-left: 6px solid lightgray;
			}
		/*.nuecInfo content patterns that aren't automatically lovely*/
			.nuecInfo > details {
				margin-top: 0.38rem;
				margin-bottom: 0.38rem;
			}
	@media only screen and (max-width: 420px){/* - - - - - - - - - - - - - - -*/
		.nuecInfo::before {
			display: none;
		}
		.nuecInfo::after {
			display: none;
		}
		.nuecInfo,
		div.nuecInfo {
			padding: 0 1.62rem;
		}
	}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-420px*/
/*FIN*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
														.nuecInfo GE45 overrides
Not to be duplicated back to DS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	/*Box sizing*/
		.nuecInfo {
			box-sizing: border-box;
		}
		.nuecInfo *, .nuecInfo *:before, .nuecInfo *:after {
			box-sizing: inherit;
		}
	div.nuecInfo > div > *:first-child {
		margin-top: 1.2em;
	}
	.nuecInfo.nuecTheVertAlert.nuecInfoNoIcon.nuecInfoAllActive {
		padding: 0.62rem;
	}
	.nuecInfo.nuecTheVertAlert.nuecInfoNoIcon.nuecInfoAllActive > *:last-child {
		margin-bottom: 0;
	}
	.nuecInfo::before {
		font-family: inherit;
		content: "";
		margin-right: 3.38rem;
	}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
														.nuecInfo GE45 additions
Possibly to be duplicated back to DS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.nuecInfo.nuecInfoShadowbox {
		background: none;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}


























/* ==========================================================================
   GE43 AB
   ========================================================================== */

		/*From world3*/
			/*.waysvote3 {
				.
				.
				.
			   min-height: 600px;
			}*/
			/*So for taller content, extra class, so the shorter content currently shown does not get huge gaps*/
				.waysvote3.abTaller {
					/*min-height: 1060px;*/
					min-height: 850px;
				}


		/* ul.abNoUl
		   ========================================================================== */

			.abNoUl {
				list-style: none;
				margin: 0;
				padding: 0;
			}

			.abNoUl li p {
				line-height: 1.38;

			}

		/* div.footNav & .abFootNav
		   ========================================================================== */

		   		.abFootNav {
					border-top: 1px solid #CED5DB;
					margin-top: 4.85em;
		   		}

		   		.abFootNav ul {
					list-style: none;
					margin: 0;
					padding: 0;
					float: left;
		   		}

		   		.abFootNav li {
					float: left;
					margin-right: 1.38em;
		   		}

		   		.abFootNav li a {
					display: block;
					padding: 0.62em;
					border: 1px solid #CED5DB !important;
					border-top: none !important;
					background: #666;
					color: #fff !important;
		   		}

		   		.abFootNav li a:hover {
		   			color: #000 !important;
		   		}

		   		.footNav {
					border-top: 1px solid #CED5DB;
		   		}

		   		.footNav ul {
					list-style: none;
					margin: 0;
					padding: 0;
					float: right;
		   		}

		   		.footNav li {
					float: left;
					margin-right: 1.38em;
		   		}

		   		.footNav li a {
					display: block;
					padding: 0.62em;
					/*border-bottom: none !important;*/
					border: 1px solid #CED5DB !important;
					border-top: none !important;
		   		}

		   		.footNav li a span {
					border-bottom: 1px solid;
		   		}

		/* *.abThreeChilds
		   ========================================================================== */

			ul.abThreeChilds > li {
				width: 30%;
				float: left;
			}


		/* *.abMinHeightN
		   *.abMinHeight
		   		.abMinHeightN
		   			To set heights for items
		   		.abMinHeight
		   			An overall class to allow rules to be applied to
		   			all .abMinHeight items
		   ========================================================================== */

			/*Set heights*/
			.abMinHeight18 > * { min-height: 18em; }
			.abMinHeight22 > * { min-height: 22em; }
			/*.abMinHeight20 etc*/
			/*.abMinHeight33 etc*/

		/* *.abHighLight
		   ========================================================================== */

				.abHighLight {
					background: #FFFF00;
				}

		/* *Utility classes
		   ========================================================================== */

				.linkMissing,
				.abWeird {
					position: relative;
					outline: 1px dashed red;
				}

				.abWeird {
					outline: 1px dashed orange;
				}

				.linkMissing:after {
					content: "!";
					position: absolute;
					left: -1em;
					top: -0.8em;
					line-height: 1;
					background: red;
					color: yellow;
					font-weight: normal;
					font-size: 12px;
					white-space: nowrap;
					width: 1.0em;
					height: 1.0em;
					border-radius: 50%;
					text-align: center;
				}

				.abWeird:after {
					outline: 1px solid orange;
					content: "Check...";
					position: absolute;
					left: -1em;
					top: -0.8em;
					line-height: 1;
					background: rgba(255, 165, 0, 0.38);
					color: black;
					font-weight: normal;
					font-size: 12px;
					white-space: nowrap;
					/*width: 1.0em;*/
					/*height: 1.0em;*/
					/*border-radius: 50%;*/
					text-align: center;
				}

				.abTemp, .abOrphans {
					border: 3px dashed rgba(255, 255, 0, 1);
					background: rgba(255, 255, 0, 0.2);
					padding: 1em;
					transform: rotate(1.623deg);
				}

				.abTemp a, .abOrphans a {
					text-decoration: underline !important;
				}

				.abPage {
					border: 3px dashed rgba(255, 255, 0, 1);
					background: rgba(255, 255, 0, 0.2);
					font-size: 62%;
					font-weight: normal;
					color: red;
				}

				.abNoWrap {
					white-space: nowrap;
				}

				.abGoBlock {
					display: block;
				}

				.abPushDown {
					margin-bottom: 1.0em;
				}

				.abShortLine {
					line-height: 1.1em;
				}

			/* Auto identify links with the .ui-link class
				Added 2019-09-06-T-0826
			   ==========================================================================

					:lang(en) a.ui-link:after {
					    content: " (external link)";
					}

					:lang(fr) a.ui-link:after {
					    content: " (lien externe)";
					}*/


/* Health and safety page */

.healthsaf h2 {
	font-size: 2em;
	text-align: center;
	margin-top: 20px;
}
.saf1 {
	padding: 40px 0 60px 300px;
	background: url('../img/safety/img1.png') top left no-repeat;
	border-bottom: 1px solid black;
}

p.saf2 {
	padding: 15px 0 10px 60px;
	background: url('../img/safety/img2.png') top left no-repeat;
}

#content-main ul.saf3 {
	margin: 20px 0 270px 20px;
}

#content-main ul.saf3 li {
	text-align: center;
	float: left;
	list-style-type: none;
	
	/*margin-right: 5px;
	margin-bottom: 30px;*/
	
	width: 200px;
	margin: 0 5px 30px 0;
	padding: 180px 20px 0 20px;
	display: block;
	line-height: 1.3em;
}

#content-main ul.saf3 li.san {
	background:  url('../img/safety/img3.png') top center no-repeat;
}

#content-main ul.saf3 li.mark {
	background:  url('../img/safety/img4.png') top center no-repeat;
}

#content-main ul.saf3 li.poll {
	background:  url('../img/safety/img5.png') top center no-repeat;
}

#content-main ul.saf3 li.sannew {
	background:  url('../img/safety/new/img3.png') top center no-repeat;
}

#content-main ul.saf3 li.marknew {
	background:  url('../img/safety/new/img4.png') top center no-repeat;
}

#content-main ul.saf3 li.marknewf {
	background:  url('../img/safety/new/img4f.png') top center no-repeat;
}

#content-main ul.saf3 li.pollnew {
	background:  url('../img/safety/new/img5.png') top center no-repeat;
}

#content-main ul.saf3 li.masnew {
	background:  url('../img/safety/new/img6.png') top center no-repeat;
}

#content-main ul.saf3 li.pennew {
	background:  url('../img/safety/new/img7.png') top center no-repeat;
}

#content-main ul.saf3 li.disnew {
	background:  url('../img/safety/new/img8.png') top center no-repeat;
}

.bordersaf {
	border-bottom: 1px solid black;
}

#content-main ul.saf3 li.mas {
	background:  url('../img/safety/img6.png') top center no-repeat;
}

#content-main ul.saf3 li.pen {
	background:  url('../img/safety/img7.png') top center no-repeat;
}

#content-main ul.saf3 li.dis {
	background:  url('../img/safety/img8.png') top center no-repeat;
}

/* END - Health and safety page */

ul.lispace li {
	margin-bottom: 15px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
									Alan utils
.blocky
	Apply display: block, typically used with SPAN
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.blocky {
		display: block;
	}


/* END Alan's styles */

#content-main .items li {
      list-style-type: none;
      }

#content-main .items li a {
      width: 160px;
      height: 14em;
      float: left;
      text-align: center;
      margin: 10px;
      display: block;
      border: thin solid #ccc;
      text-decoration: none;
      line-height: 22px;
      background: #f8f8f8;
      }

      #content-main .items li a:hover {
      border: thin solid #b22222;
      }

#content-main .items li a.xwide {
      width: 400px;
      }

      .red {
      	color: #b22222;
      }

#content-main a.backtop2 {
	text-align: right;
	background: url('../img/top2.png') top left no-repeat;
	padding-left: 38px;
	text-decoration: underline;
	border-bottom: none;
}

#content-main a.backtop2:hover, #content-main a.backtop2:focus {
	box-shadow: 0 0 0 white;
	color: #b22222;
	border: none;
}

.containertel {
	width: 45%;
	float: left;
	margin-right: 5%;
}

.tel2021 {
	/*border: 1px solid #363636;*/
	border: 1px solid #5a5a5a;
	
	margin-bottom: 25px;
	

}

.tel2021 h2 {
	/*background: #363636;*/
	background: #5a5a5a;
	margin: 0;
	padding: 10px;
	color: white;
}

h2.phone2021 {
	background: #5a5a5a url('../img/phonewhite.png') top right no-repeat;
}

.tel2021 h3 {
	background: #e4e4e4;
	margin: 0;
	padding: 10px;
	
}

.tel2021 p {
	margin: 10px;
	/*float: left;*/
}

.tel2021 p.centerp {
	margin: 0 auto;
	
}

.tel2021 dl {
    
    padding: 10px;
    font-size: 1em;
  }
  
.tel2021 dt {
    float: left;
    clear: left;
    width: 45%;
    text-align: right;
    margin-bottom: 20px;
    
  }
.tel2021 dt::after {
    content: ":";
  }
.tel2021 dd {
    
    margin: 5px 0 20px 50%;
    padding: 0 0 0.5em 0;
    font-size: 1.1em;
    
  }

  #content-main a.vrs2 {
	border: 1px solid #d5d5d5;
	max-width: 80%;
	background: #ededed url('../img/SRV_Button.png') 10px 10px no-repeat;
	padding: 15px 5px 20px 80px;
	display: block;
	border-radius: 5px;
	box-shadow: 3px 3px 3px #a7a7a7;
	text-decoration: none;
	background-size: 50px;
	margin: 0 auto;
}

#content-main a.vrs2:hover, #content-main a.vrs2:focus {
	opacity: 0.7;
	}
	
.vota {
	float: left;
	width: 60%;
	margin-right: 20px;
}

.votb {
	float: left;
	width: 33%;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
													 Home page tiles adjustments
a11y202108161503
a11y202108170815
ML noted tile misalignment on some 'tablet' intermediate widths.
The following is intended to produce the most benefit for the least change.

Some rules here should be migrated to responsive.css in due course.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	/*a11y202108170815 Top four tiles*/
		.vis19 p.textfi {
			margin-top: 0.5em;
		}
		/*Only when width DROPS DOWN to this or below*/
			@media only screen and (max-width: 1130px){/* - - - - - - - - - - - - - - -*/
				.visother {
					 float: inherit !important; /*right;*/
					 width: inherit !important; /*130px;*/
					 margin-right: inherit !important; /*15px;*/
					 margin-top: inherit !important; /*40px;*/
				}
				.visother {
					width: auto !important;
				}
			}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-1130px*/
		/*Only when width DROPS DOWN to this or below*/
			@media only screen and (max-width: 1200px){/*   1080 - - - - - - - - - - - - - - -*/
				/*Purple box*/
					.vis19 {
						height: inherit;
						min-height: 572px !important;
					}

					ul.homeprom2 {
						display: flex;
						margin: 0 !important;
						justify-content: space-evenly;
					}


					/*
REQUIRES NEW div IN HTML
REQUIRES NEW div IN HTML
REQUIRES NEW div IN HTML
					The edit today (2021-08-17) requires an extra DIV
					(labelled a11y202108170815) be added to the HTML
					(i.e. to home.aspx and to accueil.aspx) with
					class .homeprom2Outer. This fixes an issue around 1078px.
					*/
					.homeprom2Outer::before {
						content: "";
						display: table;
						clear: both;
					}
			}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-1080px*/
		/*Only when width DROPS DOWN to this or below*/
			@media only screen and (max-width: 800px){/* - - - - - - - - - - - - - - -*/
				/*Purple box*/
					.vis19 {
						min-height: inherit !important;
					}
			}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-800px*/
		/*Only when width DROPS DOWN to this or below*/
			@media only screen and (max-width: 700px){/* 480 - - - - - - - - - - - - - - -*/
					ul.homeprom2 {
						display: inherit;
						justify-content: inherit;
					}
					ul.homeprom2 li.homeprom.box100saf.bighome5,
					ul.homeprom2 li.homeprom.registration.bighome5,
					ul.homeprom2 li.homeprom.jobs.bighome5,
					ul.homeprom2 li.homeprom.boxSmallId.bighome5,
					ul.homeprom2 li.homeprom.box207.bighome5,
					ul.homeprom2 li.homeprom.box100saf.bighome5 a,
					ul.homeprom2 li.homeprom.registration.bighome5 a,
					ul.homeprom2 li.homeprom.jobs.bighome5 a,
					ul.homeprom2 li.homeprom.boxSmallId.bighome5 a,
					ul.homeprom2 li.homeprom.box207.bighome5 a,
					ul.homeprom2 li,
					ul.homeprom2 li a {
						/*
						margin-left: auto;
						margin-right: auto;
						*/
						margin: 20px auto 0 auto;
						float: none;
						width: 450px;  /*300px;*/
						/*width: 100%;*/
						max-width: 100%;
					}
					.followusicons a {
						width: 100%;
					}
			}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-480px*/

	/*a11y202108161503 Tiles below the top four*/
    /*	ul.homeprom6 li {
    		width: 29%;
    		margin: inherit;
    		margin-left: 0.62em;
    		margin-right: 0.62em;
    	}
    	ul.homeprom6 li a {
    		width: 100%;
    	}

    	ul.homeprom li a {
    		min-height: 285px !important;
    	}

    	ul.homeprom6 li a {
    		min-height: 160px !important;
    	}*/

		/*Only when width DROPS DOWN to this or below*/
			@media only screen and (max-width: 1060px){/* - - - - - - - - - - - - - - -*/
		    	ul.homeprom li a {
		    		min-height: 320px !important;
		    		min-height: 345px !important;
		    	}
			}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-1060px*/

		/*Only when width INCREASES to this or wider*/
			@media only screen and (min-width: 673px){/* - - - - - - - - - - - - - - -*/
		    	ul.homeprom li {
		    		width: 29%;
		    	}
		    	ul.homeprom li a {
		    		width: 100% !important;
		    		/*min-height: 345px !important;*/
		    	}
			}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-673px*/

		/*Only when width DROPS DOWN to this or below*/
			@media only screen and (max-width: 673px){/* - - - - - - - - - - - - - - -*/
		    	ul.homeprom li {
		    		width: 100% !important;
		    	}
		    	ul.homeprom li a {
		    		width: 100% !important;
		    		min-height: inherit !important;
		    	}
		    	ul.homeprom li.homeprom {
		    		margin-left: 0 !important;
		    		margin-right: 0 !important;
		    	}

		    	/*Blue tiles*/
			    	ul.homeprom6 li {
			    		width: 96%;
			    	}

			    	ul.homeprom6 {
			    		margin: 20px 70px;
			    	}

			    	ul.homeprom6 li a {
		    			min-height: inherit;
		    			min-height: inherit !important;
			    	}
			}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-673px*/

		/*Only when width DROPS DOWN to this or below*/
			@media only screen and (max-width: 585px){/* - - - - - - - - - - - - - - -*/
		    	/*Blue tiles*/
			    	ul.homeprom6 {
			    		margin-left: auto !important;
			    		margin-right: auto !important;
			    	}
			    	ul.homeprom6 a {
			    		width: 100% !important;
			    	}
			}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-585px*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																   .takeNoHeight
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.takeNoHeight {
		font-size: 1px;
		line-height: 1;
	}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																	  .itemsFlex
																		 REPLICA
										This takes over from infovideo_index.css
										which is now mothballed.
A doormat style
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.itemsFlex *, .itemsFlex *:before, .itemsFlex *:after {
		box-sizing: inherit;
	}
	.itemsFlex {
		box-sizing: border-box;
		list-style: none;
		margin: 0 !important;
		margin-bottom: 3.24rem !important;
		padding: 0 !important;
		display: flex;
		flex-wrap: wrap;
		gap: 1.0rem;
		justify-content: center;
	}
	.itemsFlex > li {
		display: flex;
		width: 150px;
		margin: 0 !important;
		padding: 0 !important;
	}
	.itemsFlex > li > a {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		gap: 0.38rem;
		background: #f8f8f8;
		border: 1px solid #ccc !important;
		text-align: center;
		padding: 0.62rem;
		line-height: 1.38 !important;
	}
	.itemsFlex > li > a > span {
		width: 100%;
	}
	.itemsFlex img {
		margin: -0.62rem;
		margin-top: inherit;
		max-width: calc( 100% - 0.62rem - 0.62rem - 2px );
	}
	.itemsFlex > li > a:hover {
		border: 1px solid red !important;
	}
	.itemsFlex .itemsFlexCenterImg img,
	.itemsFlex.itemsFlexCenterImg img {
		margin-left: auto;
		margin-right: auto;
		box-shadow: 0 0 5px #999999;
	}
	.itemsFlex .itemsFlexCenterImgUndo img {
		margin-left: inherit;
		margin-right: inherit;
	}
	.itemsFlex.itemsFlexDontCentreItems {
		justify-content: inherit;
	}
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																	 Options for
																	  .itemsFlex
																		 REPLICA
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		.itemsFlex.itemsFlexDontCentreItems {
			justify-content: inherit;
		}
		.itemsFlex.itemsFlexStart {
			justify-content: flex-start;
		}
		@media only screen and (max-width: 345px){/* - - - - - - - - - - - - - - -*/
			.itemsFlex.itemsFlexStart.itemsFlexCenterAtNarrow {
				justify-content: center;
			}
		}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-345px*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																	  .nuecFlexy
																		 REPLICA
See ECDS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	/*Main nuecFlexy rules*/
		/*So we don't need to bother/remember to also add .theboxsizing class*/
			.nuecFlexy,
			.nuecFlexy *,
			.nuecFlexy *:before,	/* Note.1 */
			.nuecFlexy *:after {	/* Note.1 */
				box-sizing: border-box;
			}
	.nuecFlexy {
		display: flex;
		flex-wrap: wrap;
		gap: 1.62em; /*a11y202401230841*/
	}
	.nuecFlexy > * {
		width: calc(50% - 0.832em); /*half 1.62 a11y202401230841*/
	}
	.nuecFlexy {
		margin-bottom: 1.62rem;
	}
	.nuecFlexy.nuecFlexy7030 > *:nth-child(1) { width: calc(70% - 0.832em); /*half 1.62 a11y202401230841*/ }
	.nuecFlexy.nuecFlexy7030 > *:nth-child(2) { width: calc(30% - 0.832em); }
	.nuecFlexyReverse.nuecFlexy.nuecFlexy7030 > *:nth-child(1) { width: calc(30% - 0.832em); }
	.nuecFlexyReverse.nuecFlexy.nuecFlexy7030 > *:nth-child(2) { width: calc(70% - 0.832em); }
	.nuecFlexy.nuecFlexy4060 > *:nth-child(1) { width: calc(40% - 0.832em); /*half 1.62 a11y202401230841*/ }
	.nuecFlexy.nuecFlexy4060 > *:nth-child(2) { width: calc(60% - 0.832em); }
	.nuecFlexyReverse.nuecFlexy.nuecFlexy4060 > *:nth-child(1) { width: calc(60% - 0.832em); }
	.nuecFlexyReverse.nuecFlexy.nuecFlexy4060 > *:nth-child(2) { width: calc(40% - 0.832em); }
	.nuecFlexy.nuecFlexy3 > * {
		width: calc(32% - 0.54em); /*a third 1.62 a11y202401230841*/
	}
	@media only screen and (max-width: 1000px){/* - - - - - - - - - - - - - - -*/
		.nuecFlexy.nuecFlexy3 > * {
			width: 100%;
		}
	}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-1000px*/
	@media only screen and (max-width: 750px){/* - - - - - - - - - - - - - - -*/
		.nuecFlexy > * {
			width: 100%;
		}
		.nuecFlexy {
			display: inherit;/*a11y202401241045*/
		}
	}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-750px*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																	  .nuecFlexy
																  Optional rules
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.nuecFlexy.nuecFlexySimple > * {
		width: auto;
	}
	.nuecFlexy.nuecFlexySimple {
		margin-bottom: 0;
		justify-content: flex-start;
	}
	.nuecFlexy.nuecFlexyBgChildren > * {
		background: #f4f4f4;
	}
	.nuecFlexy.nuecFlexyBgParent {
		background: #f4f4f4;
		/*LH padding is taken care of by the LH bullets / numbers of the OL /
		  UL, however RH needs some help.*/
			padding-right: 1.62em;
	}
	.nuecFlexy.nuecFlexyTpadBpadParent {
		padding-top: 1.62em;
		padding-bottom: 1.62em;
	}
	.nuecFlexy.nuecFlexyVertChildren > * {
		flex-flow: row wrap;
		display: flex;
		align-content: space-between;
	}
	.nuecFlexy.nuecFlexyVertChildren > * > * {
		width: 100%;
	}
	/*nuecFlexyVertChildrenUndoAt1300*/
		@media only screen and (max-width: 1300px) {
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1300.nuecFlexy3.nuecFlexyGapHbigger > *,
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1300.nuecFlexy4060.nuecFlexyGapHbigger > :first-of-type,
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1300.nuecFlexy4060 > :first-of-type,
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1300.nuecFlexy4060 > :nth-child(2),
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1300.nuecFlexyGapHbigger > *,
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1300.nuecFlexyReverse.nuecFlexy4060 > :first-of-type,
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1300.nuecFlexyReverse.nuecFlexy4060 > :nth-child(2),
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1300 > * {
				width: 100%;
			}
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1300 {
				display: inherit;
			}
			#content-content .nuecFlexy.nuecFlexyVertChildrenUndoAt1300.nuecFlexyGapVsmaller > li,
			#content-main .nuecFlexy.nuecFlexyVertChildrenUndoAt1300.nuecFlexyGapVsmaller > li {
				margin-bottom: 0.62em;
			}
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1300.nuecFlexyBgChildren > *,
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1300.nuecFlexyBlue > *,
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1300.nuecFlexyBurgundy > *,
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1300.nuecFlexyOlive > *,
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1300.nuecFlexyOrange > *,
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1300.nuecFlexyPurple > *,
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1300.nuecFlexyRainbow > *,
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1300.nuecFlexyTeal > * {
				padding-top: 0.2em;
				padding-bottom: 0.2em;
				margin-bottom: 1.62em;
			}
		}
	/*nuecFlexyVertChildrenUndoAt1000*/
		@media only screen and (max-width: 1000px) {
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1000.nuecFlexy3.nuecFlexyGapHbigger > *,
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1000.nuecFlexy4060.nuecFlexyGapHbigger > :first-of-type,
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1000.nuecFlexy4060 > :first-of-type,
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1000.nuecFlexy4060 > :nth-child(2),
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1000.nuecFlexyGapHbigger > *,
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1000.nuecFlexyReverse.nuecFlexy4060 > :first-of-type,
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1000.nuecFlexyReverse.nuecFlexy4060 > :nth-child(2),
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1000 > * {
				width: 100%;
			}
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1000 {
				display: inherit;
			}
			#content-content .nuecFlexy.nuecFlexyVertChildrenUndoAt1000.nuecFlexyGapVsmaller > li,
			#content-main .nuecFlexy.nuecFlexyVertChildrenUndoAt1000.nuecFlexyGapVsmaller > li {
				margin-bottom: 0.62em;
			}
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1000.nuecFlexyBgChildren > *,
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1000.nuecFlexyBlue > *,
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1000.nuecFlexyBurgundy > *,
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1000.nuecFlexyOlive > *,
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1000.nuecFlexyOrange > *,
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1000.nuecFlexyPurple > *,
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1000.nuecFlexyRainbow > *,
			.nuecFlexy.nuecFlexyVertChildrenUndoAt1000.nuecFlexyTeal > * {
				padding-top: 0.2em;
				padding-bottom: 0.2em;
				margin-bottom: 1.62em;
			}
		}
	.nuecFlexyReverse {
		flex-direction: row-reverse;
	}
	/*Colour list maintenance, current choices: nuecFlexyBurgundy,
	  nuecFlexyBlue, nuecFlexyPurple, nuecFlexyTeal, nuecFlexyOlive,
	  nuecFlexyOrange.

	  KEEP CHOICES IN SYNC' with JS fn nuecFlexyRainbow()
	*/
		.nuecFlexy.nuecFlexyBgChildren > *,
		.nuecFlexy.nuecFlexyBurgundy > *,
		.nuecFlexy.nuecFlexyBlue > *,
		.nuecFlexy.nuecFlexyPurple > *,
		.nuecFlexy.nuecFlexyTeal > *,
		.nuecFlexy.nuecFlexyOlive > *,
		.nuecFlexy.nuecFlexyOrange > *,
		.nuecFlexy.nuecFlexyRainbow > * {
			padding-left: 1rem;
			padding-right: 1rem;
		}
		.nuecFlexy.nuecFlexyBurgundy:not(.nuecFlexyBgParent) > *,
		.nuecFlexy.nuecFlexyBurgundy.nuecFlexyBgParent,
		.nuecFlexy.nuecFlexyRainbow > .nuecFlexyBurgundy {
			background: #D2B2C1; /*#ffbfdd*/ /*#6a0032*/
		}
		.nuecFlexy.nuecFlexyBlue:not(.nuecFlexyBgParent) > *,
		.nuecFlexy.nuecFlexyBlue.nuecFlexyBgParent,
		.nuecFlexy.nuecFlexyRainbow > .nuecFlexyBlue {
			background: #BBC3C9; /*#d1e1ed*/ /*#1e384b*/
		}
		.nuecFlexy.nuecFlexyPurple:not(.nuecFlexyBgParent) > *,
		.nuecFlexy.nuecFlexyPurple.nuecFlexyBgParent,
		.nuecFlexy.nuecFlexyRainbow > .nuecFlexyPurple {
			background: #CFBCCE; /*#efcfed*/ /*#60205c*/
		}
		.nuecFlexy.nuecFlexyTeal:not(.nuecFlexyBgParent) > *,
		.nuecFlexy.nuecFlexyTeal.nuecFlexyBgParent,
		.nuecFlexy.nuecFlexyRainbow > .nuecFlexyTeal {
			background: #B3CFD0; /*#c1fbfd*/ /*#036064*/
		}
		.nuecFlexy.nuecFlexyOlive:not(.nuecFlexyBgParent) > *,
		.nuecFlexy.nuecFlexyOlive.nuecFlexyBgParent,
		.nuecFlexy.nuecFlexyRainbow > .nuecFlexyOlive {
			background: #DCDFC3; /*#eaeed1*/ /*#8b9538*/
		}
		.nuecFlexy.nuecFlexyOrange:not(.nuecFlexyBgParent) > *,
		.nuecFlexy.nuecFlexyOrange.nuecFlexyBgParent,
		.nuecFlexy.nuecFlexyRainbow > .nuecFlexyOrange {
			background: #EFDAC0; /*#f3e2cb*/ /*#c9862d*/
		}
	/*No JS fallback*/
		html.noJs .nuecFlexy.nuecFlexyRainbow > * {
			background: #f4f4f4;
		}
	/*nuecFlexyGapVsmaller
	Reduce the vertical flex gap -- useful for sets of otherwise unstyled LIs
	where the v flex gap from .nuecFlexy is too much*/
		.nuecFlexy.nuecFlexyGapVsmaller {
			row-gap: 0.62em;
		}
	/*nuecFlexyGapHbigger
	Double the usual horizontal flex gap -- useful for sets of otherwise
	unstyled LIs where the inner column(s) of bullets can otherwise look
	close to the ends of LIs to their left*/
		.nuecFlexy.nuecFlexyGapHbigger {
			column-gap: 4.86em;
		}
		.nuecFlexy.nuecFlexyGapHbigger > * {
			width: calc(50% - 2.43em); /*half 4.86 a11y202401230841*/
		}
		.nuecFlexy.nuecFlexy7030.nuecFlexyGapHbigger > *:nth-child(1) {
			width: calc(70% - 2.43em); /*half 4.86 a11y202401230841*/
		}
		.nuecFlexy.nuecFlexy4060.nuecFlexyGapHbigger > *:nth-child(1) {
			width: calc(40% - 2.43em); /*half 4.86 a11y202401230841*/
		}
		.nuecFlexy.nuecFlexy3.nuecFlexyGapHbigger > * {
			width: calc(32% - 1.62em); /*a third 4.86 a11y202401230841*/
		}
	@media only screen and (max-width: 1000px){/* - - - - - - - - - - - - - - -*/
		.nuecFlexy.nuecFlexy7030 > *:nth-child(1),
		.nuecFlexy.nuecFlexy7030 > *:nth-child(2),
		.nuecFlexyReverse.nuecFlexy.nuecFlexy7030 > *:nth-child(1),
		.nuecFlexyReverse.nuecFlexy.nuecFlexy7030 > *:nth-child(2),
		.nuecFlexy.nuecFlexy7030.nuecFlexyGapHbigger > *:nth-child(1) {
			width: 100%;
		}
	}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-1000px*/
	@media only screen and (max-width: 750px){/* - - - - - - - - - - - - - - -*/
		.nuecFlexy.nuecFlexy4060 > *:nth-child(1),
		.nuecFlexy.nuecFlexy4060 > *:nth-child(2),
		.nuecFlexy.nuecFlexyReverse.nuecFlexy4060 > *:nth-child(1),
		.nuecFlexy.nuecFlexyReverse.nuecFlexy4060 > *:nth-child(2),
		.nuecFlexy.nuecFlexy4060.nuecFlexyGapHbigger > *:nth-child(1),
		.nuecFlexy.nuecFlexyGapHbigger > *,
		.nuecFlexy.nuecFlexy3.nuecFlexyGapHbigger > * {
			width: 100%;
		}
		/*The otherwise-unstyled default margin-bottom for LIs is too little
		  when Flex (and hence Flex gap etc) is turned off
		  (a11y202401241045), so since .nuecFlexyGapVsmaller is used to
		  control LI vertical spacing in desktop, it's safe to assume in
		  mobile we can use it to target those same LIs and add some
		  margin-bottom to take the place of the missing (in mobile) Flex gap*/
			#content-main .nuecFlexy.nuecFlexyGapVsmaller > li,
			#content-content .nuecFlexy.nuecFlexyGapVsmaller > li {
				margin-bottom: 0.62em;
			}
		/*Items with bg colour need a top and bottom gutter between the colour
		  edge and the content, but when mobile we no longer have display
		  type Flex, so a helpful side-effect of Flex (stopping margin
		  collapse) is lost [9EEADi^^56G6=@A6C]>@K:==2]@C8^6?\&$^5@4D^
		  (63^r$$^r$$03@I0>@56=^|2DE6C:?80>2C8:?04@==2AD:?8]. So some
		  padding (one of the other things that avoids margin collapse) is
		  added. Additionally, with no Flex there is no Flex Gap, so we need
		  to push these items with bg colour away from each other vertically,
		  hence margin-bottom.*/
			.nuecFlexy.nuecFlexyBgChildren > *,
			.nuecFlexy.nuecFlexyBurgundy > *,
			.nuecFlexy.nuecFlexyBlue > *,
			.nuecFlexy.nuecFlexyPurple > *,
			.nuecFlexy.nuecFlexyTeal > *,
			.nuecFlexy.nuecFlexyOlive > *,
			.nuecFlexy.nuecFlexyOrange > *,
			.nuecFlexy.nuecFlexyRainbow > * {
				padding-top: 0.2em;
				padding-bottom: 0.2em;
				margin-bottom: 1.62em;
			}
	}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-750px*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																	.nuecAbutton
																		 REPLICA
.nuecAbutton
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	/*Basic overrides*/
		#content-content a.nuecAbutton,
		#content-main a.nuecAbutton,
		#content-content a.nuecAbutton:hover,
		#content-main a.nuecAbutton:hover {
			text-decoration: none;
			font-size: 1em;
			background: none;
			line-height: 1.5;
			display: inline-block;
			text-align: center;
		}
	/*Base button basics*/
		#content-content a.nuecAbutton,
		#content-main a.nuecAbutton {
			color: #fff;
			border: 2px solid rgba(0, 0, 0, 0);
			font-weight: bold;
			background: #222;
			border-radius: 0.38em;
			padding: 0.62em 0.85em 0.55em 0.85em;
		}
	/*Base button hover*/
		#content-content a.nuecAbutton:hover,
		#content-main a.nuecAbutton:hover {
			color: #222;
			border: 2px solid #222;
			background: #fff;
		}
	/*Base button focus*/
		#content-content a.nuecAbutton:focus,
		#content-main a.nuecAbutton:focus {
			outline: 2px dashed red;
		}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																	.nuecAbutton
																  Optional rules
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	/*Not bold*/
		#content-content a.nuecAbuttonNotBold,
		#content-main a.nuecAbuttonNotBold {
			/*
			*/
			font-weight: normal;
		}
	/*Grey-3D*/
		#content-content a.nuecAbuttonGry3D,
		#content-main a.nuecAbuttonGry3D {
			color: #333;
			background: #ebebeb;
			box-shadow: 3px 3px 3px #b5b5b5;
			border: 1px solid #ccd5d1;
		}
		/*Hover*/
		#content-content a.nuecAbuttonGry3D:hover,
		#content-main a.nuecAbuttonGry3D:hover {
			color: #333;
			background: #ebebeb;
			box-shadow: 2px 2px 2px #b5b5b5;
			border: 1px solid #ccd5d1;
		}
	/*Small*/
		#content-content a.nuecAbuttonSmall,
		#content-main a.nuecAbuttonSmall {
			font-size: 0.85em;
			font-weight: normal;
			padding: 0.38em 0.62em;
		}
		/*Hover*/
		#content-content a.nuecAbuttonSmall:hover,
		#content-main a.nuecAbuttonSmall:hover {
			font-size: 0.85em;
		}
	/*Border*/
		#content-content a.nuecAbuttonBorder,
		#content-main a.nuecAbuttonBorder {
			color: #222;
			border: 2px solid #222;
			background: #fff;
		}
		/*Hover*/
		#content-content a.nuecAbuttonBorder:hover,
		#content-main a.nuecAbuttonBorder:hover {
			color: #fff;
			border: 2px solid rgba(0, 0, 0, 0);
			background: #222;
		}
	/*Block (respect global class nuecBlock)*/
		#content-content a.nuecAbutton.nuecBlock,
		#content-main a.nuecAbutton.nuecBlock {
			display: block;
			/*If block, assume a regular bottom margin*/
				margin-bottom: 1.62em;
		}
		/*Hover*/
		#content-content a.nuecAbutton.nuecAbuttonBorder:hover,
		#content-main a.nuecAbutton.nuecAbuttonBorder:hover {
			color: #fff;
			border: 2px solid rgba(0, 0, 0, 0);
			background: #222;
		}
	/*Teal button*/
		#content-content a.nuecAbuttonTeal,
		#content-main a.nuecAbuttonTeal {
			background: #036064;
		}
		/*Hover*/
		#content-content a.nuecAbuttonTeal:hover,
		#content-main a.nuecAbuttonTeal:hover {
				color: #036064;
				border: 2px solid #036064;
				background: #fff;
			}
		/*Border Teal*/
			#content-content a.nuecAbuttonTeal.nuecAbuttonBorder,
			#content-main a.nuecAbuttonTeal.nuecAbuttonBorder {
				color: #036064;
				border: 2px solid #036064;
				background: #fff;
			}
			/*Hover*/
			#content-content a.nuecAbuttonTeal.nuecAbuttonBorder:hover,
			#content-main a.nuecAbuttonTeal.nuecAbuttonBorder:hover {
					background: #036064;
			}
	/*Olive button*/
		#content-content a.nuecAbuttonOlive,
		#content-main a.nuecAbuttonOlive {
			background: #727A2E;
		}
		/*Hover*/
		#content-content a.nuecAbuttonOlive:hover,
		#content-main a.nuecAbuttonOlive:hover {
				color: #727A2E;
				border: 2px solid #727A2E;
				background: #fff;
			}
		/*Border Olive*/
			#content-content a.nuecAbuttonOlive.nuecAbuttonBorder,
			#content-main a.nuecAbuttonOlive.nuecAbuttonBorder {
				color: #727A2E;
				border: 2px solid #727A2E;
				background: #fff;
			}
			/*Hover*/
			#content-content a.nuecAbuttonOlive.nuecAbuttonBorder:hover,
			#content-main a.nuecAbuttonOlive.nuecAbuttonBorder:hover {
					background: #727A2E;
			}
	/*Burgundy button*/
		#content-content a.nuecAbuttonBurgundy,
		#content-main a.nuecAbuttonBurgundy {
			background: #6a0032;
		}
		/*Hover*/
		#content-content a.nuecAbuttonBurgundy:hover,
		#content-main a.nuecAbuttonBurgundy:hover {
				color: #6a0032;
				border: 2px solid #6a0032;
				background: #fff;
			}
		/*Border Burgundy*/
			#content-content a.nuecAbuttonBurgundy.nuecAbuttonBorder,
			#content-main a.nuecAbuttonBurgundy.nuecAbuttonBorder {
				color: #6a0032;
				border: 2px solid #6a0032;
				background: #fff;
			}
			/*Hover*/
			#content-content a.nuecAbuttonBurgundy.nuecAbuttonBorder:hover,
			#content-main a.nuecAbuttonBurgundy.nuecAbuttonBorder:hover {
					background: #6a0032;
			}
	/*Purple button*/
		#content-content a.nuecAbuttonPurple,
		#content-main a.nuecAbuttonPurple {
			background: #60205c;
		}
		/*Hover*/
		#content-content a.nuecAbuttonPurple:hover,
		#content-main a.nuecAbuttonPurple:hover {
				color: #60205c;
				border: 2px solid #60205c;
				background: #fff;
			}
		/*Border Purple*/
			#content-content a.nuecAbuttonPurple.nuecAbuttonBorder,
			#content-main a.nuecAbuttonPurple.nuecAbuttonBorder {
				color: #60205c;
				border: 2px solid #60205c;
				background: #fff;
			}
			/*Hover*/
			#content-content a.nuecAbuttonPurple.nuecAbuttonBorder:hover,
			#content-main a.nuecAbuttonPurple.nuecAbuttonBorder:hover {
					background: #60205c;
			}
	/*Dark blue button*/
		#content-content a.nuecAbuttonDarkBlue,
		#content-main a.nuecAbuttonDarkBlue {
			background: #1e384b;
		}
		/*Hover*/
		#content-content a.nuecAbuttonDarkBlue:hover,
		#content-main a.nuecAbuttonDarkBlue:hover {
				color: #1e384b;
				border: 2px solid #1e384b;
				background: #fff;
			}
		/*Border DarkBlue*/
			#content-content a.nuecAbuttonDarkBlue.nuecAbuttonBorder,
			#content-main a.nuecAbuttonDarkBlue.nuecAbuttonBorder {
				color: #1e384b;
				border: 2px solid #1e384b;
				background: #fff;
			}
			/*Hover*/
			#content-content a.nuecAbuttonDarkBlue.nuecAbuttonBorder:hover,
			#content-main a.nuecAbuttonDarkBlue.nuecAbuttonBorder:hover {
					background: #1e384b;
			}
	/*Dark orange button*/
		#content-content a.nuecAbuttonDarkOrange,
		#content-main a.nuecAbuttonDarkOrange {
			background: #9E6924;
		}
		/*Hover*/
		#content-content a.nuecAbuttonDarkOrange:hover,
		#content-main a.nuecAbuttonDarkOrange:hover {
				color: #9E6924;
				border: 2px solid #9E6924;
				background: #fff;
			}
		/*Border DarkOrange*/
			#content-content a.nuecAbuttonDarkOrange.nuecAbuttonBorder,
			#content-main a.nuecAbuttonDarkOrange.nuecAbuttonBorder {
				color: #9E6924;
				border: 2px solid #9E6924;
				background: #fff;
			}
			/*Hover*/
			#content-content a.nuecAbuttonDarkOrange.nuecAbuttonBorder:hover,
			#content-main a.nuecAbuttonDarkOrange.nuecAbuttonBorder:hover {
					background: #9E6924;
			}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
															.primaryHeaderReboot
(inappropriate BRs begone)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.primaryHeaderReboot {
		background-color: #000;
		background-image: url('/templates2/images/prim_hdr_triang.jpg');
		background-repeat: no-repeat;
		background-position: 50% 100%;
		color: #fff;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		padding: 1.38rem;
		padding-bottom: 0.38rem;
	}
	.primaryHeaderReboot > p strong {
		font-size: 1.5rem;
		letter-spacing: 0.3rem;
	}
	.primaryHeaderReboot > div {
		text-align: right;
		font-size: 1.62rem;
	}
	.primaryHeaderReboot > div p {
		margin-bottom: 0;
	}
	.primaryHeaderReboot > div img {
		margin-bottom: 0.80rem;
	}
	@media only screen and (max-width: 700px){/* - - - - - - - - - - - - - - -*/
		.primaryHeaderReboot {
			display: inherit;
		}
		.primaryHeaderReboot > p {
			text-align: center;
		}
		.primaryHeaderReboot > div {
			display: flex;
			flex-wrap: nowrap;
			justify-content: space-between;
			align-items: flex-end;
		}
	}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-700px*/
	@media only screen and (max-width: 500px){/* - - - - - - - - - - - - - - -*/
		.primaryHeaderReboot > div {
			display: inherit;
		}
		.primaryHeaderReboot > div img {
			display: none;
		}
	}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-500px*/


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																	.nuecColumns
																		 REPLICA
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	/*Avoid the need to add .theboxsizing*/
		.nuecColumns,
		.nuecColumns *,
		.nuecColumns *:before,
		.nuecColumns *:after {
			box-sizing: border-box;
		}
	/*Columns*/
		.nuecColumns {
			column-count: 2;
			column-width: auto;
			column-gap: 16%;
			column-rule: solid 3px #efefef;
			margin-bottom: 1.62rem;
		}
		.nuecColumns > * {
			break-inside: avoid;
		}
		@media only screen and (max-width: 1000px){/* - - - - - - - - - - - - */
			.nuecColumns {
				column-gap: 8%;
			}
		}/* - - - - - - - - - - - - - - - - - - - - - - - - - - -end-of-1000px*/
		@media only screen and (max-width: 750px){/* - - - - - - - - - - - - -*/
			.nuecColumns {
				column-count: inherit;
				column-width: inherit;
				column-gap: inherit;
				column-rule: inherit;
			}

			.nuecColumns > * {
				break-inside: inherit;
			}
		}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-750px*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																	.nuecColumns
																  Optional rules
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.nuecColumns.nuecColumnsNoLine {
		column-rule: none;
	}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																   .box2019Redux
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.box2019Redux {
		/*
		margin: 10px 25px 30px 0;
		width: auto;
		padding: 10px 15px;
		*/
		padding: 1.38rem;
		border: 1px solid #ABABAB;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																   .greatDetails
																		 REPLICA
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.greatDetails {
		margin-bottom: 1.62em;
		border: 1px solid rgba(0, 0, 0, 0);
	}
	.greatDetails summary {
		cursor: pointer;
		background: #f9f9f9;
		border: 1px solid #d0d0d0;
		border-radius: 0.38rem;
		display: flex;
		gap: 0.62rem;
		flex-wrap: nowrap;
		align-items: center;
		padding: 0.2rem 1.0rem 0.2rem 0.38rem;
		line-height: 1.5;
		white-space: nowrap;
		/*Width of content, not full row*/
			width: min-content;
	}
	.greatDetails summary::before {
		content: "\e147";
		font-family: "Material Icons";
		font-size: 24px;
	}
	/*Hover*/
		.greatDetails summary:hover {
			border: 1px solid #000;
		}
	/*Open*/
		.greatDetails[open] {
			display: block;
			padding: 1.38rem;
			background: #f9f9f9;
			border: 1px solid #f0f0f0;
			border-radius: 0.38rem 0.38rem;
		}
		.greatDetails[open] summary {
			border: 1px solid #dcdcdc;
			border-left: none;
			border-top: none;
			margin-top: calc(-1.38rem + 1px);
			margin-right: -1.38rem;
			margin-bottom: 1.38rem;
			margin-left: calc(-1.38rem + 1px);
			border-radius: 0.38rem 0 0.38rem 0;
			background: #fff;
		}
		.greatDetails[open] summary::before {
			content: "\e15c";
		}
	/*Hover + Open*/
		.greatDetails[open] summary:hover {
			background: #fff;
			margin-top: -1.38rem;
			margin-left: -1.38rem;
			border: 1px solid #000;
		}
	/*Ani*/
		.greatDetails[open] summary~* {
			animation: greatDetailsSweep .38s ease-in-out;
		}
		@keyframes greatDetailsSweep {
			0% { opacity: 0; }
			100% { opacity: 1; }
		}
	/*Content*/
		.greatDetails summary,
		.greatDetails summary > * {
			font-size: 1rem;
			font-weight: normal;
			line-height: 1.38;
			margin: 0;
		}
		.greatDetails > *:last-child {
			margin-bottom: 0;
		}
	/*H# inside summary?*/
		.greatDetails summary > * {
			font-size: 1rem;
			line-height: 1.2;
			margin: 0;
		}
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																   .greatDetails
																		 OPTIONS
																		 REPLICA
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		.greatDetails.greatDetailsLongSummary summary {
			width: inherit;
			white-space: inherit;
			/*Arbitrary but good*/
				max-width: 38rem;
			padding-top: 0.62rem;
			padding-bottom: 0.62rem;
		}
	@media only screen and (max-width: 500px){/* - - - - - - - - - - - - - - -*/
		.greatDetails summary {
			white-space: inherit;
			min-width: 200px;
		}
	}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-500px*/

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																   .greatDetails
																		 OPTIONS
																		 PRIMARY
												(perhaps to be copied back to DS)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		.greatDetails.greatDetailsSlimline summary {
			/*
			width: inherit;
			white-space: inherit;
			max-width: 38rem;
			padding-top: 0.62rem;
			padding-bottom: 0.62rem;
			*/

			/*
			cursor: pointer;
			background: #f9f9f9;
			border: 1px solid #d0d0d0;
			border-radius: 0.38rem;
			display: flex;
			gap: 0.62rem;
			flex-wrap: nowrap;
			align-items: center;
			padding: 0.2rem 1.0rem 0.2rem 0.38rem;
			line-height: 1.5;
			white-space: nowrap;
			width: min-content;
			*/
			padding-top: 0.2rem;
			padding-bottom: 0.2rem;
			padding-top: 0.0rem;
			padding-bottom: 0.0rem;
		}
		.greatDetails.greatDetailsSlimline summary::before {
			/*
			content: "\e147";
			font-family: "Material Icons";
			font-size: 24px;
			*/
			font-size: 19px;
		}
		/*Content*/
			.greatDetails summary,
			.greatDetails summary > * {
				/*
				font-size: 1rem;
				font-weight: normal;
				line-height: 1.38;
				margin: 0;
				*/
				font-size: 0.9rem;
			}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -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: black;
			/* offset-x | offset-y | blur-radius | spread-radius | color */
			box-shadow: 0 -3.8px 6px #aaa; /*w/o bottom styles so dropdown may butt up to main*/
			margin-top: 0.62em;
			font-size: 87.5%;
		}

		#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;
		}

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																    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;
				padding: 0;
			}

		/*Links*/
			#geNav li a {
				display: block;
				text-decoration: none;
				text-align: center;
				padding: 0.62em;
			}

		/*a11y202109091138*/
			#geNav li a:focus {
				outline: 6px solid #00bed6;
			}

		#geNav li.current a,
		#geNav li a:hover {
			background: #595959; /*AAA */
		}

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
															 List #geMainMenuNav
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		#geMainMenuNav li {
			float: left;
			width: 13.28%;
			/*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;
		}

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
														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;
		}

		/*a11y202109091138*/
			#geNav button:focus {
				outline: 6px solid #00bed6;
			}

		#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
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		.clearBefore::before {
			content: "";
			display: table;
			clear: both;
		}

		.clearAfter::after {
			content: "";
			display: table;
			clear: both;
		}

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																   .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;
		}

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																	 .geAntiFouc

	.geAntiFouc | See content tagged a11y202103221208 in content... and header...
	and the full explanation below.

	This NAVs BUTTON-to-reveal approach -- not CSS hover (so CSS alone cannot
	hide usually hidden cotnent) -- coupled with perhaps the number of HTTP
	requests/lack of concatenation, and the hidden portion's highly visible
	black-on-white style, means that at page load this 2ndry nav hidden
	content is occasionally visible for enough mS for FOUC mitigation to be
	warranted. The following techniques hammer away at the problem greatly
	alleviating the FOUC:

	BANG! #1
	The nav in the header file includes these *in-line* styles:
		<nav class="geNavsCommon geAntiFouc"
		id="geSecondaryMenuNav"aria-labelledby="geSecondaryMenuTitle"
		style="position: absolute; top: -999em; left: -999em;">

	BANG! #2
	At the top of the content file we have:
		<script src="/templates2/js/jquery-3.6.0-ec-fouc.min.js"></script>
	This is standard jQ 3.6, but with one line of FOUC code appeneded (so it's
	loaded with one less HTTP request). The jQ is applying CSS to do the same
	as BANG! #1. Belt and braces perhaps, but if some user agents respond
	quicker to the CSS and others to the JS, then we have both covered.

	REVEAL WHEN READY
	With BANG! #1 and BANG! #2 speeding up the hiding, the main CSS annd jQ
	may continue as before, namely, the jQ sets the UL to display none and the
	CSS below undoes the temporary in-line styles.
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		.geAntiFouc {
		    position: relative !important;
		    top: auto !important;
		    left: auto !important;
		}

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																			  IE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		[hidden] {
		  display: none;
		}























	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																		span.wip
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		span.wip::before {
			content: "WIP";
			font-family: monospace;
			background: lightpink;
			color: #000;
			font-weight: normal;
			font-size: 1.0rem;
			font-style: normal;
			margin-right: 0.2rem;
			padding: 0.1rem 0.2rem;
			line-height: 1;
		}

/*changelog
a11y202108161503
fix homepage tiles from misalignment at certain 'tablet' widths

*/




/* temporary style for variations of home page, to be removed before going live */
.navbar {
	overflow: hidden;
	position: fixed;
	top: 170px;
	left:5px;
	width: 160px;
	padding: 2px 0 0 0;
	z-index:1000;
}
.navbar ul{
	list-style-type:none;
}	
.navbar ul li{
	line-height: 2rem;
	align-items: center;
	min-width: 120px;
}
.navbar ul li a{
	
	cursor: pointer;
	
    text-decoration: none;
	text-align: center;
	font-size: 1em;
	font-family: monospace;
	
    padding: 1ch;
    margin-bottom: 5px;	
    width: 80%;
    display: inline-block;
    outline: 1px solid #ddd;
	border-radius: 3px;	

	color: #616161;
	background: #bababa;
	text-shadow: #e0e0e0 1px 1px 0;
	color: #616161;
	background: #FDFDFD;
	
}
.navbar ul li a:hover{
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
	outline: 1px solid #bbb;
	background: #fafcfa;
}	
/* end of temporary style */

/* add-on to temporary style */
	.navbar {
		overflow: inherit;
		position: inherit;
		top: inherit;
		left: inherit;
		width: inherit;
		position: absolute;
		top: -0.62rem;
		top: 1.62rem;
		right: 0.38rem;
		/*
outline: 2px dashed pink;
		*/
	}
	.navbar > ul > li {
		display: none;
	}
	.navbar > ul > li:first-of-type {
		display: inherit;
	}
	.navbar:hover > ul > li {
		display: inherit;
	}
	.navbar > ul > li:first-of-type a {
		position: relative;
		padding-top: 1rem;
	}
	.navbar > ul > li:first-of-type a::before {
		content: "hover to use";
		white-space: nowrap;
		font-size: 0.8rem;
		display: block;
		position: absolute;
		top: -0.38rem;
	}
/* end: add-on to temporary style */