/*New styles for by-elections in 2020 */

.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-left: -45px;
}
#content-main ul.by2020 li {
	list-style-type: none;
	float: left;
}

#content-main ul.by2020 li a {
	padding:  160px 5px 15px 5px;
	width: 165px;
	min-height: 35px;
	display: block;
	text-decoration: none;
	text-align: center;
	color: #292929;
	line-height: 1.0em;
	font-size: 1.2em;
	font-weight: 600;
	margin: 0 10px 35px 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.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 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;
	max-width: 250px;
	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;
	max-width: 250px;
	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;
	max-width: 250px;
	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/spread.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.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;
	max-width: 250px;
	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: #ece4e5 url('/ele/images/pat.png') top right no-repeat;
	overflow: visible;
}

.electionpromo2 {
	border: 1px solid #bdbdbd;
	padding: 15px;
	margin: 20px 0 30px 0;
	/*background: #E7E8E8;*/
   
}

.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 {
	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 {
    padding: 5px 40px 15px 15px;
    width: 320px;
    float: left;
}

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

.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: 15px 155px 19px 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.waysvoteadvance20 {
    background:  url(../images/ways/advance.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.waysvoteadvance2022 {
    background:  url(../images/ways/advance2022-2.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.waysvotero20 {
    background:  url(../images/ways/ro.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.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;
	max-width: 300px;
	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: #dbdbdb;
	border: 1px solid #d6d6d6;
	padding: 10px;
	font-size: 1.2em;
	width: 90%;
	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;
}

.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/img7.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 {
	margin: 40px 0 0 -30px;
}

#content-main ul.waysvote5 li {
	margin: 0 20px 10px 0;
	list-style-type: none;
	float: left;
	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 {
	width: 200px;
   display: block;
   padding: 80px 10px 10px 10px;
   min-height: 90px;
  	text-decoration: none;
  	font-size: 1.3em;
  	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;
}

/*---------------------------------------------------*/
@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;
    margin-bottom: 10px;
    /*width: 90%;*/
}

#content-main ul.saf3 li {
	margin-right: 10px;
	width: 175px;
	padding: 180px 10px 0 10px;
	display: block;
}

#content-main ul.waysvote5 li a {
	font-size: 1.3em;
	width: 250px;
   padding: 80px 20px 10px 20px;
   min-height: 70px;
  	
}

#content-main ul.waysvote5 li {
	margin: 0 30px 30px 0;
}




}

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

#content-main ul.waysvote5 li a {
	width: 200px;
   padding: 80px 30px 10px 30px;
   min-height: 60px;
  	text-align: center;
}

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

#content-main ul.waysvote5 {
	margin: 30px 0 0 30px;
}

#content-main ul.waysvote5 li {
	margin: 10px;
}


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

}

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

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

#content-main ul.waysvote5 li a {
	width: 200px;
   display: block;
   padding: 80px 30px 10px 30px;
   min-height: 60px;
  	text-decoration: none;
  	font-size: 1.3em;
  	font-weight: 500;
  	line-height: 1.2em;
  	color: #333;
  	text-align: center;
}
  
}

/***********************************************************/
@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;
}
#content-main ul.by2020 li a {
	padding:  20px 20px 20px 130px;
	max-width: 160px;
	min-height: 55px;
	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: 120px;
}

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

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

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

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



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