/*New styles for by-elections in 2020 */
.columns {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 10px;
	justify-content: space-around;
}
.column {
    flex: 45%;
	margin: 0 .5em .5em;
    padding: 10px;
    border: 1px solid #ABABAB;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

.homebox20 {
    height: 17em;
    width: 320px;
    float: left;
    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;
}

.homebox20b {
    border: 1px solid #ABABAB;
	 margin: 10px 25px 30px 20px;
    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;
    height: 17em;
    width: 320px;
    float: left;
}

.homebox20c {
    border: 1px solid #ABABAB;
	 margin: 10px 25px 30px 20px;
    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 20px 15px;
}

#content-main ul.by2020 {
	 margin:0;
	 padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	justify-content: space-around;
    width: 100%;
    margin-top: 10px;
}
#content-main ul.by2020 li {
	list-style-type: none;
	width: 150px;
}

#content-main ul.by2020 li a {
	padding:  160px 5px 5px 5px;
	/* width: 100%; */
	min-height: 50px;
	display: block;
	text-decoration: none;
	text-align: center;
	color: #292929;
	line-height: 1.0em;
	font-size: 1.2em;
	font-weight: 600;
	margin: 0 10px 10px 0;
	border: 1px solid #d6d6d6;
	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.by2020 li a.id {
	background: #eeeeee  url('../images/byelection/id.png') top center no-repeat;
}

#content-main ul.by2020 li a.vote {
	background: #eeeeee  url('../images/byelection/vote.png') top center no-repeat;
}
#content-main ul.by2020 li a.faq {
	background: #eeeeee  url('../images/byelection/faq.png') top center no-repeat;
}
#content-main ul.by2020 li a.reg_e {
	background: #eeeeee  url('../images/byelection/reg_e.png') top center no-repeat;
}
#content-main ul.by2020 li a.reg_f {
	background: #eeeeee  url('../images/byelection/reg_f.png') top center no-repeat;
}
#content-main ul.by2020 li a.saf {
	background: #eeeeee  url('../images/byelection/safety.png') top center no-repeat;
}

/*#content-main ul.by2020 li a.vote:hover,
#content-main ul.by2020 li a.id:hover,
#content-main ul.by2020 li a.faq:hover,
#content-main ul.by2020 li a.saf:hover  {
	opacity: 0.7;
}*/

#content-main ul.by2020 li a:hover  {
	opacity: 0.7;
}

#content-main a.bywork20 {
	/*background: #4F5B66 url('/ele/2020/images/work.png') top left no-repeat;
	border: 1px solid #dcdcdc;*/
	background: #eeeeee url('/ele/2020/images/work.png') top left no-repeat;
	border: 1px solid #dcdcdc;
	padding: 15px 10px 0px 100px;
	min-height: 60px;
	text-decoration: none;
	display: block;

	font-size: 1.2em;
	line-height: 1.3em;
	text-align: center;
	color: #292929;
	border-radius: 5px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#content-main a.workby22 {
	background: #eeeeee url('../images/byelection/workby22.png') top left no-repeat;
	border: 1px solid #dcdcdc;
	padding: 15px 10px 0px 100px;
	min-height: 60px;
	text-decoration: none;
	display: block;

	font-size: 1.2em;
	line-height: 1.3em;
	text-align: center;
	color: #292929;
	border-radius: 5px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#content-main a.sen22 {
	background: #eeeeee url('../images/byelection/sen22.png') top left no-repeat;
	border: 1px solid #dcdcdc;
	padding: 15px 10px 0px 100px;
	min-height: 60px;
	text-decoration: none;
	display: block;

	font-size: 1em;
	line-height: 1.3em;
	text-align: center;
	color: #292929;
	border-radius: 5px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#content-main a.spread22 {
	background: #eeeeee url('../images/byelection/spread22.jpg') top left no-repeat;
background-size: 100%;
	border: 1px solid #dcdcdc;
	padding: 15px 10px 0px 100px;
	min-height: 60px;
	text-decoration: none;
	display: block;

	font-size: 1.4em;
	line-height: 1.3em;
	text-align: center;
	color: #292929;
	border-radius: 5px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#content-main a.sec22 {
	background: #eeeeee url('../images/byelection/sec22.png') top left no-repeat;
	border: 1px solid #dcdcdc;
	padding: 15px 10px 0px 100px;
	min-height: 60px;
	text-decoration: none;
	display: block;

	font-size: 1.2em;
	line-height: 1.3em;
	text-align: center;
	color: #292929;
	border-radius: 5px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#content-main a:hover.bywork20, #content-main a:focus.bywork20, #content-main a:hover.sen22, #content-main a:focus.sen22, #content-main a:hover.sec22, #content-main a:focus.sec22, #content-main a:hover.workby22, #content-main a:focus.workby22, #content-main a:hover.spread22, #content-main a:focus.spread22  {
	opacity: 0.8;
	}


/*END new styles for by-elections in 2020 */

.electionpromo {
	border: 1px solid #bdbdbd;
	padding: 28px 100px 28px 20px;
	background: #fff url('/ele/images/pat.png') top right no-repeat;
	overflow: visible;

}
.electionpromo1 {
	border: 1px solid #bdbdbd;
	padding: 15px;
	background: #fff url('/templates/images/byelection/logoGreen.png') top right no-repeat;
	background-size: 25%;
	margin: 20px 0 30px 0;
	/*background: #E7E8E8;*/
}
.electionpromo1f {
	background: #fff url('/templates/images/byelection/logoGreen_f.png') top right no-repeat;
	background-size: 25%;
}
.electionpromo2 {
	background: #fff url('/templates/images/byelection/logoPink_e.png') 93% 10px no-repeat;
	background-size: 25%;
}
.electionpromo2f {
	background: #fff url('/templates/images/byelection/logoPink_f.png') top right no-repeat;
	background-size: 25%;
}

.electionpromo3 {
	border: 1px solid #fff16c;
	padding: 5px;
	margin: 20px 0;
	background: #fff9c3;
}

.electionpromo3 h3 {
 margin-top: 5px;
 margin-bottom: 5px;
}

.electionpromo3 p {
	margin-top: 0px;
}

.electionpromo4 {
	/*border: 1px solid #fff16c;*/
	border: 1px solid #a5a5a5;
	padding: 0px;
	margin: 10px 0;
	background: #fffcdf;
	float: left;
	width: 95%;
}

.electionpromo4 h3 {
 margin: 0;
 padding: 8px;
 background: #fff599;
}

.electionpromo4 p {
	margin-top: 0px;
	padding: 10px;
}

.electionpromo5 {
/*	border: 1px solid #6a0000;*/
	border: 1px solid #4F5B66;
	padding: 0px;
	margin: 10px 0;
	background: #e7eaec;
	float: left;
	width: 95%;
}

.electionpromo5 h3 {
 margin: 0;
 padding: 8px;
 /*background: #6a0000;*/
 background: #4F5B66;
 color: white;
}

.electionpromo5 p {
	margin-top: 0px;
	padding: 10px;
}

.electionpromo6 {
	border: 1px solid #bdbdbd;
	padding: 15px;
	margin: 20px 10px 20px 0;
	background: #E7E8E8;
	min-width: 540px;
	float: left;
}
.electionpromo6a {

	padding: 15px;

	min-width: 540px;
	float: left;
}

.electionpromo7 {
	border: 1px solid #bdbdbd;
	font-size: 0.8em;
	margin: 20px 0;
	background: #E7E8E8;
	max-width: 180px;
	float: left;
	min-height: 160px;
}
.electionpromo7a {
	border: 1px solid #bdbdbd;
	font-size: 0.8em;
	margin: 20px 0;
	background: #E7E8E8;
	max-width: 180px;
	float: right;
	min-height: 160px;
}

.electionpromo7a h2 {
	font-size: 1.1em;
	text-align: center;
	margin: 0;
	background: #6f6f6f;
	color: white;
	padding: 3px;
}

#content-main .electionpromo7 li  {
	margin-left: -10px;
}


#byelection .logo {
	margin-top: -10px;
	text-align: center;
}
/* 2nd design */
#byelection .logo2 {
	margin-top: -20px;
	float: right;
	width: 150px;
}

#byelection .logo3, #byelection1 .logo3 {
	margin-top: 10px;
	margin-left: 25px;
	float: right;
	width: 143px;
}

/*Delete if not used */
#byelection .logo4 {
	margin: -20px auto;
	border-bottom: 1px solid #cfcfcf;
	width: 100%;

}

.homebox {
    background: #E7E8E8 url("/ele/images/pencilsm.gif") no-repeat scroll right center;
    padding: 15px 40px 15px 15px;
    border-top: 2px dotted #8B2942;
    border-bottom: 2px dotted #8B2942;
    height: 15em;
    width: 320px;
    float: left;
}




.MenuBox {
    width: 45%;
}

.MenuBox2 {
    padding: 5px;
    width: 370px;
    float: left;
    margin-left: 5px;
}

.french{
	margin-left: 10px;

}



.byelectionwork {

}



.titlereg {
    font-weight: 600;
    font-size: 1.2em;
    color: #8B2942;
    margin-top: 0px;
    margin-bottom: 0px;
}

#byelection a.actionbut {
    display: block;
    width: 200px;
    color: #FFF;
    font-size: 1em;
    font-weight: 200;
    padding: 10px 25px 10px 10px;
    border-radius: 4px;
    background: #4F5B66 url("/ele/images/butarrow.png") no-repeat scroll right top;
    border-bottom: medium none;
    text-decoration: none;
}

#byelection a.actionbut:hover {
		background: #184350 url(/ele/images/butarrow_hover.png) top right no-repeat;
}

ul.textreg {
    line-height: 1.4em;
}
.textreg {
    padding: 5px 10px 0px 30px;
}

.homebox2 {
    background: #E7E8E8 none repeat scroll 0% 0%;
    padding: 15px;
    border-top: 2px dotted #8B2942;
    border-bottom: 2px dotted #8B2942;
    height: 15em;
    width: 320px;
    float: left;
    margin-left: 20px;
}

label.mypc {
	margin-left: -4px;
	margin-bottom: 4px;
}

.boxpc {
	width: 200px;
	margin-left: 100px;
}

#content-main a.homeID {
    background: transparent url("/ele/images/idL.png") no-repeat scroll 0% 0%;
    border-top: medium none;
    padding-top: 130px;

}
a.voteGuide {
	background: url('/ele/images/vote_guide.png') no-repeat;
	border-top:none;
	padding-top: 130px;


}
a.voteGuide:hover {
	background:  url('/ele/images/vote_guidehover.png') no-repeat;
}

#content-main a.homeID:hover, #content-main a.homeID:active, #content-main a.homeID:focus {
	background:  url('/ele/images/idhover.png') no-repeat;
	/*background-color: #F5F7F8;
	opacity: 0.8;*/
}

#content-main a.homevote {
	background: url('/ele/images/vote2.png') no-repeat;
	border-top:none;
	padding-top: 130px;


}

#content-main a.homevote:hover, #content-main a.homevote:active, #content-main a.homevote:focus {
	background:  url('/ele/images/vote2_hover.png') no-repeat;
}

#content-main #noBullet li a {
    display: block-inline;
    margin-left: 5px;
    margin-right:5px;
    text-align: center;
    text-decoration: none;
    border-top: 2px dotted #8B2942;
    border-bottom: 2px dotted #8B2942;
    color: #8B2942;
    line-height: 1.2em;
    font-weight: 600;
}


#content-main ul#noBullet li {
    display: inline;
}

#content-main ul#electorpromo {
	padding: 0;
}

#content-main ul#electorpromo li {
    float:left;
    width: 200px;
    margin-left: 20px;
    list-style-type: none;
}

#content-main ul#electorpromo li a {
    color: #8B2942;
    padding-left: 130px;
    text-decoration: none;
    border: 1px solid black;
    display: block;
    height: 100px;
    line-height: 1.2em;
    font-weight: 600;
}

/*#content-main a.bywork {
	background: #e6e6e6 url('/ele/2016/images/patsitcomputer.png') top left no-repeat;
	border: 1px solid #9b9b9b;
	padding-left: 60px;
	padding-top: 15px;
	height: 60px;
	text-decoration: none;
	display: block;
	width: 250px;
	font-size: 1.25em;
	line-height: 1.3em;
}*/

.largetext2 {
	font-size: 1.3em;
}

/*#content-main a:hover.bywork {
	background: #cacaca  url('/ele/2016/images/patsitcomputer.png') top left no-repeat;;
	}*/

	#content-main a.bywork, #content-content a.bywork {
	background: #4F5B66 url('../images/work2.png') top left no-repeat;
	border: 1px solid #dcdcdc;
	padding: 15px 10px 0px 100px;
	min-height: 60px;
	text-decoration: none;
	display: block;
	max-width: 250px;
	font-size: 1.2em;
	line-height: 1.3em;
	text-align: center;
	color: white;
	border-radius: 5px;

}

#content-main a:hover.bywork, #content-content a:hover.bywork, #content-main a:focus.bywork, #content-content a:focus.bywork {
	opacity: 0.8;
	}


#content-main ul#menuby {
    padding: 0;
}

#content-main ul#menuby li {
    float:left;
    width: 150px;
    margin-left: 20px;
    list-style-type: none;
}
#content-main ul#menuby li a {

    color: #8B2942;
    padding-top: 130px;
    text-decoration: none;
    border-top: 2px dotted #8B2942;
    border-bottom: 2px dotted #8B2942;
    display: block;
    height: 40px;
    line-height: 1.2em;
    font-weight: 600;
    text-align: center;
}

#content-main ul#menuby li a.homeID:hover, #content-main ul#menuby li a.homeID:focus, #content-main ul#menuby li a.homeID:active{
    background:  url('/ele/images/idhover.png') no-repeat;
}

#content-main a.homefaq {
	background: url('/ele/images/faq2.png') no-repeat;
	border-top:none;
	padding-top: 130px;
}

#content-main a.homefaq:hover,#content-main a.homefaq:active,#content-main a.homefaq:focus {
	background: url('/ele/images/faq2_hover.png') no-repeat;
}

#content-main a.homespr {
	background: url('/ele/images/homespr.png') no-repeat;
	border-top:none;
	padding-top: 130px;
}

#content-main a.homespr:hover,#content-main a.homespr:active,#content-main a.homespr:focus {
	background: url('/ele/images/homespr_hover.png') no-repeat;
}
/* END 2nd design */

/* Spread the word */

#content-main ul#spread {
    padding: 0;
}

#content-main ul#spread li {
    float:left;
    width: 195px;
    margin-left: 20px;
    margin-bottom: 20px;
    list-style-type: none;
}

#content-main ul#spread li a {

    color: #8B2942;
    text-decoration: none;
    display: block;
    line-height: 1.2em;
    font-weight: 600;
    text-align: center;
}

#content-main ul#spread li a:hover {
	opacity: 0.8;
}

#content-main ul#spreadEt {
    padding: 0;
}

#content-main ul#spreadEt li {
    float:left;
    width: 205px;
    margin-left: 20px;
    margin-bottom: 20px;
    list-style-type: none;
}

#content-main ul#spreadEt li a {

    color: #8B2942;
    text-decoration: none;
    display: block;
    line-height: 1.2em;
    font-weight: 600;
    text-align: center;
}

#content-main ul#spreadEt li a:hover {
	opacity: 0.8;
}


/*END spread the word*/



#byelection .largetext {
	font-size: 1.95em;
	font-weight: normal;
	line-height: 1.2em;
}

#byelection a.eregcheck {
	width: 200px;
	height: 180px;
	border: 1px solid #858585;
	display: block;
	text-decoration: none;
	padding: 10px 5px 5px 5px;
	font-size: 1.8em;
	line-height: 1.1em;
	color: #343434;
	background: #ece4e5 url('/ele/images/logo-with-pat.gif') bottom center no-repeat;
}

#byelection a:hover.eregcheck {
	background-color: #dfd1d3;
}

.promoright {
	float: right;
	width: 220px;

}

.promoright p {
	margin-top: 0;
}

#byelection a.tweet {
    background: #e8e8e8 url("/ele/images/twitterfs.png") no-repeat scroll left top;
    min-height: 30px;
    display: block;
    padding: 0 0 5px 50px;
    text-decoration: none;
    margin-right: 10px;
    }

#byelection a:hover.tweet {
    background: #cacaca url("/ele/images/twitterfs.png") no-repeat scroll left top;


    }

#byelection ul.anchors li  {
    list-style-type: none;
    display: block;
    margin: 20px 5px;
    float: left;
 }

#byelection ul.anchors li a {
	border: 1px solid #505050;
	background: #505050;
	padding: 5px 20px;
	margin-bottom: 5px;
	text-decoration: none;
	color: white;
}

#byelection ul.anchors li a:hover, #byelection ul.anchors li a:focus {

	border: 1px solid #6b6b6b;
	background: #6b6b6b;
}

#byelection .byelectionbox {
	background: white url(../images/freeboxge.jpg) top center no-repeat;
	padding: 10px;
	border: 1px solid #AEAEAE;
	width: 530px;
	float: left;
}

#byelection .byelectionbox2 {
	background: #E7E8E8 none repeat scroll 0% 0%;
    padding: 15px;
    border-top: 2px dotted #8B2942;
    border-bottom: 2px dotted #8B2942;
	width: 90%;

}

#byelection .big{
width:100%;

}

.tall2 { padding-bottom: 5px; }

.sidebartop {
	float: right;
	width: 40%;
	margin-left: 10px;
	border: 1px solid #B0B0B0;
	border-radius: 5px;

}

.sidebartop h2 {
	padding: 5px;
    margin: 0;
    background-color: #3A3A3A;
    color: white;
    font-size: 1.1em;
    font-weight: normal;
    }

.addressbox {

	width: 80%;
	margin-left: 20px;
	border: 1px solid #B0B0B0;
	border-radius: 5px;
}

.addressbox p {
	padding: 10px;
}

.addressbox h4 {
	padding-left: 10px;
	padding-bottom: 0;
	margin-bottom: 0;
}
.addressbox h3 {
	padding: 5px;
    margin: 0;
    background-color: #3A3A3A;
    color: white;
    font-size: 1.1em;
    font-weight: normal;
    }

#content-main ul.indexbullet li {
    background: transparent url(../images/bullet.png) no-repeat scroll left 5px;
    padding: 0px 0px 10px 20px;
    display: block;
    margin-left: 0px;
    list-style-type: none;
}
h2.waysvote {
    background: #F6EADF url(../images/breadcrumbBack.png) no-repeat scroll left bottom;
    padding: 15px 6px;
    font-weight: 500;
    font-size: 1.4em;
    margin-top: 40px;
}

h2.waysvote20 {
    background:  url(../images/ways/electionday.png) top right no-repeat;
    padding: 25px 155px 30px 15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-weight: 500;
    font-size: 1.4em;
    margin-top: 40px;
}

h2.waysvoteadvance20 {
    background:  url(../images/ways/advance.png) top right no-repeat;
    padding: 25px 155px 30px 15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-weight: 500;
    font-size: 1.4em;
    margin-top: 40px;
}

h2.waysvoteadvance2022 {
    background:  url(../images/ways/advance2022-2.png) top right no-repeat;
    padding: 25px 155px 30px 15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-weight: 500;
    font-size: 1.4em;
    margin-top: 40px;
}

h2.waysvotero20 {
    background:  url(../images/ways/ro.png) top right no-repeat;
    padding: 25px 155px 30px 15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-weight: 500;
    font-size: 1.4em;
    margin-top: 40px;
}

h2.waysvotemail20 {
    background:  url(../images/ways/poste.png) top right no-repeat;
    padding: 25px 155px 30px 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-weight: 500;
    font-size: 1.4em;
    margin-top: 40px;
}

h2.waysvoteadvance {
    background: #F6EADF url(../images/waysvoteadvance.png) no-repeat scroll right bottom;
    padding: 15px 3px;
    font-weight: 500;
    margin-top: 40px;
}

h2.waysvoteadvancef {
	background: #f6eadf url('../images/waysvoteadvance_f.png') bottom right no-repeat;
	padding: 15px 3px;
	font-weight: 500;
	margin-top: 40px;
}

h2.waysvotemail {
    background: #F6EADF url(../images/waysvote10.png) no-repeat scroll right bottom;
    padding: 15px 3px;
    font-weight: 500;
    margin-top: 40px;
}

h2.waysvotehome {
    background: #F6EADF url(../images/waysvotehome.png) no-repeat scroll right bottom;
    padding: 15px 3px;
    font-weight: 500;
    margin-top: 40px;
}

.anchorstitle {
	float: left;
	font-weight: bold;
}


ol.space li {
margin-bottom: 20px;
}


.youTube{
	width:560px;
	 height:315px;
	 border:0;
}
#rv {
	float:right;
	margin-top: -5px;
}

.heures h4, .heures h5 {
	margin: 0;
	background: #535353;
	color: white;
	padding: 4px;
	font-size: 1.1em;
}

.heures p {
	margin: 0 0 20px 0;
	border: 1px solid #535353;
	padding: 4px;
}

.vicfloat {
	float: left;
	width: 350px;
}

.vicfloat2 {
	margin-left: 20px;
}
#content-main a.repos {
	background: #eee url('../images/icon_repos.png') center left no-repeat;
	border: 1px solid #dcdcdc;
	padding: 15px 10px 10px 120px;
	min-height: 50px;
	text-decoration: none;
	display: block;

	font-size: 1.0em;
	line-height: 1.3em;
	text-align: center;
	border-radius: 5px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#content-main a:hover.repos, #content-main a:focus.repos {
	opacity: 0.8;
	}

#content-main a.vic {
	background: #eee url('../images/vicxs.jpg') center left no-repeat;
	border: 1px solid #dcdcdc;
	padding: 15px 10px 10px 120px;
	min-height: 50px;
	text-decoration: none;
	display: block;
	max-width: 300px;
	font-size: 1.2em;
	line-height: 1.3em;
	text-align: center;
	border-radius: 5px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#content-main a:hover.vic, #content-main a:focus.vic {
	opacity: 0.8;
	}

p.bynote {
	/*background: #fffbd4;*/
	background: #FEF4F7;
	border: 1px solid #5A0026;
	padding: 10px;
	font-size: 1.2em;
	width: 97%;
	margin: 20px auto;
}

#content-main a.enrpromo, #content-content a.enrpromo {
	background: #2b3d46 url('../images/home/enrs_e.jpg') top right no-repeat;
	border: 1px solid #cccccc;
	padding: 15px 180px 10px 10px;
	min-height: 60px;
	text-decoration: none;
	display: block;
	max-width: 220px;
	font-size: 1.2em;
	line-height: 1.3em;
	text-align: center;
	border-radius: 5px;
	color: white;

}

#content-main a:hover.enrpromo, #content-content a:hover.enrpromo, #content-main a:focus.enrpromo, #content-content a:focus.enrpromo {
	opacity: 0.8;
	}

#content-main a.enrpromof, #content-content a.enrpromof {
	background: #2b3d46 url('../images/home/enrs_f.jpg') top right no-repeat;
	border: 1px solid #cccccc;
	padding: 15px 180px 10px 10px;
	min-height: 60px;
	text-decoration: none;
	display: block;
	max-width: 220px;
	font-size: 1.2em;
	line-height: 1.3em;
	text-align: center;
	border-radius: 5px;
	color: white;

}

#content-main a:hover.enrpromof, #content-content a:hover.enrpromof, #content-main a:focus.enrpromof, #content-content a:focus.enrpromof {
	opacity: 0.8;
	}

.freeboxcand {
	width: 90%;
	background-color: #efefef;
	border: 1px solid #cccccc;
	font-size: 0.9em;
	margin-top: 20px;
	padding: 10px;
}

#content-main a.candnote, #content-content a.candnote {
	border-radius: 5px;
	padding: 3px 8px 3px 8px;
	background-color: #661430;
	color: white;
	text-decoration: none;
	margin-left: 10px;
}

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

	background-color: #003b73;

}

.openhours {
	background: #f2f2f2;
	border: 1px solid #cecece;
	max-width: 500px;
	margin: 5px auto;
}

.openhours h4 {
	margin: 0;
	padding: 10px;
	background: #cecece url('../images/open.jpg') top right no-repeat;

}

/* Health and safety page */

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

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

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

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

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

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

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

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

#content-main ul.saf3 li.poll.pollNoMask {
	background:  url('../images/safety/img5a.jpg') top center no-repeat;
}

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

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

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

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

/* END - Health and safety page */

.covidnote {
	padding: 10px 10px 20px 160px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background: url(/ele/2020/images/covidnote.jpg) top left no-repeat;
	margin-bottom: 30px;
	margin-right: 30px;
}

.covidnote3 {
	padding: 10px 10px 5px 160px;

}

.votemailindex {
    width: 40%;
    float: right;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin: 0 0 0 30px;
}

.votemailindex p {
    margin: 10px;
}

.votemailindex h2 {
    margin: 0;
    padding: 10px;
    background: #333333;
    color: white;
}

h3.faq, h2.faq  {
		background: #efefef;
		padding: 10px;
		border: 1px solid #c1c1c1;
		box-shadow: 5px 5px 5px #d9d9d9;
		font-weight: 500;
	}

.date {
	background: #ffff99;
	padding: 5px;
}

#content-main ul.waysvote5 {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;  
}

#content-main ul.waysvote5 li {
	flex: 20%;
	margin: 10px;
	list-style-type: none;
	padding: 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.waysvote5 li a {
	
   display: block;
   padding: 80px 10px 10px 10px;
   min-height: 80px;
  	text-decoration: none;
  	font-size: 1.2em;
  	font-weight: 500;
  	line-height: 1.2em;
  	color: #333;
  	text-align: center;
}

#content-main ul.waysvote5 li a:hover, #content-main ul.waysvote5 li a:focus, #content-main ul.waysvote5 li a:active {
	opacity: 0.7;

}

a.electiondayways {
	background: #ffffff url(../images/waysvote/electionday2.png) top center no-repeat;
}

a.advanceways {
	background: url(../images/waysvote/advanceways2.png) top center no-repeat;
}

a.advanceways2022 {
	background: url(../images/waysvote/advanceways2022.png) top center no-repeat;
}

a.rooffice {
	background: url(../images/waysvote/rooffice2.png) top center no-repeat;
}

.electionpromoflex {
	display: flex;
	flex-wrap: wrap;
	gap: 4%;
	border: 1px solid #bdbdbd;
	padding: 10px;
	align-items: stretch;
	margin-bottom: 20px;
}

.electionpromoflex div.listed {
	width: 55%;

}

.electionpromoflex div.eleclogo {
	width: 35%;
	text-align: right;
}

/*---------------------------------------------------*/
@media screen and (max-width: 1115px) {
#content-main ul.waysvote5 li a {
font-size: 1.2em;

}

}
/***********************************************************/
@media screen and (max-width: 975px) {
.vicfloat2 {

	margin-left: 0;
	}

	.promoright {
	float: none;
	width: 220px;

}
#topmenuvid li a
	{
	margin-bottom:10px;}


.homebox, .homebox2 {
    margin-left: 3px;
    margin-bottom: 10px;
    /*width: 90%;*/
}

.homebox {
	width: 86%;
}

.homebox2 {
	width: 90%;
}
.MenuBox, .MenuBox2 {
    margin-left: 3px;

    /*width: 90%;*/
}

#content-main ul.saf3 li {

}
h2.waysvote20, h2.waysvoteadvance20, h2.waysvotero20, h2.waysvoteadvance2022 {
	font-size: 1.2em;
}

}

/***********************************************************/
@media screen and (max-width: 895px) {
#byelection .anchorstitle, #rv {
	float: none;
}

#content-main ul.waysvote5 li {
	flex: 45%;
}
#content-main ul.waysvote5 li a {
   min-height: 40px;
}

}
/***********************************************************/
@media screen and (max-width: 705px) {

#byelection ul.anchors li  {
    float: none;
    height: 10px;

 }

 #byelection ul.anchors li a {
 	width: 88%;
 	display: block;
 	border-bottom: 1px solid white;
 	text-align: center;
 }
 #byelection ul.anchors {
 	margin-left: -40px;
 }

 #byelection .largetext {
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.1em;
}

#byelection .logo {
	margin-top: -10px;
	text-align: center;


	overflow: hidden;
	position: center;
}

}

/***********************************************************/
@media screen and (max-width: 600px) {

#byelection .byelectionbox {
	width: 90%;
}
.electionpromo4, .electionpromo5 {
	width: 100%;
	float: none;
	margin: 10px 0;
}

 h2.waysvoteadvance, h2.waysvoteadvancef {
    background-color: #F6EADF;
    background-image: none;
    padding: 15px 6px;
    font-weight: 500;
    font-size: 1.4em;
}

.sidebartop {
	float: none;
	width: 90%;
	margin-left: 10px;
	border: 1px solid #B0B0B0;
	border-radius: 5px;

}

.MenuBox, .MenuBox2 {
    margin-left: 0;
    float: none;
}

.MenuBox {
    width: 100%;
}

.electionpromoflex {
	display: block;
	
}

.electionpromoflex div.listed {
	width: 100%;

}

.electionpromoflex div.eleclogo {
	width: 100%;
	text-align: center;
}

div.eleclogo img {
	width: 150px;
}

}

/*------------------------------------------------------------------------------*/


/***********************************************************/
@media screen and (max-width: 400px) {
#byelection .logo2 {
	margin: 0 auto;
	float: none;
}
.homebox, .homebox2 {
    background-color: #E7E8E8;
    background-image: none;
    padding: 10px;
    margin-bottom: 10px;
    margin-left: 0;
    height: auto;
    /*width: 90%;*/
    float: none;
}

.homebox20, .homebox20b {
	width: 90%;
	float: none;
	margin-bottom: 10px;
	margin-left: 0;
}

#content-main ul.by2020 li {
	float: none;
	width: 90%;
}
#content-main ul.by2020 li a {
	padding:  20px 20px 20px 130px;
/*	max-width: 160px;*/

	min-height: 40px;
	text-align: left;
	margin: 0 10px 20px 0;
}

#content-main ul.by2020 li a.id {
	background: #eeeeee  url('../images/byelection/id.png') top left no-repeat;
	background-size: 100px;
}

#content-main ul.by2020 li a.vote {
	background: #eeeeee  url('../images/byelection/vote.png') top left no-repeat;
	background-size: 100px;
}

#content-main ul.by2020 li a.faq {
	background: #eeeeee  url('../images/byelection/faq.png') top left no-repeat;
	background-size: 100px;
}

#content-main ul.by2020 li a.saf {
	background: #eeeeee  url('../images/byelection/safety.png') top left no-repeat;
	background-size: 100px;
}

#content-main ul.by2020 li a.reg_e {
	background: #eeeeee  url('../images/byelection/reg_e.png') top left no-repeat;
	background-size: 100px;
}
#content-main ul.by2020 li a.reg_f {
	background: #eeeeee  url('../images/byelection/reg_f.png') top left no-repeat;
	background-size: 100px;
}

.homebox20c {
    border: 1px solid #ABABAB;
	 margin: 10px 10px 30px 0;
}

#content-main a.bywork20 {
	width: 220px;
	margin-left: 0;
}

/*.MenuBox, .MenuBox2 {
    padding: 10px;
    margin-bottom: 10px;
    margin-left: 0;
    float: none;
}

.MenuBox {
    width: 100%;
}*/



#content-main ul#menuby li {
    float:none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    margin-top: 5px;


}

#byelection .logo3 {
	margin: 0 0 5px 60px;
	float: none;
	width: 100%;
}

#content-main ul.saf3 li {
	margin-right: 10px;
	width: 300px;
	padding: 180px 10px 0 10px;
	display: block;
}
.covidnote {
	padding: 115px 10px 20px 10px;
	background: url(/ele/2020/images/covidnote2.jpg) top left no-repeat;
	margin-bottom: 30px;
	margin-right: 10px;
}


}

@media print {
#byelection .anchorstitle {
	float: none;
}
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
														   ByElecs - Spring 2023
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	ByElecs - Spring 2023
													  Icon buttons on index page
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		@media only screen and (min-width: 401px){/* - - - - - NB: MIN-width -*/
			#content-main ul.by2020 {
				justify-content: space-between;
				justify-content: flex-start;
				gap: 1.2em 0.62em;
			}
			#content-main ul.by2020 li {
				width: 140px;
			}
			#content-main ul.by2020 li a {
				padding-top: 0;
				height: 100%;
				margin: 0;
			}
			#content-main ul.by2020 li a::before {
				content: "";
				display: block;
				width: 100%;
				height: 165px;
			}
			#content-main a.sen22 {
				background: #eeeeee url('../images/byelection/sen22_sq.png') no-repeat 50% 0;
				border-radius: 0;
			}
			#content-main a.sec22 {
				background: #eeeeee url('../images/byelection/sec22_a.png') no-repeat 50% 0;
				border-radius: 0;
			}
			#content-main a.repos {
				background: #eee url('../images/byelection/icon_repos_b.png') no-repeat 50% 0;
				border-radius: 0;
			}
			#content-main a.workby22 {
				background: #eeeeee url('../images/byelection/workby22_a.png') no-repeat 50% 0;
				border-radius: 0;
			}
			#content-main a.a11y {
				background: #eeeeee url('../images/byelection/a11y-square.png') no-repeat 50% 0;
				border-radius: 0;
			}
			#content-main a.vic2024 {
				background: #eeeeee url('../images/byelection/vic.png') no-repeat 50% 0;
				border-radius: 0;
			}
			#content-main a.spread22 {
				background: #eeeeee url('../images/byelection/spread22.jpg') no-repeat 50% 0;
				border-radius: 0;
			}
		}/* - NB: MIN-width - - - - - - - - - - - - - - - - - - - end-of-401px*/
		@media only screen and (max-width: 400px){/* - - - - - - - - - - - - -*/
				#content-main ul.by2020 a {
					border-radius: 0;
					background-size: 100px;
					padding: 10px 10px 10px 110px !important;
					min-height: 60px !important;
				}
				ul.by2020 a.by2023Btn {
					/*Nothing common yet*/
				}
				/*Buttons added since went fully flex need extra rules for this width*/
					ul.by2020 a.a11y {
						background: #eeeeee url('../images/byelection/a11y-square.png') no-repeat 0 0;
					}
		}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-400px*/
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	ByElecs - Spring 2023
																	   Utilities
	.htmlEntityChar
	E.g.: <span class="htmlEntityChar">&rarr;</span>
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		.htmlEntityChar {
			position: relative;
			font-size: 162%;
			display: block;
		}
		.clearBefore::before {
			content: " ";
			display: table;
			clear: both;
		}
		/*Messages*/
			/*#01 [client to provide/confirm link]*/
				a[href="#01"] {
					outline: 1px solid greenyellow;
				}
				a[href="#01"]::after {
					content: "[client to provide/confirm link]";
					background: greenyellow;
					text-decoration: none !important;
					color: darkgreen;
					font-family: monospace;
					font-size: 14px
				}

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	ByElecs - Spring 2023
																	  a11y pages
	.be2023A11y
		All pages in here will be wrapped in this div

	Padding technique hero decorative images (used in places tagged: a11y202305171700)
	a. get img proportion as a number, e.g. 500px X 333px = 1.5
	b. decide on width you want for img, say 40%
	c. do maths to get padding: 0.5 * (40/1.5) = 13.333%
	  (0.5 because padding is on top and bottom, so we half it)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		/*Padding technique hero decorative images*/
			/*GENERIC rules
			For ALL hero SPANs (e.g. <span class="be2023Hero [class]"></span>)*/
				.be2023Hero {
					display: block;
					float: right;
					margin: 1.62em;
					margin-right: 0;
					/*Padding technique*/
						box-sizing: border-box;
						position: relative;
				}
				.be2023A11y > .be2023Hero:first-child {
					margin-top: 0;
				}
				.be2023Hero::before {
					content: "";
					background-size: 100%;
					position: absolute;
					top: 0;
					left: 0;
					bottom: 0;
					right: 0;
				}
			/*SPECIFIC rules
			For A hero SPAN (e.g. 'a11y' <span class="be2023Hero a11y"></span>)*/
				/*.a11y*/
					.be2023Hero.a11y {
						/*a11y202305171700*/
							width: 40%;
							padding: 13.33333%;
					}
					.be2023Hero.a11y::before {
						background: url('../images/byelection/a11y1.jpg') no-repeat 0 0;
						background-size: 100%;
					}
				/*.a11yPolStns*/
					.be2023Hero.a11yPolStns {
						/*a11y202305171700*/
							width: 40%;
							padding: 13.33333%;
					}
					.be2023Hero.a11yPolStns::before {
						background: url('../images/byelection/a11y2.jpg') no-repeat 0 0;
						background-size: 100%;
					}
				@media only screen and (max-width: 360px){/* - - - - - - - - -*/
					/*.a11y, .a11yPolStns*/
						.be2023Hero.a11y,
						.be2023Hero.a11yPolStns {
							float: none;
							margin: 0;
							/*a11y202305171700*/
								width: 100%;
								padding: 33.333%;
						}
				}/* - - - - - - - - - - - - - - - - - - - - - - - end-of-360px*/

		/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
		.be2023A11y
															  .be2023GenericBtns
		Buttons for inner pages
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
			ul.be2023GenericBtns {
				gap: 1.38em;

				display: flex;
				flex-wrap: wrap;
				list-style-type: none;
				padding: 0;
				margin: 0;
				justify-content: flex-start;
			}
			ul.be2023GenericBtns li {
				width: 47%;

				padding: 0 !important;
				margin: 0 !important;
				text-align: center;
			}
			ul.be2023GenericBtns a {
				height: 100%;
				min-height: 3.48em;
				display: flex;
				align-items: center;
				border-radius: 3.8px;
				line-height: 1.38;
				background: #dbdbdb;
				box-shadow: 3px 3px 3px #b5b5b5;
				color: #222222;
				text-decoration: none !important;
				font-size: 116%;
			}
			ul.be2023GenericBtns a:hover,
			ul.be2023GenericBtns a:focus {
				 background: #6c6c6c;
				 color: white !important;
			}
			ul.be2023GenericBtns a span {
				text-align: center;
				display: block;
				flex-grow: 1;
				margin: 1.2em;
			}
			@media only screen and (max-width: 360px){/* - - - - - - - - - - -*/
				ul.be2023GenericBtns li {
					width: 100%;
				}
			}/* - - - - - - - - - - - - - - - - - - - - - - - - - end-of-360px*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																	From acc/tol
Largely from here, plus some stuff
/content2.aspx?section=acc&dir=tol&document=index&lang=e
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.be2023Sections > div:not(.noTbe2023Sections),
	.be2023Sections > .noTbe2023Sections > div {
		padding-left: 160px;
		margin-top: 50px;
		min-height: 125px;
	}
	.assist {
		background: url("../images/byelection/votGreen.jpg") top left no-repeat;
	}
	.sign {
		background:url("../images/byelection/handPink.jpg") top left no-repeat;
	}
	.id {
		background: url("../images/byelection/greenID.jpg") top left no-repeat;
	}
	.big_bal {
		background:url("../images/byelection/purpBal.jpg") top left no-repeat;
	}
	.large_prt {
		background:url("../images/byelection/binYellow.jpg") top left no-repeat;
	}
	.tac_tpl {
		background:url("../images/byelection/balPink.jpg") top left no-repeat;
	}
	.magnifier {
		background:url("../images/byelection/magBlue.jpg") top left no-repeat;
	}
	.pen {
		background: url("../images/byelection/penPurp.jpg") top left no-repeat;
	}
	.scr {
		background:url("../images/byelection/blueVotScr.jpg") top left no-repeat;
	}
	.sig {
		background:url("../images/byelection/pinkSig.jpg") top left no-repeat;
	}

	/*Larger imgs so extra rule*/
		.assistAssist {
			background:url("../images/byelection/yellowAssist.png") no-repeat 0 0;
			background-size: 144px;
			margin-top: 0 !important;
			margin-bottom: 3.24em;
		}
		.blueCalendar {
			background:url("../images/byelection/blueCalendar.png") no-repeat 0 0;
			background-size: 144px;
			margin-top: 0 !important;
			margin-bottom: 3.24em;
		}
		.blueProID {
			background:url("../images/byelection/blueProID.png") no-repeat 0 0;
			background-size: 144px;
			margin-top: 0 !important;
			margin-bottom: 3.24em;
		}
		.greenCastingBallot {
			background:url("../images/byelection/greenCastingBallot.png") no-repeat 0 0;
			background-size: 144px;
			margin-top: 0 !important;
			margin-bottom: 3.24em;
		}
		.greenSignLang {
			background:url("../images/byelection/greenSignLang.png") no-repeat 0 0;
			background-size: 144px;
			margin-top: 0 !important;
			margin-bottom: 3.24em;
		}
		.pinkLongCare {
			background:url("../images/byelection/pinkLongCare.png") no-repeat 0 0;
			background-size: 144px;
			margin-top: 0 !important;
			margin-bottom: 3.24em;
		}
		.purpleSpecialBallot {
			background:url("../images/byelection/purpleSpecialBallot.png") no-repeat 0 0;
			background-size: 144px;
			margin-top: 0 !important;
			margin-bottom: 3.24em;
		}

		.yellowHelplineComb {
			padding-left: 0 !important;
		}
		.yellowHelplineComb::after {
			content: "";
			display: block;
			background:url("../images/byelection/yellowHelplineComb.png") no-repeat 50% 0;
			background-size: 100% auto;
			width: 62%;
			height: 172px;/*img 277 high x 0.62 = 172*/
			margin: auto;
		}
	@media only screen and (max-width: 700px){/* - - - - - - - - - - - - - - -*/
		.be2023Sections > div:not(.noTbe2023Sections),
		.be2023Sections > .noTbe2023Sections > div {
			background: none;
			padding-left: 0;
			margin-top: 0;
			min-height: inherit;
		}
		.yellowHelplineComb::after {
			display: none;
		}
	}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-700px*/
	.noTbe2023Sections {
		border: 1px solid #ABABAB;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		padding: 10px 15px;
	}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																			.swl
content.aspx?section=ele&dir=2023/46007/swl&document=index&lang=e

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	/* a11y202306061904
	Apply a natural box layout model to all elements, but allowing components
	to change.
	9EEADi^^HHH]A2F=:C:D9]4@>^a_`a^3@I\D:K:?8\3@C56C\3@I\7EH^
	*/
		.swl {
			box-sizing: border-box;
		}
		.swl *, .swl *:before, .swl *:after {
			box-sizing: inherit;
		}
	/*OK, that done, on with the rest...*/
	.swl {
		font-size: 116%;
	}
	.swl .swlFlex {
		display: flex;
		gap: 1.62em;
	}
	/*In desktop; LH column and RH column*/
		.swl .swlFlex > div:nth-of-type(1) { width: 62%; }
		.swl .swlFlex > div:nth-of-type(2) { width: 38%; }
	.swl dt {
		font-weight: bold;
		font-size: 120%;
		margin-bottom: 0.38em;
	}
	.swl dd {
		margin-left: 0;
	}
	.swl dd > *:nth-of-type(1) {
		margin-top: 0;
	}
	.swl dd > *:last-child {
		margin-bottom: 0;
	}
	.swl img {
		max-width: 100%;
		border: 1px solid #ccc;
		/*Border PLUS 100% does *not* = > 100% and break stuff 'cos
		  a11y202306061904*/
		margin-top: 1.0em;
	}
	.miniSwlFlex {
		display: flex;
		gap: 0.38em;
		justify-content: center;
		flex-wrap: wrap;
		margin-top: 0.38em;
	}
	@media only screen and (max-width: 600px){/* - - - - - - - - - - - - - - -*/
		.swl .swlFlex {
			display: inherit;
			gap: inherit;
		}
		.swl .swlFlex > div:nth-of-type(1) { width: 100%; }
		.swl .swlFlex > div:nth-of-type(2) { width: 100%; }
		.swlImg img {
			max-width: 38%;
		}
	}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-600px*/