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


/* Elements */

#content-main {
/*	background: #f9f3fe;*/
	background: #fdfdfd;
}


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



#content-main a, .footerul a, .vis19 a{
	color: #242e37;
	line-height: inherit;
	text-decoration: none;
	/*border-bottom: 2px dotted #8B2942;*/
	border-bottom: 1px solid #3e096e;
}

#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.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, ul, ol, li, 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;
}

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

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

.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;

}

.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: 75em;
}

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

.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;

}

.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: 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: -15px;
}
ul.homeprom2 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.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;
	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;
}

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

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

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 {
	/*background: #ecffff url('../img/home/adsicon.png') top left no-repeat;*/
	opacity: 0.8;
}

.standalone h3 {
	font-size: 1.5em;
}
.breadc {
	margin: 0 auto;
	/*background-color: #e7e7e7;
	border-bottom: 1px solid #a8a8a8;*/
	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;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   width: 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;*/

}


.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/accessibilitytop2.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	float: right;

}

.registrationtop {
	background: url(../img/registrationtop.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/accessibilitytop3.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: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;
	 /*color: white;
	 font-weight: 600;*/
}
#content-main ul.spreadbutton li {
	display: inline;
	float: left;
}

#content-main ul.spreadbutton li a {
	width: 160px;
	height: 70px;
	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: 7px;
}

#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: 10px 10px 10px 25px;
}

.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: 20px 10px 0 15px;
	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 .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;
}

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

.largefont {
	font-size: 1.2em;
}


/* ==========================================================================
   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: 800px;
				}


		/* 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: 1080px){/* - - - - - - - - - - - - - - -*/
				/*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: 480px){/* - - - - - - - - - - - - - - -*/
					ul.homeprom2 {
						display: inherit;
						justify-content: inherit;
					}
					ul.homeprom2 li.homeprom.box100saf.bighome5,
					ul.homeprom2 li.homeprom.box207.bighome5,
					ul.homeprom2 li.homeprom.box100saf.bighome5 a,
					ul.homeprom2 li.homeprom.box207.bighome5 a,
					ul.homeprom2 li,
					ul.homeprom2 li a {
						margin-left: auto;
						margin-right: auto;
						float: none;
						width: 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;
	}




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



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

*/