@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("../images/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: 600px;
	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 {
	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;

}

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 url('footerbot.jpg') top center no-repeat;*/
	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;
	}

	.eDatePart2 sup,
	.eDatePart2 .supLike {
		text-transform: lowercase;
	}





.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: 425px 0 0 15px;
	border: 1px solid #fffff;
	background: #dedede url(../img/home/feature10z.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 {

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

}

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

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

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





/* 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 {
	opacity: 0.7;
}

ul.home44 li a.empbig {
	background: #eeeeee  url('../img/home/empbig.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;
	display: block;
	text-decoration: none;
	color: #292929;
	line-height: 1em;
	border: 1px solid #d6d6d6;
	min-height: 210px;
	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 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.homeprom6 li a {
	padding:  40px;
	width: 535px;
	display: block;
	text-decoration: none;
	color: #292929;
	line-height: 1.1em;
	border: 1px solid #d6d6d6;
	background: #eaeaea;
	min-height: 100px;
	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;
}


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

.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.homeprom2 li a:hover, 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, .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 {
	opacity: 0.8;
}

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

.box6c {
	/*background: #fce200  url('../img/home/box6c.jpg') top center no-repeat;*/
	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;
}



.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;
	float: left;
}
ul.listvisb {
	margin-left: 30px;
	float:left;
}

ul.listvisbf {
	margin-left: 100px;

}

ul.listvis li {
	font-size: 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;
}

.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 {
	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: 22%;
   float: left;
   padding: 10px 15px 10px 15px;
   min-height: 350px;

}

.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(../images/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.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 {
	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 {
    border: 1px solid black;
    padding: 10px;
    margin-bottom: 15px;
    background-color: yellowgreen;
    border-color: gray;
    font-weight: bold;
    color: black;
    width: auto;

}

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


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																   .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;*/
			background: #005e63;
			/* 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%;*/
			font-size: 1.3em;
			font-weight: 300;
		}

		#geNav,
		#geNav h2, /*In case it's displayed by someones CSS, make sure it shows up on black*/
		#geNav a {
			color: #fff;
		}

		/*75em is not quite right in this use case*/
		#geNav .row {
			/*max-width: 83.75em;*/
			max-width: 1200px;
		}

		#geNavbot {
			background: #64002b;
			color: white;
			}

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																    button reset
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		#geNav button {
			-webkit-appearance: inherit;
			background-color: inherit;
			border: inherit;
			border: inherit;
			color: inherit;
			display: inherit;
			margin: 0;
			padding: 0;
			transition: inherit;
		}

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																	 List basics
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		/*Reset*/
			#geNav ul,
			#geNav li {
				list-style: none;
				margin: 0;
				padding: 0;
			}

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

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

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
															 List #geMainMenuNav
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		#geMainMenuNav li {
			float: left;
			/*width: 13.28%;*/
			width: 25%;
			line-height: 1.2em;
			/*6 navs and 1 button: 7/100=14.28%. Steal 1% from each of the 6 links and
			these are 13.28% with 6% spare to add to button defined near this label:
			AlsoSee202103110943*/
		}

		#geMainMenuNav li a {
			border-right: 1px solid #fff;
		}

		#geMainMenuNav li a.first {
			border-left: 1px solid #fff;
		}

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
														List #geSecondaryMenuNav
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		/*Close of bg coloured DIV about to appear, clear the floats so it
		doesn't pop up*/
/*			#geSecondaryMenuNav ul:after {
				content: "";
				display: table;
				clear: both;
			}*/

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																    button style
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		#geNav button {
			padding: 0.38em 1.62em 0.38em 0.62em;
		}

		#geNav button:hover {
			background: #595959;
			color: #fff;
		}

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
													  #geSecondaryMenuNav button
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		#geSecondaryMenuNav button {
			margin: 0.62em 0 0.2em 0.62em;
		}

		#buttonWrapper {
			width: 20.28%; /*20.28%? See AlsoSee202103110943*/
		}

		#geSecondaryMenuNav {
			float: left;
		}

		.buttonText {
			white-space: nowrap;
		}

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																	  JS / No JS
	.geNoJs
	.geYesJs
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

		/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																		   No JS
		Fallback styles for when there is no JS.
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
			/*A safe if perhaps slightly baggy default*/
			.geYesJs #geMainMenuNav li a {
				min-height: 6em;
			}

			#geSecondaryMenuNav h2 {
				font-size: 100%;
				margin: 0.62em 0 0.2em 0.62em;
				float: left;
			}

			/*No JS, loose both buttons*/
			.geNoJs .geNavsCommon button {
				display: none !important;
			}

			/*Re-imagine the 2ndry nav... for a no JS world*/
				.geNoJs #geMainMenuNav:after {
					content: "";
					display: table;
					clear: both;
				}

				.geNoJs #geSecondaryMenuNav {
					float: none;
				}

				.geNoJs #geSecondaryMenuNav ul {
					position: relative;
					top: auto;
					border-top: 1px solid #fff;
				}

				.geNoJs #geSecondaryMenuNav ul li {
					float: left;
				}

				.geNoJs #geSecondaryMenuNav h2 {
					font-weight: bold;
					padding-top: 0.2em;
					margin-right: 1.62em;
				}

				.geNoJs #geSecondaryMenuNav h2 .abGoBlock {
					display: inline;
				}

				.geNoJs #geSecondaryMenuNav h2 .abGoBlock:after {
					content: ":";
				}

				.geNoJs #geSecondaryMenuNav li a {
					border-left: 1px solid #999;
				}

				.geNoJs #geSecondaryMenuNav li:nth-of-type(1) a {
					border-left: none;
				}

		/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																		  Yes JS
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
			/*JS so override the basic setting and allow this to be nicely tuned*/
			.geYesJs #geMainMenuNav li a {
				min-height: auto;
			}

			/*JS so hide the secondary nav, it will be shown with the button*/
			.geYesJs #geSecondaryMenuNav ul {
				display: none;
				min-width: 10em;
			}

			/*JS so lose the FIRST button as it's UL is open (it's the main nav : )*/
			.geYesJs #geMainMenuNav button {
				display: none !important;
			}

			.geYesJs #geSecondaryMenuNav ul li a {
				border-bottom: 1px solid #999;
			}

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
														  Open / Close (desktop)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		/*Both JS and No JS*/
			#geSecondaryMenuNav {
				position: relative;
			}

			/*Clear (get this container to stretch down and contain all the nav instead
			/*of being a thin strip at the top, so the abs posn may be better*/
			#geSecondaryMenuNav:after {
				content: "";
				display: table;
				clear: both;
			}

			#geSecondaryMenuNav ul {
				position: absolute;
				/*right: 1.0em;*/
				top: 6em; /*jQ progressively enhances this for more accuracy, if jS is running*/
				background: #000;
				z-index: 10;
				border-right: 1px solid #fff;
			}

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																	Helper rules
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																   .geVisualHide
	Hide only visually, but have it available for screen readers:
	https://snook.ca/archives/html_and_css/hiding-content-for-accessibility

	1. For long content, line feeds are not interpreted as spaces and small
	   width causes content to wrap 1 word per line:
	https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		.geVisualHide,
		.geYesJs .jsGeVisualHide {
		    border: 0;
		    clip: rect(0 0 0 0);
		    height: 1px;
		    margin: -1px;
		    overflow: hidden;
		    padding: 0;
		    position: absolute;
		    width: 1px;
		    white-space: nowrap; /* 1 */
		}

		/*
		 * Extends the .geVisualHide class to allow the element
		 * to be focusable when navigated to via the keyboard:
		 * https://www.drupal.org/node/897638
		 */

		.geVisualHide.focusable:active,
		.geVisualHide.focusable:focus,
		.geYesJs .jsGeVisualHide.focusable:active,
		.geYesJs .jsGeVisualHide.focusable:focus {
		    clip: auto;
		    height: auto;
		    margin: 0;
		    overflow: visible;
		    position: static;
		    width: auto;
		    white-space: inherit;
		    color: white;
		    background-color: #8b2942;
		    padding: 0.38em;
		}

		.geBreakWord {
			word-break: break-word;
		}

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																	 .geAntiFouc
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		.geAntiFouc {
		    position: relative !important;
		    top: auto !important;
		    left: auto !important;
		}

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

.boxright {
	width: 50%;
	float: left;
	margin-right: 5%;

}

.boxpromo {
	min-height: 400px;
	padding: 0;
	border: 1px solid #6a0032;
   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: 35%;
   float: right;
   background: url('/abo/int/vis/images/back.png') bottom right no-repeat;
}
.boxpromo p {
	margin: 10px;
}
.boxpromo h2 {
	background: #6a0032;
	margin: 0;
	padding: 10px;
	font-weight: 600;
	min-height: 70px;
	color: white;
	text-align: center;
}

.boxpromo ul {
	margin: 10px 10px 10px 20px;
}

.boxpromo ul li {
	margin-left: 20px;
}

img.imgceo {
	float: right;
	margin: 0 0 20px 20px;
}

#content-main a.homepromo {
	/*border: 1px solid black;*/
	border-bottom: none;
	background: #0bbbd3 url('/am/visitors/images/homepromo.png') top left no-repeat;
	min-height: 100px;
	max-width: 760px;
	display: block;
	padding: 35px 10px 10px 180px;
	font-size: 1.5em;
	/*color: white;*/
	box-shadow: 5px 5px 5px #a8a8a8;
}

#content-main a.homepromo2 {
	/*border: 1px solid black;*/
	border-bottom: none;

	/*background: #aa7f2d url('/am/visitors/images/homepromo2.png') top left no-repeat;*/
	background: #dedede url('/am/visitors/images/homepromo2.png') top left no-repeat;
	min-height: 100px;
	max-width: 700px;
	display: block;
	padding: 30px 10px 10px 150px;
	font-size: 1.5em;
	/*color: white;*/
	box-shadow: 5px 5px 5px #a8a8a8;
	border-radius: 5px;
}

#content-main a.homepromo:hover, #content-main a.homepromo2:hover {
opacity: 0.7;
}

/*.boxnav {
	float: right;
	width: 200px;
	margin: -80px 10px 10px 20px;

}
*/
/*ul.visnav li {
	list-style-type: none;

}

#content-main ul.visnav li a {
	text-align: center;
    padding: 80px 5px 10px 5px;
    width: 200px;
    display: block;
    text-decoration: none;
    color: white;
    line-height: 1.1em;
    border: 1px solid #d6d6d6;
    min-height: 100px;
    float: left;
    font-size: 1em;
	margin-bottom: 10px;
}
*/

/*#content-main a.institutional  {
	background: #6a0032 url('/am/visitors/images/institutional.png') top center no-repeat;
	color: white;
}

#content-main a.monitoring  {
	background: #6a0032 url('/am/visitors/images/monitoring.png') top center no-repeat;
	color: white;
}

#content-main a.protecting  {
	background: #6a0032 url('/am/visitors/images/protecting.png') top center no-repeat;
	color: white;
}

#content-main a.structure  {
	background: #6a0032 url('/am/visitors/images/structure.png') top center no-repeat;
	color: white;
}

#content-main a.framework  {
	background: #aa7f2d url('/am/visitors/images/institutional.png') top center no-repeat;
	color: white;
}

#content-main a.regulatory  {
	background: #aa7f2d url('/am/visitors/images/regulatory.png') top center no-repeat;
	color: white;
}

#content-main a.workers  {
	background: #aa7f2d url('/am/visitors/images/workers.png') top center no-repeat;
	color: white;
}

#content-main a.alternative  {
	background: #aa7f2d url('/am/visitors/images/alternative.png') top center no-repeat;
	color: white;
}

#content-main a.candvis  {
	background: #8a961e url('/am/visitors/images/institutional.png') top center no-repeat;
	color: white;
}

#content-main a.pcandidates  {
	background: #8a961e url('/am/visitors/images/pcandidates.png') top center no-repeat;
	color: white;
}*/


/*@media screen and (max-width: 660px) {
	.boxpromo, .boxright {
		float: none;
		width: 100%;
	}

	.boxnav {
		float: none;
		width: 100%;
		margin: 20px;
	}

/*#content-main ul.visnav li a {
	min-height: 130px;
	margin-right: 20px;
	}
	.clearmobile {
		clear: both;
		display: block;
	}
}*/


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      .__       .__  __
___  _|__| _____|__|/  |_  ___________  ______
\  \/ /  |/  ___/  \   __\/  _ \_  __ \/  ___/
 \   /|  |\___ \|  ||  | (  <_> )  | \/\___ \
  \_/ |__/____  >__||__|  \____/|__|  /____  >
              \/                           \/
								      .__       .__  __
								___  _|__| _____|__|/  |_  ___________  ______
								\  \/ /  |/  ___/  \   __\/  _ \_  __ \/  ___/
								 \   /|  |\___ \|  ||  | (  <_> )  | \/\___ \
								  \_/ |__/____  >__||__|  \____/|__|  /____  >
								              \/                           \/
      .__       .__  __
___  _|__| _____|__|/  |_  ___________  ______
\  \/ /  |/  ___/  \   __\/  _ \_  __ \/  ___/
 \   /|  |\___ \|  ||  | (  <_> )  | \/\___ \
  \_/ |__/____  >__||__|  \____/|__|  /____  >
              \/                           \/
								      .__       .__  __
								___  _|__| _____|__|/  |_  ___________  ______
								\  \/ /  |/  ___/  \   __\/  _ \_  __ \/  ___/
								 \   /|  |\___ \|  ||  | (  <_> )  | \/\___ \
								  \_/ |__/____  >__||__|  \____/|__|  /____  >
								              \/                           \/
      .__       .__  __
___  _|__| _____|__|/  |_  ___________  ______
\  \/ /  |/  ___/  \   __\/  _ \_  __ \/  ___/
 \   /|  |\___ \|  ||  | (  <_> )  | \/\___ \
  \_/ |__/____  >__||__|  \____/|__|  /____  >
              \/                           \/
								      .__       .__  __
								___  _|__| _____|__|/  |_  ___________  ______
								\  \/ /  |/  ___/  \   __\/  _ \_  __ \/  ___/
								 \   /|  |\___ \|  ||  | (  <_> )  | \/\___ \
								  \_/ |__/____  >__||__|  \____/|__|  /____  >
								              \/                           \/
      .__       .__  __
___  _|__| _____|__|/  |_  ___________  ______
\  \/ /  |/  ___/  \   __\/  _ \_  __ \/  ___/
 \   /|  |\___ \|  ||  | (  <_> )  | \/\___ \
  \_/ |__/____  >__||__|  \____/|__|  /____  >
              \/                           \/
								      .__       .__  __
								___  _|__| _____|__|/  |_  ___________  ______
								\  \/ /  |/  ___/  \   __\/  _ \_  __ \/  ___/
								 \   /|  |\___ \|  ||  | (  <_> )  | \/\___ \
								  \_/ |__/____  >__||__|  \____/|__|  /____  >
								              \/                           \/
      .__       .__  __
___  _|__| _____|__|/  |_  ___________  ______
\  \/ /  |/  ___/  \   __\/  _ \_  __ \/  ___/
 \   /|  |\___ \|  ||  | (  <_> )  | \/\___ \
  \_/ |__/____  >__||__|  \____/|__|  /____  >
              \/                           \/
								      .__       .__  __
								___  _|__| _____|__|/  |_  ___________  ______
								\  \/ /  |/  ___/  \   __\/  _ \_  __ \/  ___/
								 \   /|  |\___ \|  ||  | (  <_> )  | \/\___ \
								  \_/ |__/____  >__||__|  \____/|__|  /____  >
								              \/                           \/

All rules namespaced:													   .visP
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																		#navlist
																 AKA Quick links
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.visP .headerthree #navlist li {
		padding: 0;
		margin: 0;
		border: none;
	}

	.visP .headerthree #navlist li {
		margin: 0;
		border: none;
		padding: 0;
	}

	.visP .headerthree #navlist li a {
		padding: 0.38em 1.0em 0.38em 0.62em;
		display: inline-block;
		border-right: 1px solid #222;
	}

	.visP .headerthree #navlist li:last-of-type a {
		border-right: none;
		padding-right: 0;
	}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																	   #navbread
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.visP #navbread,
	.visP #navbread li {
		margin: 0 !important;
		padding: 0 !important;
	}

	.visP #navbread {
		padding-left: 0.85em !important;
		font-size: 120%;
	}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
													  Active page identification
																	- navigation
																	- breadcrumb
Navs are mostly styled elsewhere, here we show the active item.

																				This is REALLY mostly breadcrumb, re do comments
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.visP .breadwrap {
		width: 100%;
		background: #fafafa;
	}

	.visP #navbread {
		max-width: 62.5em;
		margin-left: auto !important;
		margin-right: auto !important;
		line-height: 1;
	}

	.visP.visPageHome #navbread {
		padding-top: 0.270em !important;
		padding-bottom: 0.400em !important;
	}

	.visP #navbread li a {
		/*Defines the height of the breadcrumb bg.*/
			padding: 0.62em 0;
		text-decoration: none;
		display: inline-block;
	}

	.visP #navbread li a span {
		border-bottom: 1px solid #aaa;
	}

	.visP #navbread li a:hover {
		background: #ddd;
	}

	.visP #navbread li {
		position: relative;
		padding-right: 0.38em !important;
		padding-left: 0.38em !important;
	}

	.visP #navbread li:first-child {
		padding-left: 0 !important;
	}

	.visP #navbread li + li {
		margin-left: 1.2em !important;
	}

	.visP #navbread li::after {
		font-family: "Material Icons";
		content: "\e5cc"; /*chevron_right*/
		font-size: 162%;
		font-weight: normal;
		position: absolute;
		bottom: -0.21em;
	}

	/*Defines the height of the breadcrumb bg.*/
	.visP #navbread li {
		padding: 0.62em 0;
	}

	/*Tuning (todo integrate in other rules)*/
	.visP #navbread {
		padding-bottom: 0.62em !important;
		padding-top: 0.62em !important;
	}

	#breadcrumbs {
		border-bottom: 1px solid rgba(170, 201, 203, 0.2);
	}

	.pageHome.visP #navbread li::after {
		bottom: -0.182em;
	}

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																	  Navigation
																  #geMainMenuNav
	Adjusts for Visitors
	- hmm AlsoSee202103110943
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		.visP #geMainMenuNav ul {
			display: flex;
		}

		.visP #geMainMenuNav ul li {
			width: inherit;
		}

		.visP #geNav {
			font-size: 1.1em;
		}

		/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																		Links adjust
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
			#geNav li a {
				padding-left: 1.62em;
				padding-right: 1.62em;
			}

			#geNav li:nth-of-type(1) a {
				/*padding-left: 0;*/
			}

			#geNav li:last-of-type a {
				border-right: none;
			}

		/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
															  Active page identification
		TBA							a.institutional ../images/institutional.png
		TBA							a.structure ../images/structure.png
		TBA							a.framework ../images/institutional.png
		TBA							a.regulatory ../images/regulatory.png
		TBA							a.alternative ../images/alternative.png
		TBA							a.candvis ../images/institutional.png
		Protecting candidates		a.pcandidates ../images/pcandidates.png
		Protecting election workers	a.workers ../images/workers.png
		Protecting Canadians		a.protecting ../images/protecting.png
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
			/*Primary nav buttons
				  Home*/				.visP.pageHome			#geMainMenuNav li:nth-of-type(1) a { background: rgba(0, 62, 66, 1.0); }
				/*Overview*/			.visP.pageOver			#geMainMenuNav li:nth-of-type(2) a { background: rgba(0, 62, 66, 1.0); }
				/* |.__>Inst Struc*/	.visP.pageStruc			#geMainMenuNav li:nth-of-type(2) a { background: rgba(0, 62, 66, 1.0); }
				/* |.__>Ovrvu Vot Proc*/.visP.pageOvervuVotProc	#geMainMenuNav li:nth-of-type(2) a { background: rgba(0, 62, 66, 1.0); }
				/*Planing*/				.visP.pagePlan			#geMainMenuNav li:nth-of-type(3) a { background: rgba(0, 62, 66, 1.0); }
				/* |.__>Monitoring*/	.visP.pageMon			#geMainMenuNav li:nth-of-type(3) a { background: rgba(0, 62, 66, 1.0); }
				/* |.__>Legal frame*/	.visP.pageLegal			#geMainMenuNav li:nth-of-type(3) a { background: rgba(0, 62, 66, 1.0); }
				/*Health*/				.visP.pageHealth		#geMainMenuNav li:nth-of-type(4) a { background: rgba(0, 62, 66, 1.0); }
				/* |.__>Prot Candads*/	.visP.pageProtCana		#geMainMenuNav li:nth-of-type(4) a { background: rgba(0, 62, 66, 1.0); }
				/* |.__>Prot Ele Wrks*/	.visP.pageProtele		#geMainMenuNav li:nth-of-type(4) a { background: rgba(0, 62, 66, 1.0); }
				/* |.__>Prot Candids*/	.visP.pageProCandidates	#geMainMenuNav li:nth-of-type(4) a { background: rgba(0, 62, 66, 1.0); }
				/*Adapt*/				.visP.pageAdapt			#geMainMenuNav li:nth-of-type(5) a { background: rgba(0, 62, 66, 1.0); }

			/*Secondary nav buttons
				Monitoring | monitoring.png*/
					.visP.pageMon .visnav .monitoring {background: #ccc url('../images/monitoring.png') no-repeat 50% 0 !important; box-shadow: none; position: relative; color: #000 !important; text-align: center; padding: 80px 0.62em 0.38em 0.62em; display: block; width: 100%; line-height: 1.2em !important; border: 1px solid #d6d6d6; min-height: 100px; font-size: 1em; margin-bottom: 10px;}
					.visP.pageMon .visnav .monitoring::before {border: 3px solid rgba(0, 94, 99, 1.0); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
				/*Legal frame | regulatory.png*/
					.visP.pageLegal .visnav .regulatory {background: #ccc url('../images/regulatory.png') no-repeat 50% 0 !important; box-shadow: none; position: relative; color: #000 !important; text-align: center; padding: 80px 0.62em 0.38em 0.62em; display: block; width: 100%; line-height: 1.2em !important; border: 1px solid #d6d6d6; min-height: 100px; font-size: 1em; margin-bottom: 10px;}
					.visP.pageLegal .visnav .regulatory::before {border: 3px solid rgba(0, 94, 99, 1.0); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
				/*Protecting candidates | pcandidates.png*/
					.visP.pageProCandidates .visnav .pcandidates {background: #ccc url('../images/pcandidates.png') no-repeat 50% 0 !important; box-shadow: none; position: relative; color: #000 !important; text-align: center; padding: 80px 0.62em 0.38em 0.62em; display: block; width: 100%; line-height: 1.2em !important; border: 1px solid #d6d6d6; min-height: 100px; font-size: 1em; margin-bottom: 10px;}
					.visP.pageProCandidates .visnav .pcandidates::before {border: 3px solid rgba(0, 94, 99, 1.0); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
				/*Protecting elec workers | workers.png*/
					.visP.pageProtele .visnav .workers {background: #ccc url('../images/workers.png') no-repeat 50% 0 !important; box-shadow: none; position: relative; color: #000 !important; text-align: center; padding: 80px 0.62em 0.38em 0.62em; display: block; width: 100%; line-height: 1.2em !important; border: 1px solid #d6d6d6; min-height: 100px; font-size: 1em; margin-bottom: 10px;}
					.visP.pageProtele .visnav .workers::before {border: 3px solid rgba(0, 94, 99, 1.0); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
				/*Protecting canadians | protecting.png*/
					.visP.pageProtCana .visnav .protecting {background: #ccc url('../images/protecting.png') no-repeat 50% 0 !important; box-shadow: none; position: relative; color: #000 !important; text-align: center; padding: 80px 0.62em 0.38em 0.62em; display: block; width: 100%; line-height: 1.2em !important; border: 1px solid #d6d6d6; min-height: 100px; font-size: 1em; margin-bottom: 10px;}
					.visP.pageProtCana .visnav .protecting::before {border: 3px solid rgba(0, 94, 99, 1.0); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
				/*Inst Struc | structure.png*/
					.visP.pageStruc .visnav .structure {background: #ccc url('../images/structure.png') no-repeat 50% 0 !important; box-shadow: none; position: relative; color: #000 !important; text-align: center; padding: 80px 0.62em 0.38em 0.62em; display: block; width: 100%; line-height: 1.2em !important; border: 1px solid #d6d6d6; min-height: 100px; font-size: 1em; margin-bottom: 10px;}
					.visP.pageStruc .visnav .structure::before {border: 3px solid rgba(0, 94, 99, 1.0); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
				/*Ovrvu Vot Proc | overview voting-process.png*/
					.visP.pageOvervuVotProc .visnav .votproc {background: #ccc url('../images/overview voting-process.png') no-repeat 50% 0 !important; box-shadow: none; position: relative; color: #000 !important; text-align: center; padding: 80px 0.62em 0.38em 0.62em; display: block; width: 100%; line-height: 1.2em !important; border: 1px solid #d6d6d6; min-height: 100px; font-size: 1em; margin-bottom: 10px;}
					.visP.pageOvervuVotProc .visnav .votproc::before {border: 3px solid rgba(0, 94, 99, 1.0); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}

				/*Also see a11y202109131738*/







	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																	  .headertwo
																	 .eDatePart1
																	 .eDatePart2
	Some of the title DIV at top
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		.headertwo {
			font-size: 85%;
		}

		@media only screen and (max-width: 930px){/* - - - - - - - - - - - - -*/
            .eDatePart1 {
                line-height: 1.5;
				text-align: center;
            }

            .eDatePart2 {
                border-left: none;
                padding-left: 0;
                margin-left: 0;
                display: block;
            }
		}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-930px*/

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																	.headerthree
	Some of the title DIV at top
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		.headerthree {
			margin-right: 0.62em;
		}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																		Side nav
														   nav.boxnav, ul.visnav
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.boxnav {
		float: right;
		width: 200px;
		margin: 0 10px 10px 20px;
	}

	#content-main .visnav li {
		list-style-type: none;
		margin-bottom: 0.62em;
	}

	.visnav li a {
		text-align: center;
		padding: 80px 0.62em 0.38em 0.62em;
		display: block;
		width: 100%;
		text-decoration: none;
		line-height: 1.2em !important;
		border: 1px solid #d6d6d6 !important;
		min-height: 100px;
		font-size: 1em;
		margin-bottom: 10px;
		box-shadow: 5px 5px 5px #aaa;
		color: #fff !important;
	}

	#content-main .visnav li a:hover {
		box-shadow: none;
	}

	/*Also see a11y202109131738*/

	#content-main .visnav a.institutional	{ background-color: #6a0032;}
	#content-main .visnav a.monitoring		{ background-color: #6a0032;}
	#content-main .visnav a.protecting		{ background-color: #6a0032;}
	#content-main .visnav a.structure		{ background-color: #6a0032;}
	#content-main .visnav a.framework		{ background-color: #aa7f2d;}
	#content-main .visnav a.regulatory		{ background-color: #aa7f2d;}
	#content-main .visnav a.workers			{ background-color: #aa7f2d;}
	#content-main .visnav a.alternative		{ background-color: #aa7f2d;}
	#content-main .visnav a.candvis			{ background-color: #8a961e;}
	#content-main .visnav a.pcandidates		{ background-color: #8a961e;}
	#content-main .visnav a.votproc			{ background-color: #8a961e;}

	#content-main .visnav a.institutional	{ background-image: url('../images/institutional.png');	}
	#content-main .visnav a.monitoring		{ background-image: url('../images/monitoring.png');	}
	#content-main .visnav a.protecting		{ background-image: url('../images/protecting.png');	}
	#content-main .visnav a.structure		{ background-image: url('../images/structure.png');		}
	#content-main .visnav a.framework		{ background-image: url('../images/institutional.png');	}
	#content-main .visnav a.regulatory		{ background-image: url('../images/regulatory.png');	}
	#content-main .visnav a.workers			{ background-image: url('../images/workers.png');		}
	#content-main .visnav a.alternative		{ background-image: url('../images/alternative.png');	}
	#content-main .visnav a.candvis			{ background-image: url('../images/institutional.png');	}
	#content-main .visnav a.pcandidates		{ background-image: url('../images/pcandidates.png');	}
	#content-main .visnav a.votproc			{ background-image: url('../images/overview voting-process.png');	}

	#content-main .visnav a	{ background-repeat: no-repeat; background-position: 50% 0; }

	@media only screen and (max-width: 760px){/* - - - - - - - - - - - - - - -*/
		.boxnav {
			float: none;
			width: 100%;
			margin: 0;
		}
		.visnav {
			display: flex;
			justify-content: space-around;
			margin: 1.62em 0;
		}
		.visnav li {
			float: left;
			margin: 0 0.38em;
			flex-grow: 1;
		}
		.visnav a {
			display: block;
		}
	}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-760px*/
	@media only screen and (max-width: 550px){/* - - - - - - - - - - - - - - -*/
		.visnav {
			display: inherit;
			justify-content: inherit;
		}
		#content-main .visnav a {
			background-image: none !important;
			min-height: inherit;
			padding: 1.2em;
			text-align: left;
		}
		#content-main .visnav li {
			float: none;
		}
		#content-main .visnav li span {
			min-height: inherit;
			text-align: left;
			background-image: none !important;
		}
		/*Courtest jQ, a little progressive enhancement for the gaps between
		  an LI with an A and one w/o*/
			#content-main .visnav li.noA span {
				padding: 1.2em;
			}
	}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-550px*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
															  Content images
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	main img {
		max-width: 100%;
	}

	.visRight,
	.visLeft {
		max-width: 38%;
	}

	.visMiddle {
		max-width: 62%;
	}

	.visLeft,
	.visMiddle,
	.visRight {
		margin-bottom: 0.62em;
		outline: 1px solid #eee;
		padding: 3px;
		background: #fff;
	}

	.visLeft {
		float: left;
		margin-right: 1.62em;
	}

	.visRight {
		float: right;
		margin-left: 1.62em;
	}

	.visMiddle {
		margin: 0 auto 1.62em auto;
		display: block;
	}










	@media only screen and (max-width: 550px){/* - - - - - - - - - - - - - - -*/
		.visLeft,
		.visMiddle,
		.visRight {
			float: none;
			display: block;
			margin-left: auto;
			margin-right: auto;
			width: 85%;
			max-width: 85%;
		}
		.deEmp {
			width: 62%;
			max-width: 62%;
		}
	}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-550px*/



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																 #content-main a
Content links
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	#content-main a,
	.footerul a,
	.vis19 a {
		border-bottom: 3px solid rgba(0, 94, 99, 0.2);
		background-color: rgba(0, 94, 99, 0.062);
		/*
		color: #242e37;
		line-height: inherit;
		text-decoration: none;
		border-bottom: 1px solid #3e096e;
		*/
	}

	.breadc a {
		color: #242e37;
	}

	.ui-link {
		background-color: rgba(0, 94, 99, 0.062) !important;
	}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
													  Buttons within content
																 a.visButton
																   a.visIcon
														   a.visButtonHealth
A reusable gem <3
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.visButton {
		background: #e1e1e1 !important;
		display: inline-block;
		border-bottom: none !important;
		box-shadow: 0.3em 0.3em 0.3em #bbb;
		max-width: 20em;
		border-radius: 0.38em;
		font-size: 120%;
		line-height: 1.38 !important;
		padding: 0.62em;

		display: flex;
		align-items: center; /*Text aligned vert centre w/ icon*/
		text-align: center; /*The default for a button a11y202108310837*/
	}

	.visButton.visButtonEres {
		background: #fff !important;
		box-shadow: 0.3em 0.3em 0.3em #bbb,
					-0.2em -0.2em 0.9em #ddd;
	}

	.visButton.visButtonEres:hover {
		box-shadow: 0.2em 0.2em 0.2em #aaa,
					-0.2em -0.2em 0.9em #ccc !important;
	}

	.visButton span {
		display: block;
		flex: 1; /*Make text shrink if needed, read up*/
	}

	.visButtonHealth span,
	.visButtonEres span {
		text-align: left; /*Override as an icon is present a11y202108310837*/
	}

	.visButton.visButtonHealth::before,
	.visButton.visButtonEres::before {
		content: "";
		display: block;
		width: 89px;
		height: 89px;
		background: url('../images/homepromo2a.png') no-repeat 50% 50%;
		margin-right: 0.62em;
	}

	:lang(en) .visButton.visButtonEres::before {
		content: "";
		background: url('../images/eres-btn-e.jpg') no-repeat 50% 50%;
	}

	:lang(fr) .visButton.visButtonEres::before {
		content: "";
		background: url('../images/eres-btn-f.jpg') no-repeat 50% 50%;
	}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
															  Typography adjusts
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	#content-main h4 {
		font-size: 120%;
		color: rgb(34, 34, 34);
		font-weight: 300;
	}

	.serverno a {
		color: #fff;
		text-decoration: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
		padding-bottom: 0.2em;
	}

	.serverno a:hover {
		border-bottom: 1px solid rgba(255, 255, 255, 1);
	}

	.listBilly {
		list-style: none;
		margin: 0;
	}

	.listBilly li {
		margin-bottom: 1.38em;
	}

	.listBilly li:nth-of-type(2) {
		margin-left: -0.42em;
	}

	.listBilly strong {
		font-size: 138%;
		font-weight: normal;
	}

	a[href^="tel:"]:before {
		content: "\260e";
		margin-right: 0.5em;
	}

	.pageHome .breadc li span {
		display: inline-block;
		line-height: 2.29em;
	}

	#content-main li {
		margin-bottom: 0.38em;
	}

	.spanUp p span {
		text-transform: uppercase;
	}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
													  Responsiveize #breadcrumbs
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	#navbread {
		padding-right: 1.0em !important;
	}

	#breadcrumbs li {
		white-space: nowrap;
	}















/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																		  Footer
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	footer .statement::before {
		content: "";
		display: table;
		clear: both;
	}

	footer .alignCenter {
		margin: 1.62em;
	}

	@media only screen and (max-width: 625px){/* - - - - - - - - - - - - - - -*/
		.one,
		.two,
		.three,
		.four,
		.five,
		.six,
		.seven,
		.eight,
		.nine,
		.ten,
		.eleven,
		.twelve {
			width: 100%;
		}
	}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-625px*/


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																	   .govStruc
																	   #govStruc
Infographic: governance structure
UL
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	/*Genral*/
		.govStruc {
			margin: 0;
			margin-bottom: 3.24em;
		}

		.govStruc li {
			list-style: none;
		}

	/*Bg look*/
		.govStruc > li > span > span,
		.govStruc > li > ul > li span {
			background: rgba(211, 227, 228, 1.0);
			display: inline-block;
			border-radius: 0.38em;
			padding: 0.62em;
			margin-bottom: 0.62em;
			text-align: center;
			min-height: 4.5em;
		}

	/*CEO*/
		.govStruc > li:nth-of-type(1) > span {
			margin-left: auto;
			margin-right: auto;
			display: block;
			text-align: center;
		}

		.govStruc > li:nth-of-type(1) > span > span {
			display: inline;
		}

	/*Row gaps*/
		/*CEO to first set of items*/
		.govStruc > li:nth-of-type(1) > span {
			margin-bottom: 3.24em;
		}

		/*First items to second set of items*/
		.govStruc ul ul {
			margin-top: 1.62em;
		}

	/*PESC and EEI*/
		.govStruc > li > ul {
			display: flex;
			justify-content: space-evenly;
		}

		.govStruc > li > ul > li {
			float: left;
			margin: 0 0.62em;
		}

	/*Working Group and Task Force*/
		.govStruc li ul li ul {
			display: flex;
			justify-content: space-evenly;
		}

		.govStruc li ul li ul li {
			float: left;
			margin: 0 0.62em;
			z-index: 20;
		}

		.govStruc .lineOne,
		.govStruc .lineTwo,
		.govStruc .lineThree,
		.govStruc .lineFour,
		.govStruc .lineFive {
			position: relative;
		}

		/*Horizontal joins last two boxes*/
		.govStruc .lineOne::after {
			content: "";
			position: absolute;
			right: -3.0em;
			top: 2.2em;
			background: rgba(0, 94, 99, 1.0);
			width: 3em;
			height: 3px;
			display: block;
		}

		/*Vertical up from last two boxes*/
		.govStruc .lineOne::before {
			content: "";
			position: absolute;
			right: -0.77em;
			top: -1.0em;
			background: rgba(0, 94, 99, 1.0);
			width: 3px;
			height: 3.3em;
			display: block;
		}

		/*Horizontal overlaps EEI horizonal and reaches last vertial*/
		.govStruc .lineTwo::before {
			content: "";
			position: absolute;
			right: -0.77em;
			top: -5.1em;
			width: 16em;
			width: 60%;
			height: 4.2em;
			display: block;
			border-bottom: 3px solid rgba(0, 94, 99, 1.0);
		}

		/*Tiny adjust for Mr Hicks*/
		.thefoxster .govStruc .lineTwo::before {
			top: -5.15em;
		}

		/*EEI down and right*/
		.govStruc .lineThree::after {
			content: "";
			position: absolute;
			display: block;
			border-left: 3px solid rgba(0, 94, 99, 1.0);
			border-bottom: 3px solid rgba(0, 94, 99, 1.0);
			top: 4.45em;
			left: 14%;
			height: 1.38em;
			width: 20%;
		}

		/*Fr + Fox finetune*/
		html:lang(fr) .thefoxster .govStruc .lineThree::after {
			top: 4.40em;
		}

		@media only screen and (max-width: 1130px){/* - - - - - - - - - - - - - - -*/
			/*En + Fox finetune*/
			html:lang(en) .thefoxster .govStruc .lineThree::after {
				top: 4.38em;
			}
		}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-1130px*/

		@media only screen and (max-width: 875px){/* - - - - - - - - - - - - - - -*/
			/*EEI down and right*/
			html:lang(fr) .govStruc .lineThree::after {
				top: 4.5em;
			}
		}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-875px*/

		/*EEI line up*/
		.govStruc .lineThree::before {
			content: "";
			position: absolute;
			display: block;
			top: -1.62em;
			left: 12%;
			height: 1.62em;
			width: 3px;
			background: rgba(0, 94, 99, 1.0);
		}

		/*PESC line up and right, past EEI overlaps CEO coming left*/
		.govStruc .lineFour::before {
			content: "";
			position: absolute;
			display: block;
			top: -1.62em;
			left: 50%;
			height: 1.62em;
			width: 98%;
			border-left: 3px solid rgba(0, 94, 99, 1.0);
			border-top: 3px solid rgba(0, 94, 99, 1.0);
		}

		/*CEO line down and left*/
		.govStruc .lineFive::after {
			content: "";
			position: absolute;
			display: block;
			border-right: 3px solid rgba(0, 94, 99, 1.0);
			border-bottom: 3px solid rgba(0, 94, 99, 1.0);
			bottom: -1.43em;
			left: -185%;
			height: 1.4em;
			width: 240%;
		}

		/*iOS and Android devices show *this* is the optimal value and browser
		  emulators are slightly wrong*/
			.govStruc .lineFive::after {
						bottom: -1.42em !important;
					}

		/*Fr + Fox finetune*/
		html:lang(fr) .thefoxster .govStruc .lineFive::after {
			bottom: -1.45em;
		}

		@media only screen and (max-width: 1130px){/* - - - - - - - - - - - - - - -*/
			/*En + Fox finetune*/
			html:lang(en) .thefoxster .govStruc .lineFive::after {
				bottom: -1.45em;
			}
		}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-1130px*/

		@media only screen and (max-width: 890px){/* - - - - - - - - - - - - - - -*/
			/*Sidebar nav gets in our grill soon so let's clear down below
			before we get too narrow*/
			.govStruc::before {
				content: "";
				display: table;
				clear: both;
			}
		}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-890px*/

		@media only screen and (max-width: 500px){/* - - - - - - - - - - - - - - -*/
			.govStruc {
				font-size: 80%;
			}
			/*CEO line down and left*/
			.govStruc .lineFive::after {
				bottom: -1.50em;
			}
		}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-500px*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																		 .igWays
Infographic: Ways to vote
UL
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.igWays {
		margin: 0;
		margin-bottom: 1.62em;
		padding: 0;
		list-style: none;
		display: flex;
		justify-content: space-evenly;
	}

	span.igWaysSpan {
		display: block;
		width: 100%;
		/*height: jQ;*/
		/*background: url('../images/ig-ways-yellow-wide.png') no-repeat 50% 50%;*/
		background: url('/visit/images/ig-ways-yellow-wide.png') no-repeat 50% 50%;
		background-size: 100% auto;
		background-size: auto 100%;
	}

	.igWays li:nth-of-type(2) span.igWaysSpan { background: url('../images/ig-ways-green-wide.png') no-repeat 50% 50%; background-size: auto 100%; }
	.igWays li:nth-of-type(3) span.igWaysSpan { background: url('../images/ig-ways-purple-wide.png') no-repeat 50% 50%; background-size: auto 100%; }
	.igWays li:nth-of-type(4) span.igWaysSpan { background: url('../images/ig-ways-blue-wide.png') no-repeat 50% 50%; background-size: auto 100%; }

	.igWays li {
		display: block;
		width: 20%;
		text-align: center;
		box-shadow: 0.38em 0.38em 0.38em 0.2em #aaa,
					-0.2em -0.2em 0.62em 0.2em #eee;
		font-size: 120%;
		line-height: 1.2;
	}

	.igWays li span {
		padding: 0.62em;
		display: block;
	}

	@media only screen and (max-width: 700px){/* - - - - - - - - - - - - - - -*/
		.igWays li {
			font-size: 100%;
		}
	}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-700px*/

	@media only screen and (max-width: 500px){/* - - - - - - - - - - - - - - -*/
		.igWays {
			display: block;
			justify-content: inherit;
		}
		.igWays li {
			width: 162px;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 1.62em !important;
		}
	}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-500px*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																  .videoWrapper2
																		   Video
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	/*Vimeo*/
		.videoWrapper2 {
			border: 1px solid #ccc;
		}

		details {
			margin-bottom: 1.62em;
		}

		details.newlongdesc p strong {
			display: block;
			margin-top: 0.62em;
		}

		dl.leftNright dt,
		dl.leftNright dd {
			padding: 0;
			margin: 0;
			margin-bottom: 0.62em;
		}

		.leftNright dt {
			font-weight: bold;
			margin-bottom: 0.38em !important;
		}

	/*YouTube*/
		#topmenu {
			padding: 0px 0px 50px 10px;
			margin: -5px 0px 0px -30px;
			font-family: arial, helvetica, sans-serif;
			font-size: 1em;
			text-align: center;
		}
		#topmenu>ul {
			list-style: none;
		}
		#topmenu li a {
			margin: 0px 5px;
			padding: 0.3em 1.2em;
			background-color: #dddddd;
			border: 1px solid #b1b1b1;
			text-decoration: none;
			float: left;
			overflow: hidden;
		}
		.margExtra {
			margin-bottom: 1.5em;
		}
		.freebox {
			background: #F1F1F1;
			padding: 0px 10px 5px 10px;
			border: 1px solid #AEAEAE;
			margin-top: 20px;
		}
		.smaller {
			font-size: smaller;
		}
		.videoWrapperOuter {
			width: 62%;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 1.62em;
		}
		.videoWrapper {
			position: relative;
			height: 0;
			border: 0px solid black;
			padding-bottom: 56.25%; /*to provide the correct aspect ratio*/
		}
		.videoWrapper iframe {
			position: absolute;
			top: 0;
			left: 0;
			height: 90%;
			height: 100%;
			width: 100% !important;
		}

		@media only screen and (max-width: 800px){/* - - - - - - - - - - - - - - -*/
			.videoWrapperOuter {
				width: 85%;
				max-width: 85%;
				margin-left: auto;
				margin-right: auto;
			}
		}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-800px*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
															Protecting Canadians
																   .pageProtCana
Graphic components on this page
.igIcon.iconSpace
.igIcon.iconClean
.igIcon.iconMask
.igIcon.iconPencil
<div class="igIcon iconSpace">
	<span class="igIconSpan"></span> <-- jQ
	<div>
		<p>Elections...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.pageProtCana .igIcon .igIconSpan {
		display: block;
		background: url('../images/Icons_Protecting Canadians-01_EN.jpg') no-repeat 50% 50%;
		background-size: 100%;
		float: left;
		margin: 0 2% 0.62em 0;
		width: 16%;
		/* ^...so 18% in total*/

		/*height, set by jQ (so we can make it and keep it the same as the 20%
		  width, no matter the viewport width*/
	}

	:lang(fr) .pageProtCana .igIcon .igIconSpan {
		background: url('../images/Icons_Protecting Canadians-01_FR.jpg') no-repeat 50% 50%;
		background-size: 100%;
	}

	.pageProtCana .igIcon div {
		width: 82%;
		/* ^...so 100% total, as we have 18% above*/
		float: right;
	}

	/*On *this* page alone, where these icons sit side by side with the subnav
	  nav.boxnav, we set the subnav to a specific %age width, to match how it
	  usually looks, which works out at 17%. Then, with a 2% gutter between
	  the LH content and out subnav, we have a toal width of 19%*/
	.pageProtCana nav.boxnav {
		width: 17%;
		margin-left: 2%;
		margin-right: 0%;
	}

	/*So, usually we are allowing these icons on the left and their associated
	  content on the right to equal 100%. But, the 1st icon+content "row"
	  sits alongside the subnav, which is taking 19%. So to keep everything
	  adding up to 100%, for this 1st row we set its width to 82%-19%=63%*/
	.pageProtCana .igIcon:nth-of-type(1) div {
		width: 63%;
		float: right;
	}

	/*At 760 the subnav swaps to a row of icons across, so undo the special
	  changes we made above and allow that same layout to work on this page
	  too*/
	@media only screen and (max-width: 760px){/* - - - - - - - - - - - - - - -*/
		.pageProtCana nav.boxnav {
			float: none;
			width: 100%;
			margin: 0;
		}
		.pageProtCana .igIcon:nth-of-type(1) div {
			width: 82%;
			float: right;
		}
	}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-760px*/

	@media only screen and (max-width: 550px){/* - - - - - - - - - - - - - - -*/
		.pageProtCana .igIcon .igIconSpan {
			display: block;
			background: url('../images/Icons_Protecting Canadians-01_EN.jpg') no-repeat 50% 50%;
			background-size: 100%;
			float: right;
			margin: 0.62em 0 0.62em 1.62em;
			width: 6em;
			height: 6em;
		}
		.pageProtCana .igIcon div,
		.pageProtCana .igIcon:nth-of-type(1) div {
			width: 100%;
			float: none;
		}
	}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-550px*/

	/*Floated content, so we need to clear*/
	.pageProtCana .igIcon::after {
		content: "";
		display: table;
		clear: both;
	}

	/*The other DIVs have their own span images*/
	.pageProtCana .igIcon.iconClean .igIconSpan {
		background: url('../images/Icons_Protecting Canadians-02.jpg') no-repeat 50% 50%; background-size: 100%; }
	.pageProtCana .igIcon.iconMask .igIconSpan {
		background: url('../images/Icons_Protecting Canadians-03.jpg') no-repeat 50% 50%; background-size: 100%; }
	.pageProtCana .igIcon.iconPencil .igIconSpan {
		background: url('../images/Icons_Protecting Canadians-04.jpg') no-repeat 50% 50%; background-size: 100%; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																		   Utils
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.visP .clearBefore::before {
		content: "";
		display: table;
		clear: both;
	}

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

	.visP .todo {
		background: yellow;
		/*transform: rotate(-2deg);*/
	}

	.whaa {
		outline: 1px solid red;
	}

	.unitalic {
		font-style: normal;
	}

	/*Class to allow stuff to be visible, only in DEV mode*/
	.devOnly {
		display: block;
	}

	.noDev .devOnly {
		display: none;
	}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																 .flexTwoButtons
<div class="flexTwoButtons">
	<p>x</p>
	<p>x</p>
</div>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.flexTwoButtons {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}

	.flexTwoButtons p {

	}














	/* . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
																		 Checker
	Silly divs to allow CSS to taget w/o classes.
	Add .checked to BODY to OK a page
	. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
		div > div > div > div > div > div > div {
			position: fixed;
			right: 0;
			bottom: 0em;
			border-top: 3px dashed orange;
			border-left: 3px dashed orange;
			background: rgba(255, 245, 226, 1.0);
			padding: 0.62em;
			border-radius: 0.62em 0 0 0;
			z-index: 10;
		}

		div > div > div > div > div > div > div ol {
			margin-bottom: 0;
			/*padding: 0;*/
		}

		.checked div > div > div > div > div > div > div {
			display: none;
		}

		#previewProd {
			position: absolute;
			top: 0;
			left: 20em;
			display: block;
			padding: 0.38em;
			line-height: 1;
			border-radius: 0 0 0.38em 0.38em;
			border-right: none;
			background: rgba(170, 70, 120, 0.2);
			color: #333;
		}

		#previewProd:hover{
			background: rgba(170, 70, 120, 1);
			color: #fff;
			cursor: pointer;
		}

		#previewProd:hover::after {
			content: " (click browser 'Back' to get this button back)";
			font-size: 80%;
		}

		@media only screen and (max-width: 600px){/* - - - - - - - - - - - - - - -*/
			#previewProd {
				display: none;
			}
		}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-600px*/


	.jeffLink {
		position: absolute;
		top: 0;
		right: 26em;
	}

	.jeffLink a {
		text-decoration: none;
		display: block;
		padding: 0.38em;
		line-height: 1;
		border-radius: 0 0 0.39em 0.38em;
		border-right: none;
		background: rgba(170, 70, 120, 0.2);
		color: #333;
	}

	.jeffLink a:hover {
		background: rgba(170, 70, 120, 1);
		color: #fff;
	}

	.jeffLink a:hover::after {
		content: " (this is temporary)";
	}

	.linkMissing {
		display: inline;
		line-height: 0.1;
	}

	.linkMissing2 {
		position: relative;
	}

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

	.copyMissing:after {
		content: "C";
		position: absolute;
		line-height: 1;
		background: orange;
		background: yellow;
		color: black;
		font-size: 16px;
		left: -0.9em;
/*		font-weight: normal;
		font-weight: bold;
		white-space: nowrap;
		width: 1em;
		height: 1em;
		border-radius: 50%;
		text-align: center;
		top: -0.0em;*/
	}

	.devSitemap {
		columns: 2;
	}

	.devSitemap li {
		margin-bottom: 0.85em !important;
	}

	.devSitemap li > ol {
		margin-top: 1.0em !important;
		list-style-type: lower-alpha;
	}

	.devSitemap a {
		padding: 0.2em 1.38em;
	}












	/*Setup basics of ea check*/
	.checkLink::before,
	.frTba::before,
	.CONTENTtba::before {
		content: "Check Fr";
		background: rgba(255, 225, 170, 1.0);
		border: 1px solid orange;
		padding: 0.3em;
		font-size: 11px;
		color: #000 !important;
		font-weight: normal;
	}

	/*Kill all checks if jQ added noDev to body*/
		.noDev .checkLink::before,
		.noDev .frTba::before,
		.noDev .imgTba::before,
		.noDev .CONTENTtba::before {
			display: none;
		}

	/*Specifics of a check*/
	.CONTENTtba::before {
		content: "Content?";
	}

	/*Specifics of a check*/
	.checkLink::before {
		content: "ChkLink";
	}