/*.......... Table of content .........*/



/* .......... STRUCTURE elements ......... */
body{
	padding-top: 1em;
	background:#ccd5dc url('../images/bg-top-home.gif') top center no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #222222;
	margin: 0;
}


.longdesc {
	padding-top: 1em;
	margin: 20px;
	background: none;

}

img {
	 border: 0px;
}



form {
	margin: 0px;
	padding: 0px;
}

#wrap {
	width: 980px;
	background-color: White;
	margin:0px auto;
	padding-left: 15px;
   padding-right: 15px;
}



#content {
	clear: both;
	float: right;
	width: 770px;
	padding: 0;
	background: #FFFFFF;
}

#sidebar {
	clear: both;
	float: left;
	width: 210px;
	padding: 0;
	background: #CCFFFF;
}

#footer {
	clear: both;
	background: #233238 url(../images/backgroundfooter.jpg) top repeat-x;
	width: 100%;
	height: 400px;
}

.footerSocImages img{
	margin:0;
	border: 1px solid #999999;
	/*box-shadow: 0 0 5px #999999;*/
	}

/* Search Header elements - style */
/* Search Header elements - style */
/*.social-bookmarks a:hover*/
a.footerSocImages:hover{
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#logo {
	width: 240px;
	float: left;
	background: #FFFFFF;
}

#searchbar {
	width: 300px;
	float: left;
	background: #FFFFFF;
	padding: 1em 1em;
}

#searchbar input.styled {
	width:160px;
	border:1px solid #C9CBCC;
	margin-right:0px;
	margin-top: 0px;
	padding-left:20px;
	padding-top: 8px;
	padding-bottom: 8px;
	background:url('../images/seach-icon.gif') top left no-repeat;
}

#searchbar input.styled:focus {
	-webkit-box-shadow: 0 0 5px #999999;
	-moz-box-shadow: 0 0 5px #999999;
	box-shadow: 0 0 5px #999999;
}



/*input.button {
	cursor:pointer;
	outline:none;
	background:#414F5A url('../images/blue-btn.gif') top left no-repeat;
	border:none;
	width:80px;
	font-size:10px;
	color:#FFFFFF;
	line-height:12px;
	padding:2px 5px 4px 0;
	text-transform:uppercase;
}*/

input.searchbutton, input.button {
	cursor:pointer;
	outline:none;
	background:#414F5A;
	border:none;
	width:auto;
	font-size:1em;
	color:#FFFFFF;
	line-height:1em;
	/*padding:2px 5px 4px 0;*/
	padding: 6px 10px 8px 10px;
	margin-top: 3px;

}

input.button:hover, input.button:focus {
	background: #1a2025;
}

input.styled2 {
	width:110px;
	border:1px solid #C9CBCC;
	margin-right:0px;
	margin-top: 0px;
	padding: 5px 10px;
	background: #ffffff;
}
.doubleUnderline {
    text-decoration:underline;
    border-bottom: 1px solid #000;
}


input.button.go {
	cursor:pointer;
	outline:none;
	background: #8b2942; /*url('../images/go-btn.jpg') top left no-repeat;*/
	border:none;
	border-radius: 3px;
	width:auto;
	color:#FFFFFF;
	padding:5px 10px 5px 10px;
	text-align: center;
	-webkit-appearance: none;
}

input.button.go:hover, input.button.go:focus {
	background: #333;
}

select.styled {
  border:1px solid #dddddd;
  padding:0;
  width:250px;
}


/* Graphic bar - home page - style */
/* Graphic bar - home page - style */



#graphzone {
	width: 979px;
	background-color: #d0d7dd;
	border-top: 10px solid white;
	clear: both;
	padding: 10px 0;
	height: 290px;
	margin: 0;
}

#aboutec {
/*	clear: both;*/
	float: left;
	width: 20%;
	height: 275px;
	padding: 5px 10px 10px 10px;
	margin: 0 0 0 10px;
	background: url(../images/aboutecback.jpg) top center no-repeat;
	display: inline; /* fixes IE/Win double margin bug */
	background-color: #233239;
}

#aboutec a:focus, a:active {
outline:1px dashed red;
background: #ffffcc;
color: #000000;
}

.aboutecsmall {
	font-size: 0.8em;
	color: white;
}

.aboutec li {
	font-size: 0.8em;
	list-style-image: url(../images/arrow-footer.gif);
	margin-left: -20px;
	padding-bottom: 8px;

}

.aboutec a {
	text-decoration: none;
	color: white;
}

.aboutec a:hover {
	text-decoration: underline;
	color: white;
}

.aboutechr {

	margin-left: -25px;
	color: #CDCDCD;
	/*height: 1px;*/
	margin-bottom: 15px;
	margin-top: 15px;
}

.boxhome2 {
	float: left;
	width: 220px;
	height: 275px;
	padding: 5px 10px 10px 10px;
	margin: 0 0 0 10px;
	/*background: url(../images/aboutecback.jpg) top center no-repeat;*/
	display: inline; /* fixes IE/Win double margin bug */
	background-color: #2b3d46;
	color: white;
}

.doubleLine{
	border-top: 1px solid #632423;
	border-bottom: 1px solid #632423;
	color:#632423;
	padding: 10px 10px 10px 0px;
	width: 40%;
	font-size:1.3em;
	clear: both;
	margin-top: 0px;

}
img.border{
	border: 1px solid black;

}

a.bordershadow {
	border: 1px solid #d8d8d8;
	box-shadow: 0 0 5px #c2c2c2;
	display: block;
}

a.bordershadow:hover, a.bordershadow:focus {
	box-shadow: 0 0 10px #d35353;
}
.redbox {

	background:#52202c url(../images/home/vote.jpg) bottom center no-repeat;
}



.bluebox {

	background:#2b3d46 url(../images/home/electionmap.jpg) bottom center no-repeat;
}

.demoweekbox {

	background:#2b3d46 url(../images/home/democracyhome.jpg) bottom center no-repeat;
}

.byelectionbox {

	background:#52202c url(../images/home/byelectionhome.jpg) bottom center no-repeat;
}


.largetext {
	font-size: 1.4em;

}

/*Styles for home5 - delete if option is not chosen */


.boxhome2c {
	float: left;
	width: 340px;
	height: 275px;
	padding: 5px 10px 10px 10px;
	margin: 0 0 0 10px;
	/*background: url(../images/aboutecback.jpg) top center no-repeat;*/
	display: inline; /* fixes IE/Win double margin bug */
	background-color: #52202c;
	color: white;
}

.redboxa {

	background:#52202c url(../images/home/votea.jpg) bottom center no-repeat;
}

.redboxa2 {

	background:#2b3d46 url(../images/home/votea.jpg) bottom center no-repeat;
}






.blueboxc {

	background:#2b3d46 url(../images/home/electionmapa.jpg) bottom center no-repeat;
}

.blueboxtax {

	background:#2b3d46 url(../images/home/cra_e.png) bottom center no-repeat;
	border: 1px solid silver;
}

a.blueboxtaxa  {
	width: 340px;
	height: 275px;
}

.blueboxtaxf {

	background:#2b3d46 url(../images/home/cra_f.png) bottom center no-repeat;
	border: 1px solid silver;
}

.boxhome2a a {
	color: white;


}

/*.boxhome2a a:hover, .boxhome2a a:focus, .boxhome2a a:active {
	color: #cecece;

}*/

.largetexta {
	font-size: 1.4em;

}

ul.col4 li {
	list-style-image: url(../images/arrow.gif);
	margin-left: -10px;
	padding-bottom: 10px;
	font-size: 0.9em;
}

ul.col4 {
	margin-bottom: -10px;
}


/* END of styles for home5 */




/* start of banner switch on main page */
#banner {
float:left;
/*margin: 0 1px 0 0px;*/
padding: 10px;
background: #ffffff;
width:74%;
}
#banner ul, #banner li {
padding: 0px;
margin: 0px;
list-style:none;
}
/* #3. Button placement */
div#button{
	float: right;
	height: 270px;
	/*z-index:99;*/
}

div#images{
	height: 270px;
	float: left;
	overflow:hidden;
/*	border:1px #c5c5c5 solid;*/
}

/* #3. Navigation buttons to the left of disjointed images */
div#button li{
	position:relative;
	width:220px;
	height:84px;
	padding: 5px;
	border-bottom:1px solid #000;
	/*text-indent:-9999px;*/
}

div#button li.last {
border-bottom:0px solid #000;
}

/* #3. Make the Buttons Clickable */
li#pic1 a, li#pic2 a, li#pic3 a{
	width:220px;
	height:70px;
	display:block;
}

/* end of banner switch on main page */

/* new banner for 2015 ge on home page */

#bannerge {
	float: left;
	width: 73%;
	height: 275px;
	padding: 5px 10px 10px 10px;
	margin: 0 0 0 10px;
	background: #f1e7e5 url(../images/gebanner_e.jpg) top center no-repeat;
	display: inline; /* fixes IE/Win double margin bug */
	font-size: 1em;
	border: 1px solid #aeaeae;
}

#bannerge-f {
	float: left;
	width: 73%;
	height: 275px;
	padding: 5px 10px 10px 10px;
	margin: 0 0 0 10px;
	background: #f1e7e5 url(../images/gebanner_f.jpg) top center no-repeat;
	display: inline; /* fixes IE/Win double margin bug */
	font-size: 1em;
	border: 1px solid #aeaeae;
}

#bannerge .textge, #bannerge-f .textge {
	padding: 5px 10px 10px 200px;
}

#bannerge ul li, #bannerge-f ul li {
	margin-bottom: 10px;
}

#bannerge h2, #bannerge-f h2 {
	font-size: 2em;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* delete if no longer used */
/*#col1ge {
	float: left;
	width: 305px;
	margin: 0 9px 0 0;
	padding: 0 6px 0 6px;
	background-color: #dadada;
	height: 250px;
	border-top: 1px dashed #8b0000;
	border-bottom: 1px dashed #8b0000;
}

#col1ge-f {
	float: left;
	width: 305px;
	margin: 0 9px 0 0;
	padding: 0 6px 0 6px;
	background: #dadada url(../images/computerguy.gif) bottom right no-repeat;
	height: 280px;
	border-top: 1px dashed #8b0000;
	border-bottom: 1px dashed #8b0000;
}*/

.col1ge {
	float: left;
	width: 312px;
	padding: 0;
	/*background: #e9e9e9 url(../images/computerguy.gif) bottom right no-repeat;*/
	background: #e9e9e9 url(../images/computer2.png) bottom right no-repeat;
	border-right: 1px solid #E2E5E7;
	border-left: 1px solid #E2E5E7;
	border-bottom: 1px solid #E2E5E7;
	margin: 0;
}

ul.ereghome {
	margin-right: 130px;
}

ul.ereghome li {
	margin-bottom: 7px;
}

.col2ge {
	float: left;
	width: 312px;
	padding: 0 6px 0 6px;
	/*background-color: #ECECF0;*/
		/*background: #d3d3d4 url(../images/backcol2.jpg) bottom repeat-x;
height: 250px;*//*  */
	border-right: 1px solid #E2E5E7;
	border-left: 1px solid #E2E5E7;
	border-bottom: 1px solid #E2E5E7;
	margin: 0 14px;
}

.col2ge p, .col1ge ul li {
	font-size: 0.9em;
}

.col4ge {
	float: left;
	width: 312px;
	margin: 0;
	padding: 0;
	background-color: #e9e9e9;
	/*height: 250px;	*/
}

.colreg {
	float: left;
	width: 312px;
	margin: 0;
	padding: 0;
	background-color: #e9e9e9;

}

.longcol {
/*	height: 380px;*/
height: 435px;
}

.longcol2 {
	height: 370px;
}

.shortcol {
	height: 250px;
}
.medcol {
	height: 320px;
}
.medcol2 {
	height: 340px;
}

.col4ge h2, .col4ge h3, .col1ge h2, .colreg h2 {
/*	background-color: #1d2a2f;
	color: white;*/
	background-color: #cacaca;
	color: #383838;
	padding: 3px 5px;
}

/*.col4ge ul li {
	padding-bottom: 5px;
}*/

.col4ge a.check2 {
	font-size: 0.9em;
	background: #cecece;
	border: 1px solid #b1b1b1;
	border-radius: 5px;
	color: black;
	float: right;
	margin: 0 10px 0 0;
	display: block;
	text-decoration: none;
	padding: 5px 10px;
}

.col4ge a:hover.check2 {
	background: #b1b1b1;
}


#col2.colge-f, #col3.colge-f {
	height: 280px;
}

/*#col1ge h2, #col1ge-f h2 {
	color: #7d0000;
}*/

#col1ge ul li, #col1ge-f ul li {
	font-size: 0.9em;
	margin-bottom: 8px;
	width: 80%;
}

#col1ge a.check, #col1ge-f a.check, #bannerge a.check, #bannerge-f a.check, #icons2 a.check, .col1ge a.check {
	width: 170px;
	background: #233238;
	color: white;
	padding: 10px;
	display: block;
	border-radius: 5px;
	margin-left: 8px;
}

#col1ge a.checkf {
	font-size: 0.8em;
}

.col1 {
	width: 350px;
	border: 1px solid #8a8a8a;
	margin: 0 15px 20px 0;
	float: left;
	min-height: 400px;
	box-shadow: 5px 5px 5px #dfdfdf;
}

.col1int {
	width: 350px;
	/*border: 1px solid #8a8a8a;*/
	margin: 0 15px 20px 0;
	float: left;
	min-height: 200px;
	/*box-shadow: 5px 5px 5px #dfdfdf;*/
}

.col1 h3 {
	background: #5d5d5d;
	color: white;
	padding: 10px 5px;
	margin: 0 0 20px 0;
	text-align: center;
	font-size: 1.3em;
}

.col1 p {
	margin: 5px 20px;
}

.col1am, .col2am {
	width: 350px;
	border: 1px solid #8a8a8a;
	margin: 0 15px 20px 0;
	float: left;
	/*min-height: 415px;*/
	box-shadow: 5px 5px 5px #dfdfdf;
}
.col3am {
	width: 350px;
	border: 1px solid #8a8a8a;
	margin: 0 15px 20px 0;
	float: left;
	min-height: 120px;
	box-shadow: 5px 5px 5px #dfdfdf;
	
}
.col1am {
	height: auto;
}



.col2am {
	min-height: 400px;
}

.col1am h2, .col2am h2, .col3am h2 {
	background: #5d5d5d;
	color: white;
	padding: 10px 5px;
	margin: 0 0 20px 0;
	text-align: center;
	font-size: 1.3em;
	min-height: 30px;
}

.col1am h3, .col2am h3 {
	padding-left: 5px;
}

.col1am p, .col2am p {
	margin: 5px 20px;
}

.col1am ul, .col2am ul {
	margin-left: -10px;
}

h2.titream {
	background: #f1f1f1;
	padding: 10px 5px;
	margin: 20px 0 20px 0;
	font-size: 1.3em;
}

.spaceneeded2 {
	height: 50px;
	width: auto;
	display: block;
	position: relative;
}

.supplierpromo2 {
	background: url(/emp/pro/images/suppromo.png) top right no-repeat;
	background-size: 200px;
	padding-right: 200px;
}



#content-main .related a, #content-main a.related {
	width: 200px;
	
	/*background: #00bed6;*/
	background: #dadada; 
	box-shadow: 3px 3px 3px #b5b5b5;
	 border-radius: 3px;
	 border: 1px solid #ccd5d1;
	text-align: center;
	padding: 20px;
	margin: 10px 10px 20px 40px;
	display: block;
	vertical-align: middle;	
	text-decoration: none;
	color: #0d0d0d;
	font-size: 1.4em;
	line-height: 1.4em;
}

#content-main .related a:hover, #content-main .related a:focus, #content-main a.related:hover, #content-main a.related:focus{
	 
	 background-color: #8b2942;
	 color: white;
}

#content-main a.largebut {
	width: 400px;
	margin: 30px 0;
}
a.checknew {
	width: 100px;
	height: auto;
	background: #233238;
	color: white;
	padding: 15px;
	display: block;
	border-radius: 5px;
	margin-left: 10px;
}


#col1ge a:hover.check, #col1ge-f a:hover.check, #bannerge a:hover.check, #bannerge-f a:hover.check, .col1ge a:hover.check, .col1ge a:focus.check, #icons2 a:hover.check, a.checknew:hover, a.checknew:focus {
	background: #555555;
	text-decoration: none;
	color: white;
}

#icons2 a:hover.check {
	background: #444444;
	color: white;
	text-decoration: none;
}

.col25 {
	width: 25%;
	margin: 3px 5px;
	float: left;
}
.col35 {
	width: 35%;
	margin: 3px 5px;
	float: left;
}

.col20 {
	width: 20%;
	margin: 3px 5px;
	float: left;
}
.col40 {
	width: 40%;
	margin: 3px 5px;
	float: left;
}
.col50 {
	width: 50%;
	margin: 3px 5px;
	float: left;
}
.col60 {
	width: 60%;
	margin: 3px 5px;
	float: left;
}
#bannerge .check2, #bannerge-f .check2 {
	text-align: center;
	margin-top: 30px;
}

#icons2 a.check2 {
	font-size: 0.9em;
	width: 120px;
	background: #cecece;
	border: 1px solid #b1b1b1;
	color: black;
	float: right;
	margin: 0 10px 0 0;

}

/* END new banner for 2015 ge on home page */


#impact-right {
	width:210px;/*240px*/
	height:250px;/*310px*/
	padding:0px 0px 30px 0px;
	float: left;
	margin: 0 0 0 10px;

}

.title {
	color:#8B2841;
	font-size:.8em;
	background: url('../images/arrow.gif') no-repeat 0px 5px;
	padding:0px 0 0px 10px;
	text-decoration:none;
	display:block;
	font-weight:bold;
}

a:hover.title  {
	color:#333333;
	text-decoration:underline;
}

.text {
	color:#5b5b5b;
	font-size:0.8em;
	padding:5px 0 3px 10px;
	display:block;
}

.morelink {
	display:block;
	background:url('../images/more-link.gif') 10px 3px no-repeat;
	padding:0 0 0px 25px;
	color:#8B2942;
	text-decoration:none;
	font-size: 0.75em;
/*	border-bottom: 1px solid #233239;*/
	float: right;

}
a:hover.morelink {
	color:#333333;
	text-decoration: underline;
}

#columntop {
	background: url(../images/columnhome.jpg) top center no-repeat;
	height: 47px;
	width: 980px;
}

.backhome {
	background: #ced5db url('../images/backwithx.jpg') top right no-repeat;
	/*text-align: center;*/
	height: 30px;
	padding: 10px 5px;
	/*font-weight: 600;*/
	font-size: 0.9em;


}

.backhomefr {
	background: #dd9352 url('../images/backwithx.jpg') top right no-repeat;
	/*text-align: center;*/
	height: 40px;
	padding: 10px 5px;
	/*font-weight: 600;*/
	font-size: 0.9em;
}

ul.promogris {
	margin-left: -10px;
	margin-top: 0;
}
li.promogris  {

	padding: 5px 0 5px 7px;
	list-style-type: none;
	background: url('../images/arrow.gif') no-repeat 0px 10px;
	margin-left: 0px;
	margin-bottom: 6px;
	font-size: 0.85em;
}

li.promogris2  {
	background: url('../images/arrow.gif') no-repeat 0px 10px;
	padding: 5px 0 5px 7px;
	list-style-type: none;
	margin-left: 0px;
	font-size: 0.85em;
	margin-bottom: 6px;
}

/* BEGIN - three columns in the middle home page */
/* BEGIN - three columns in the middle home page */


#col1 {
	float: left;
	width: 313px;
	padding: 0 6px 0 6px;
	background-color: #f5f6f8;
	height: 250px;
	border-bottom: 1px solid #E2E5E7;
	border-left: 1px solid #E2E5E7;

}

#col2 {
	float: left;
	width: 313px;
	padding: 0 6px 0 6px;
	/*background-color: #ECECF0;*/
	background: #d3d3d4 url(../images/backcol2.jpg) top repeat-x;
	height: 250px;
	border-right: 1px solid #E2E5E7;
	border-left: 1px solid #E2E5E7;
	border-bottom: 1px solid #E2E5E7;

}




#col3 {
	float: left;
	width: 314px;
	padding: 0 6px 0 6px;
	background-color: #f5f6f8;
	height: 250px;
	border-bottom: 1px solid #E2E5E7;
	border-right: 1px solid #E2E5E7;

}

#col1a {
	float: left;
	width: 313px;
	padding: 6px 6px 0 6px;
	height: 80px;
	color: #eeeeee;

}

#col1a a {
	text-decoration: none;
	color: #eeeeee;

}

#col1a a:hover {
	text-decoration: none;
	color: #eeeeee;

}


#col2a {
	float: left;
	width: 313px;
	padding: 6px 6px 0 6px;
	height: 80px;



}

#col3a {
	float: left;
	width: 314px;
	padding: 6px 6px 0 6px;
	height: 80px;


}

#col3am {
	float: left;
	width: 314px;
	padding: 0 6px 0 6px;
	background-color: #f5f6f8;
	height: 250px;
	border-bottom: 1px solid #E2E5E7;
	border-right: 1px solid #E2E5E7;
	background:#DFEFFF url(../images/backphone2.jpg) top right no-repeat;

}


h2.whatsnew {
	padding: 5px 0 0 40px;
	font-size: 1.2em;
	height: 1.7em;
	color: #333333;
	margin: 0;
	background: url(../images/whatsnew.jpg) top left no-repeat;
}

h2.whatsnew2 {
	padding: 5px 0 0 40px;
	font-size: 1.2em;
	height: 1.7em;
	color: #333333;
	margin: 0;
	background: url(../images/whatsnew2.jpg) top left no-repeat;
}

.date {
	font-size: 0.85em;
	margin: 0 0 4px 0;
	/*padding: 10px 0 0 0;*/
}

.titlenew a {
	color:#8B2841;
	font-size:0.8em;
	background:url('../images/arrow.gif') 0px 4px no-repeat;
	padding:0px 0 0px 10px;
	text-decoration:none;
	display:block;
	font-weight:bold;
}
.titlenew a:hover {
	color:#333333;
	text-decoration:underline;
}

.titlenew2 a {
	color:#8B2841;
	font-size:0.8em;
	/*background:url('../images/arrow.gif') 0px 4px no-repeat;*/
	border-top: 1px solid #979797;
	padding:5px 0 0px 0px;
	text-decoration:none;
	display:block;
	font-weight:bold;
	margin-right: 10px;
}
.titlenew2 a:hover {
	color:#333333;
	text-decoration:underline;
}

/*h4.titlenew3, h3.titlenew3 {
	margin: 0;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1em;
}*/

h2.vis {
	padding: 5px 0 0 40px;
	font-size: 1.2em;
	height: 1.7em;
	color: #333333;
	margin: 0;
	background: url(../images/vis.jpg) top left no-repeat;
}

h2.other {
	padding: 5px;
	font-size: 1.2em;
	height: 1.7em;

	margin: 0;
	text-align: center;

}



h2.find {
	padding: 10px 0 0 0px;
	font-size: 1em;
	line-height: 1em;
	font-weight: 400;
	color: #333333;
	margin: 0;

}

#col1 p,#col2 p {
	font-size: 0.9em;
}

#homemiddle {
	min-height: 200px;
	width: 100%;
	clear: both;

}
.box {
	background: #FFFFFF url(../images/backpc.jpg) bottom center repeat-x;
	width: 220px;
	margin: 0 auto;
	padding: 10px 10px 0px 20px;
	height: 55px;
	border: 1px solid #AEAEAE;

}

.box p {
	margin: 0;
	padding: 0;
}

.box2 {
	/*background: #F3F3F3;*/
	background: #FFFFFF url(../images/backpc.jpg) bottom center no-repeat;
	width: 260px;
	margin: 0 auto;
	padding: 5px;
	border: 1px solid #AEAEAE;
}

.box3 a {
	background: #e3e6eb;
	width: 260px;
	margin: 0 auto;
	padding: 5px;
	border: 1px solid #AEAEAE;
	display: block;
}

.box2title {
	padding:10px 0px 10px 30px;
	background: url(../images/iam.gif) top left no-repeat;
}

.box2popular {
	padding:10px 0 10px 30px;
	background: url(../images/popular.gif) top left no-repeat;
}

.boxsimple {
	border: 2px solid black;
	padding: 4px;
}

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

.freebox2 {
	background: #F1F1F1;
	padding: 0px 10px 5px 10px;
	border: 1px solid #AEAEAE;
}

.freebox3 {
	background: #FFFF99;
	padding: 0px 10px 5px 10px;
	border: 1px solid #FEFF35;
}

.freebox4 {
	background: #FFFFC6;
	padding: 10px;
	border: 1px solid #C8C8C8;
}

.freebox5 {
	background: #ECECEC;
	padding: 10px;
	border: 1px solid #AEAEAE;
}


.freebox6 {
	background: #ECECEC;
	padding: 10px;
	border: 1px solid #AEAEAE;
	background-image: url(../images/back_freebox6.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	/*width: 600px;*/
}

.freebox6a {
	padding: 10px;
	border: 1px solid #AEAEAE;
	background-image: url(../images/back_freebox6a.jpg);
	background-position: top left;
	background-repeat: no-repeat;

}

li.freebox6 {

	list-style-position: inside;
}

.freebox7 {
	background: #ECECEC;

	border: 1px solid #AEAEAE;
}
.freebox7 h2 {

	margin: 0;
	padding: 5px 0;
	background-color: #3a444e;
	color: white;
}

.freebox7 p {
	padding: 10px;
}


.freebox8 {
	background: #ECECEC;
	padding: 10px;
	border: 1px solid #AEAEAE;
	background-image: url(../images/back_freebox8.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	/*width: 600px;*/
}
.freebox9 {
	background: #c6c7c8;
	padding: 10px;
	background-image: url(../images/back_freebox9c.jpg);
	background-position: top right;
	background-repeat: no-repeat;
/*	border:1px #666666 solid;
*/
	/*width: 600px;*/
}
.freebox9 h4 {
	background:url(../images/h2_freebox9.jpg) no-repeat top;
	padding-bottom:9px;
	padding-top:8px;
	padding-left:20px;

	margin-top:0;
	border-right:1px #666666 solid;
	border-left:1px #666666 solid;
	border-bottom:2px #666666 solid;
	width: 50%;padding-top:3px;

}
/*div.freebox9 p.info {text-indent:-50px;padding-left:50px}
*/div.freebox9 .info2 {padding-left: 100px; display: block;}

.freebox10 {
	background: #eeedee;
	background-position: top right;
	background-repeat: no-repeat;
	padding-bottom:15px;
}

.freebox10a {
	background: #eeedee;
	background-position: top right;
	background-repeat: no-repeat;
	padding-bottom:15px;
	width:49%;
}
.freebox10b {
	background: #eeedee;
	background-position: top right;
	background-repeat: no-repeat;
	padding-bottom:15px;

}
.freebox10 p, .freebox10a p, .freebox10b p{
margin-left: 10px;
margin-right: 15px;
}
.freebox10 ul, .freebox10a ul, .freebox10b ul{

	padding-left: 5px;
}

.freebox10 h4, .freebox10a h4, .freebox10b h4 {
	background:#661430;
	padding-left:20px;
	color:white;
	border-right:1px #666666 solid;
	border-left:1px #666666 solid;
	border-bottom:2px #666666 solid;
	padding-top:3px;
}


.freebox10 h4.noBG2{
	background-color: #eeedee;
	color: black;
	border: none;
}

.freebox10a h2, .freebox10b h2
{background:#c8daeb;
	padding-left:20px;
	padding-bottom: 10px;
	padding-top: 18px;
	color:black;
	border-bottom:2px #666666 solid;
	font-size: 20px;
	margin-top: 0;
}


.freebox10 h2,
{background:#c8daeb;
	padding-left:20px;
	padding-bottom: 10px;
	padding-top: 10px;
	color:black;
	border-bottom:2px #666666 solid;	font-size: 20px;
}

.freebox10 h3, .freebox10a h3 {
	background:#c8daeb;
	padding-left:20px;
	padding-bottom: 10px;
	padding-top: 10px;
	color:black;
	border-bottom:2px #666666 solid;
}

.freebox10am h2 {
	background:#333;
	padding-left:20px;
	padding-bottom: 10px;
	padding-top: 10px;
	color:white;
	margin: 0;
}

.freebox10am {
	border: 1px solid #333;
	padding-bottom:15px;
	margin-bottom: 20px;
	
}

.freebox10am p {
	margin: 10px;
}

.freebox10am2 h2 {
	background:#333;
	padding-left:20px;
	padding-bottom: 10px;
	padding-top: 10px;
	color:white;
	margin: 0;
}

/*#content-content a.freebox10am2, #content-content a:active.freebox10am2, #content-content a:visited.freebox10am2  {
	
	padding: 20px 10px 15px 170px;
	
	margin-bottom: 20px;
	background:#157093 url('../images/covid2.jpg') top left no-repeat;
	text-decoration: none;
	height: 60px;
	width: 400px;
	display: block;
	color: white;
	font-size: 1.3em;
}



.freebox10am2 p {
	margin: 10px;
}*/


/*div.freebox9 p.info {text-indent:-50px;padding-left:50px}
*/div.freebox10 .info2 {padding-left: 100px; display: block;}

.freebox10 p, .freebox10a p {
		padding-left:20px;
}


.freebox11 {
	background: #e7d9d9;
	padding: 0px 10px 5px 10px;
	border: 1px solid #AEAEAE;
}
h2.freebox11 {
	margin: 0;
	padding: 10px;
	background-color: #8b2942;
	color: white;
		border-bottom:2px  #333333 solid;

}

.freebox12 {
	border-top: 8px solid #c2c2c2;
	border-bottom: 8px solid #c2c2c2;
	border-left: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	padding: 8px;
}
.freebox13 {
	background: #ECECEC;
	padding-left: 25px;
	border: 1px solid #AEAEAE;
	background-image: url(../images/back_freebox13.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 15px;
	/*width: 600px;*/
}
.freebox14 {
	background: #ECECEC;
	padding-left: 25px;
	border: 1px solid #AEAEAE;
	background-image: url(../images/back_freebox14.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 15px;
	min-height: 75px;
	/*width: 600px;*/
}



li.listinside {
	list-style-position: inside;
}


/* END - three columns section on home page */

#anniversary {
	clear: both;
	background:#EFEFEF;
	height: 88px;
	width: 980px;
	border-top: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #AAAAAA;
	/*margin: 330px 0 0 0;*/
	margin: 10px 0 0 0;

}
.SimpleHeader {
	clear: both;
	background:#EFEFEF;
	height: 25px;
	width: 100%;
	border-top: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #AAAAAA;
	/*margin: 330px 0 0 0;*/
	padding:5px 0 5px 5px;
}

/* Begin - buttons/icons section on home page */

#icons {
	clear: both;
	background:#EFEFEF;
	height: 160px;
	width: 980px;
	border-top: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #AAAAAA;
	/*margin: 330px 0 0 0;*/
	margin: 10px 0 0 0;

}

#icons2 {
	clear: both;
	background:#EFEFEF;
	min-height: 70px;
	/*width: 980px;*/
	width: 960px;
	border-top: 1px solid #AAAAAA;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #AAAAAA;
	/*margin: 330px 0 0 0;*/
	margin: 10px 0 0 0;
	padding: 10px 0px 10px 10px;
	overflow: auto;
}
 .iconspacer {
 	width: 100px;
	padding: 5px;
	margin: 5px 4px 5px 4px;
	float: left;

 }

 .iconspacersmall {
 	width: 50px;
	padding: 5px;
	margin: 5px 4px 5px 4px;
	float: left;

 }


.iconwrap {
	width: 224px;
	padding: 5px;
	margin: 5px 4px 5px 4px;
	float: left;
	display: inline; /*fixes IE/Win double margin bug */
}

.iconwrap2 {
	width: 325px;
	padding: 5px;
	margin-top: 5px;
	margin-left: 15px;
	float: left;
	display: inline; /*fixes IE/Win double margin bug */
}

a.moreicon {
	display:block;
	background:url('../images/more-link.gif') 10px 2px no-repeat;
	padding:0 0 10px 25px;
	color:#8B2942;
	text-decoration:none;
	font-size: 0.75em;
	width: 100px;
	margin-left: 130px;
	display: inline; /*fixes IE/Win double margin bug */
}

a:hover.moreicon {
	color:#333333;
	text-decoration:underline;
}


/* BEGIN - Home page styles - GE */

.floatrighthome {
	float: right;
	width: 210px;
	background-color: #E0E0E0;
	height: 265px;
	padding: 5px;
}

.tagline {
	font-size: 1.4em;
	font-weight: 600;

}

/* END - Home page styles - GE */
/* Footer styles */

#footerwrap1 {
	width: 980px;
	margin:0 auto;
	padding: 0;
	text-align:center;
}
.socialwrap h2, .socialwrap2 h2, .socialwrap3 h2 {
	padding-bottom:5px;

}

.socialwrap, .socialwrap2, .socialwrap3 {
	float: none;
	width: 260px;
	margin: 0 10px;
	padding: 10px 10px 10px 10px;
	background: #E3E3E3;
	height: 55px;
	border: 1px solid #C7C7C7;
	font-size: 0.8em;
	text-align:left;
	display:inline-block;
	vertical-align:top
}


/*
input.button {
	cursor:pointer;
	outline:none;
	background:#414F5A url('../images/blue-btn.gif') top left no-repeat;
	border:none;
	width:70px;
	font-size:10px;
	color:#FFFFFF;
	line-height:12px;
	padding:2px 5px 4px 0;
	text-transform:uppercase;
}*/

.share1,
.share2,
.share3 {
	color:#666666;
	font-size:12px;
	background:url('../images/share1.jpg') top left no-repeat;
	padding:0 10px 0 20px;
	text-decoration:none;
}
.share2 {
	background:url('../images/share2.jpg') top left no-repeat;
}
.share3 {
	background:url('../images/share3.jpg') top left no-repeat;
}

.contact {
	background:url('../images/qu-icon.jpg') top left no-repeat;
	padding:4px 5px 10px 40px;
}

#footerwrap2 {
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding: 25px 0 0 0;
	font-size: 0.85em;
	/*height: 80px;*/

}

#footerwrap2 a:focus, a:active {
outline:1px dashed #ebe7aa;
background: #ffffcc;
color: #000000;
}

.footercol {
	/* float: left;
	width: 120px; */
	/*margin: 0 0 0 10px;*/
	padding: 0px;
	font-size: 0.85em;
	line-height: 2em;
	color: white;

	/*background:#999999;*/
}

.large {
	width: 160px;
}

.larger {
	width: 180px;
}

.separator {

	border-left: 1px solid white;
	padding-left: 10px;
}

.notop {
	margin-top: 0px;
}
.footercol ul {
	padding-bottom: 5px;
	margin: 0px;
}
.footercol li {
	list-style-image: url(../images/arrow-footer.gif);
	margin: 0 0 0 -35px ;

}

.footercol a {
	text-decoration: none;
	color: white;
}

.footercol a:hover {
	text-decoration: underline;
	color: white;
}

#footerwrap3 {
	clear: both;
	width: 980px;
	margin: 0 auto;
	padding: 5px 0;
	border-top: 1px solid white;
	font-size: 0.8em;
	color: white;
}

#footerwrap3 a {
	color: white;
	text-decoration: none;
}

#footerwrap3 a:hover {

	text-decoration: underline;
}

#footerwrap3 .column1 {
	float: left;
	width: 80%;
}

#footerwrap3 .column2 {
	float: right;
	width: 20%;
	text-align: right;
}


/* BEGIN - OLD STYLES for list of political parties page (pol/par/ - positionning */
#party
{
	width: 100%;
	border: 1px solid Black;
	border-color: Black;
	border-style: solid;
	float: left;
	clear: both;
}

#alert
{
	width: 99%;
	padding: 5px;
	border: 2px solid red;
	background: White;
	border-color: #990033;
	border-style: solid;
	float: left;
	clear: both;
	margin: 2px;
}

.alert2 {
	width: 95%;
	font-weight: 600;
	font-size: 1.1em;
	padding: 3px;
	border: 2px solid red;
	background: #ffd4e2;
	border-color: #990033;
	border-style: solid;

	clear: both;
	margin: 6px 6px 15px 6px;
}

h3.partyname
{
	background-color: #cccc99;
	color: #990033;
	FONT-SIZE: 110%;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
	border-bottom: 1px solid Black;
	padding: 2px;
}

h3.partynamenolink
{
	background-color: #cccc99;
	color: #000000;
	FONT-SIZE: 110%;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
	border-bottom: 1px solid Black;
	padding: 1px;
}

#centrecol
{
	border-color: black;
	border-bottom: 1px solid Black;
	padding: 3px;
	background-color: White;
	text-align:center;
}

#leftcol
{
	float: left;
	width: 48%;
	border-color: black;
	border-right: 1px solid Black;
	padding: 3px;
	background-color: White;
}

#rightcol
{
	float: left;
	padding: 3px;
	width: 48%;
	background-color: White;
}

#leftcol2
{
	float: left;
	width: 48%;
	padding: 3px;
	background-color: White;
}

#rightcol2
{
	float: left;
	border-color: black;
	border-left: 1px solid Black;
	padding: 3px;
	width: 48%;
	background-color: White;
}
/* END - list of political parties page (pol/par/ - positionning */

h2.partyname
{
	background-color: #cccc99;
	color: #990033;
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
	border-bottom: 1px solid Black;
	padding: 2px;
}
/* NEW STYLES for list of parties */

.colun {
	width: 48%;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}

.coldeux {
	width: 48%;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}

.borderbox {
	border: 1px solid black;
	/*padding: 5px;*/
	overflow: auto;
	height: 1% !important;

}

.partytitle {
	border-bottom: 1px solid black;
	background-color: #CCCC99;
	font-size: 1.2em;
	padding: 10px 0px;
	margin-top: 0px;

}

.logoparty {
	border-bottom: 1px solid black;
	padding: 0;
	margin: 0;
	text-align: center;
}



/* LEFT NAVIGATION BAR - CONTENT - STYLES */
/* LEFT NAVIGATION BAR - CONTENT - STYLES */

#rootname{
	font-size:1em;
	line-height: 1.5em;
	color:#ffffff;
	padding:9px 0px 0px 15px;
	background:  url('../images/nav-bg-top2.jpg') top left no-repeat;
	min-height:31px;
	height:auto !important;
	height:31px;
	margin: 0;
	width: 175px;
}
#rootname a{
    color:White;
}
#rootname-bg{
	background: #3a444e url('../images/nav-bg-top-y.jpg') top left repeat-y;
	width: 175px;
	overflow: hidden;
}
/* GR added on 2020/01/29 A11Y: nest H2 inside rootname */
#rootname h2, #cr-title h2 {
	font-size:1em;
	color:#ffffff;
	font-weight: normal;
	margin: 0;
}


#navbox {
	width: 174px;
	float: left;
	padding: 5px 0 0 0;
	margin: 0px 0px 10px 0px;
}

#navbox a:focus, a:active {
outline:1px dashed #ebe7aa;
background: #ffffcc;
color: #000000;
}

/* LEFT NAVIGATION BAR - CONTENT - STYLES ---NEW--- */
/* LEFT NAVIGATION BAR - CONTENT - STYLES ---NEW--- */

div.leftnav {
	font-size:1em;
	line-height: 1.2em;
	float:left;
	padding-right: 10px;
}
div.leftnav h2{
	background-color: #333;
	color: #666666;
	border-bottom: 1px solid #fff;
	padding: 0px 0px 0px 0px;
	text-align: center;
	margin: 0px;
	width: auto;
	overflow: hidden;
}

div.leftnav h2 a, div.leftnav h2 a:hover {
	color: #666666;
	text-decoration: none;
	border: none;
	background-image: #000000 url('../images/nav-bg-current.jpg') top left no-repeat;

}

div.leftnav a{
	display: block;
	width: auto;
	padding: 2px 2px 2px 2px;
	margin: 0px;
	text-decoration: none;
}
div.leftnav a:hover {
	color: white;
	background: #000000 url('../images/nav-bg-current.jpg') top left no-repeat;
	text-decoration: none;
}

div.leftnav .currentleftnav {
	clear: both;
	color: white;
	font-weight: bold;
	background: #000000 url('../images/nav-bg-current.jpg') top left no-repeat;
}
div.leftnav ul, div.leftnav ul.menugroup {
	margin: 0px;
	padding: 0px;
	list-style: none;
	color: #666666;
	/*font-size: 0.8em;*/
	font-size: 0.9em;
	display: block;
	width: 174px; /* seems to control the bg colour width */
}
ul.menugroup_hide, ul.menugroup_hide li {
	display: none;
}
div.leftnav ul, div.leftnav ul.menugroup li.current-active
{
    color: white;
	background: black;
}
div.leftnav ul, div.leftnav ul.menugroup li a.current-active
{
    color: white;
	background: black;
}

div.leftnav li {
	margin: 0px;
	padding: 0px;
}

/* level 1 and all levels */
div.leftnav ul li{
	background: #fafafa;
}
div.leftnav ul li {
	background: #fafafa;
}
div.leftnav ul li.menugroup_hide {
	background: #fafafa;
}
div.leftnav ul li.menugroup {
	background: #fafafa;
}
div.leftnav ul li a {
	width: 161px; /* controls first level width */
	margin: 0px;
	padding: 4px 0px 4px 12px;
	color: #666666;
	border-left: 1px solid #B0B0B0;
	border-right: 1px solid #B0B0B0;
	border-bottom: 1px solid #B0B0B0;
}
div.leftnav ul li a.extlink_lhn {
	width: 162px;
	margin: 0px;
	padding: 4px 18px 4px 12px;
}

div.leftnav ul li a:hover { color: white; }

/* level 2 */
div.leftnav ul ul li {
	background: #cccccc;
}
div.leftnav ul ul li {
	background: #cccccc;
}
div.leftnav ul ul li.menugroup_hide {
	background: #cccccc;
}
div.leftnav ul ul li.menugroup {
	background: #cccccc;
}
div.leftnav ul ul.menugroup li a {
	/*color: #666666;*/
	color: #424242;
	width: 153px; /* controls second level width */
	margin: 0px;
	padding: 4px 0px 4px 20px;
	border-bottom: 1px solid #999999;
}

div.leftnav ul ul.menugroup li.activate a {
	color: #666666;
	width: 153px;  /*controls second level width */
	margin: 0px;
	padding: 4px 0px 4px 20px;
	border-bottom: 1px solid #999999;
	background: url(../images/arrow_submenu.jpg) top left no-repeat;
}
div.leftnav ul ul.menugroup li a.extlink_lhn {
	width: 162px;
	margin: 0px;
	padding: 4px 18px 4px 20px;
}
/* level 3 */

div.leftnav ul ul ul li {
	background: #ffcc66;
	background: #e4d3ab;
}
div.leftnav ul ul ul li.menugroup_hide {
	background: #ffcc66;
	background: #e4d3ab;


}
div.leftnav ul ul ul li.menugroup {
	background: #ffcc66;
	background: #e4d3ab;
}
div.leftnav ul ul ul.menugroup li a {
	color: #333;
	width: 145px; /* controls third level width */
	margin: 0px;
	padding: 4px 0px 4px 28px;
	border-bottom: 1px solid #999999;
	/*font-size: 1.2em;*/
}

div.leftnav ul ul ul li.menugroup_hide a { }

div.leftnav ul ul ul li.menugroup a { }

div.leftnav ul ul li a.extlink_lhn {
	width: 104px;
	margin: 0px;
	padding: 4px 18px 4px 28px;
}

div.leftnav ul ul li a:hover { color: white; }

div.leftnav ul ul ul li a:hover { color: white; }

/* ---------------------- */
/* 4th and 5th level Nav Items */




div.leftnav ul ul ul ul li {
	background: #CCFFE6;
	font-size: 1.1em;
}
div.leftnav ul ul ul ul li a{
	color: White;
}
div.leftnav ul ul ul ul ul li {
	background: #FFFF99;
	font-size: 1.2em;
}
div.leftnav ul ul ul ul li a{
	color:White;
}


/*#vr.menugroup  {
	background-color: #cccc99;
	background-color: #8b2942;
	color: white;
	font-weight:bold;
	color: white !important;
	background:url('../images/nav-bg-current.jpg') top left no-repeat;
}*/


#vr.menugroup { background-color: #000000; font-weight: bold; }

#vr.menugroup a { color: White; }

#vr.menugroup li a { color: #666666; }



/* ------------------------------END NEW LEFT NAV STYLE ------------------------------ */
/* ------------------------------END NEW LEFT NAV STYLE ------------------------------ */



/* CONTENT AREA - LEVEL 1 - CONTENT - STYLES */
/* CONTENT AREA - LEVEL 1 - CONTENT - STYLES */

#content-content{
	width:615px;
	float:left;
	color:#222222;
	padding:5px 0px 0px 10px;
	background: url('../images/content-content-bg.jpg') 10px 40px no-repeat;
	font-size: 0.9em;
	margin: 0;

}

#content-content a, #content-main a {
	text-decoration: underline;
}

#content-content a:visited, #content-main a:visited {
	text-decoration: underline;
	color: #002A00;
}

#content-content h1{
	background: url('../images/content-h1.jpg') bottom left no-repeat;
	padding:15px 10px 20px 0px;
	font-size:1.4em;
	color:#333333;
}


#content-content ul li, #content-main ul li{
	/*background: url('../images/grey-arrow.gif') 0px 5px no-repeat;*/
	padding:0px 0px 5px 8px;
	margin:0px;
}

#content-content ul ul{
	margin:10px 0px 10px 0px;
}

#content-content ul ul li{
	/*background: url('../images/bullet.gif') 0px 5px no-repeat;*/
	margin:0px 0px 0px 30px;
}

#content-content .blank{
	background:none;
}

/* BREADCRUMB STYLES */
#breadcrumbs {
	background: #a7afb2 url('../images/breadcrumbs-bg.jpg') top left no-repeat;
	padding: 13px 0px 8px 30px;
	margin:0;
	color:#003700;
}
#breadcrumbs ol{
	list-style:none;
	margin:0px;
	padding:0px;
}
#breadcrumbs ol li{
	display:inline;
	
}

#breadcrumbs a{
	color:#000000;
	padding:0px 10px 0px 0px;
	background: url('../images/slash.png') center right no-repeat;
	background-size: 6px 12px;
}
#breadcrumbs a:hover{
	color:#ffffff;
}

/* THIRD COLUMN - RELATED INFO - LEVEL 1*/
#content-right {
	width:170px;/*325px*/
	padding:5px 1px 0 0px;
	margin-left: 5px;
	float: right;
}

#content-right .heading {
	padding:0 5px 40px 10px;
	margin:0;
	font-size:15px;
	color:#2B3E45;
}
#content-right .heading span {
	display:block;
	font-size:18px;
	color:#591110;
}
#content-right .title {
	font-size:13px;
	color:#8B2942;
	padding:0 0 10px 38px;
}
#content-right .help{
	height:100px;
	padding:0 0 0 40px;
}

#cr-bottom{
	background: url('../images/rightcol-bg-bottom.jpg')	bottom left no-repeat;
	height:5px;
}

#cr-content .title{
	display:block;
	font-size:13px;
	padding:0px 0px 10px 0px;
	font-weight:bold;
	color:#333333;
}

#cr-content {
	border: 1px solid #C4C4C4; /* does not cause the extra grey line */
	border-bottom-left-radius: 8px; /* for rounded corners in Mozilla */
	border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	background-color: White;

}

#cr-title{
	background:	#3a444e url('../images/rightcol-bg-top.jpg') top left no-repeat;
	padding:11px 0px 10px 15px;
	font-size:1em;
	color:#ffffff;
	margin-right: 0;
}

#cr-content ul{
	padding:10px 0 0 5px;
	font-size: 0.8em;

}

#cr-content ul li{
	background: url('../images/arrow.gif') 0px 5px no-repeat;
	padding:0px 15px 8px 12px;
	margin:0px;
}

#cr-content ul li a {
	text-decoration: none;
}

#cr-content ul li a:hover {
	text-decoration: underline;
}






/* COMMON STYLES */
/* COMMON STYLES */
/* COMMON STYLES */

/* no margin no padding for elements that need to be contained for w3c validation */
.nopadnomarg { margin: 0px; padding: 0px; }


a {
	color:#8B2841;
	text-decoration: none;
}

a:hover {
	color: #333333;
	text-decoration: underline;
}

a:focus, a:active {
outline:1px dashed red;
background: #ffffcc;
color: #000000;
}

a:active.noback, a:focus.noback {
	background: none;
}

a img {
	border:none;
}

a img.border {
	border: 1px solid #6C6C6C;
}

a:selected {
text-decoration: none;
}

a.arrow {
	display:block;
	background:url('../images/dark-arrow.gif') 0px 4px no-repeat;
	padding-left:10px;
	color:#8B2942;
	text-decoration:none;
}

a:hover.arrow {
	display:block;
	background:url('../images/dark-arrow.gif') 0px 4px no-repeat;
	padding-left:10px;
	color:#333333;
	text-decoration:underline;
}

a.ui-link {

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

}

a.share {
	 background: url("../images/share.png") no-repeat top left;
    padding-left: 30px;
    padding-bottom: 5px;
}


h1{
	font-size:1.4em;
	color:#333333;
}

h1#top>span.docSubtitle{
	font-size:0.85em;
	color:#666;
	display:block;
    font-style: italic;
}


h2 {
	font-size: 1.3em;
	color: #333333;

}

h3 {
	font-size: 1.2em;
	color: #333333;
}

h4 {
	font-size: 1.0em;
	color: #333333;
}

h5 {
	font-size: 1.0em;
	color: #333333;
}

h6 {
	font-size: 1.0em;
	font-style: italic;
	color: #333333;
	margin: 20px 0 5px 0;
}

/* class to make header with a background color */

.emphasis {
	background-color: #E2E3BF;
	border: 1px solid #D1D196;
	line-height: 1.5em;
}

.strongred {
	font-size: 1.3em;
	color: #8B2841;
	margin: 0;
}

.right {
	text-align: right;
}

.smallgreytext {

	font-size: 0.75em;
	color: #E0E0E0;

}

.imageCaption{
		font-size: 0.90em;
		background-color: #EAEAEA;
		display:block;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 2px;
		padding-right: 10px;
		margin-left: 0px;
		margin-right: 5px;
		margin-top:0;
		font-style:italic;
		width:250px;

		}

.figcaption {
    display: block;
		width:33%;

}


.small, .small p {
	font-size: 0.75em;
}

.smaller {
	font-size: 0.95em;
}

.smallest {
	font-size: 0.65em;
}

.blue {
	color: blue;
}
.whiteNote {
	color: white;
}

.largefont {
	font-size: 1.2em;
}

.padding10 {
	padding: 10px;
}

table, td, th
{
    border-color: #000000;
    border-style: solid;
}

table
{
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
	background-color:white;
}

td, th
{
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
}

th.nobold {
	font-weight: 400;
}


.resetlist, .resetlist ul, .resetlist li {
	padding:0;
	margin:0;
	background:none;
	list-style:none;
}


table.cellpad td, table.cellpad th{
	padding: 15px;
	border-color: #a5a5a5;
}

table.cellpad {
	border-left: 1px solid #a5a5a5;
	border-bottom: 1px solid #a5a5a5;
}
table.cellpad caption {
	font-size: 1.4em;
}
.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.bold2 {
	font-weight: 600;
}

.underline {
	text-decoration:underline;
}

.rss {
	margin: 0 0 10px 10px;
	float: right;
	color: #FF6600;
	font-size: 0.85em;
}

.backtop
{
	/*float: right;*/
	text-align: right;
	font-size: 0.8em;
	padding-right: 10px;

}

a.backtop2 {
	text-align: right;
	background: url('../images/top.gif') 4px 0px no-repeat;
	padding-left: 20px;
	text-align: right;
	font-size: 0.9em;
}

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

#content-content .rss a:hover, #content-main .rss a.hover  {
	text-decoration: underline;
}

/* 1......... Header structure ......... */
/* 1......... Header structure ......... */
/* 1......... Header structure ......... */

#header {
	margin: 0;
	padding: 15px 0 0 0;
	background: #FFFFFF url('../images/headerback.jpg') top right no-repeat;
	
}


/*#headercol1 {
	float: left;
	width: 25%;
}

#headercol2 {
	float: left;
	width: 30%;
}

#headercol3 {
	float: right;
	width: 44%;
}*/

#headercol1 {
	float: left;
	width: 35%;
}

#headercol2 {
	float: left;
	width: 30%;
}

#headercol3 {
	float: right;
	width: 34%;
}

/* =================================================================== */

/* 2......... TOP Menu Style ......... */
/* 2......... TOP Menu Style ......... */
/* 2......... TOP Menu Style ......... */

#menubar {
	/*width: 350px;*/
	float: right;
	/*padding: 0px 0 0 0;*/
	text-align: right;
	padding: 1em 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;
}
*:first-child+html #navlist li {
	padding: 0 .2em 0 .4em;
}
#navlist li a {
	text-decoration: none;
	color: #1F2C33;
}

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

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

/* 2......... Main Menu Style ......... */
/* 2......... Main Menu Style ......... */
/* 2......... Main Menu Style ......... */


#menualign {
	width: 100%;
	text-align:center;
	margin:auto;
	background-color:#ffffff;
}

#mainmenu
{
padding:0px;
margin:0px;
color:#fff;
font-family: arial, helvetica, sans-serif;

font-size: 0.8em;
font-weight: bold;
text-align:left;
}


#mainmenu li {display:inline;}

#mainmenu li a
{
padding: 0.6em 0.3em;
background-color: #232323;
color:#ffffff;
text-decoration:none;
float:left;
border:1px solid #ffffff;
/*width: 130px; changed on dec 17 2019 - interfering with Safari 13*******/
width: 129px;
height: 70px;
overflow: hidden;
}


#mainmenu li a .small
{
padding: 5px 0 0 0;
color:#EDEDED;
text-decoration:none;
float:left;
width: 130px;
font-size: 0.75em;
display: block;
}

#mainmenu li a:hover, #mainmenu li a:focus, #mainmenu li a:active
{
background:#8b2942;
color:#fff;
width: 130px;
}

#mainmenu li a:hover .small
{
background:#8b2942;
color:#EDEDED;
width: 130px;
cursor: pointer;
}

#mainmenu .current a
{
background:#8b2942;
color:#fff;
width: 130px;
}

#mainmenu li a .smallcurrent
{
padding: 5px 0 0 0;
background-color: #8b2942;
color:#EDEDED;
text-decoration:none;
float:left;
width: 130px;
font-size: 0.75em;
}

#mainmenu li.last a
{
padding: 0.6em 0.3em;
background-color: #232323;
color:#ffffff;
text-decoration:none;
float:left;
border:1px solid #ffffff;
height: 70px;
}

#mainmenu li.last a:hover
{
background:#8b2942;
color:#fff;
}

#navlist.current a
{
background:white;
color:black;
text-decoration: underline;
font-weight: bold;
}

/* new styles for responsive menu */

a.topnav-link {
  display: none;
  padding: 8px 0px;
  margin-bottom: 4px;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;

  float: left;
  color: white;
  width: 100%;
  background-color: rgb(139, 41, 66);
  border-color: #e5e5e5 #e5e5e5 #bfbfbf;
}

.topnav-link:hover,
.topnav-link:focus {
  text-decoration: none;

}

.caret {
  display: inline-block;
  vertical-align: 5%;
  border-left: 4px solid #ffffff;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  content: "";
}

a.topnavexpanded .caret{
  display: inline-block;
  vertical-align: middle;
  border-top: 4px solid #ffffff;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}
 .leftnav-link:hover,
.leftnav-link:focus {
  text-decoration: none;
}

a.leftnav-link {
  display: none;
  padding: 8px 0px;
  margin-bottom: 0;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;

  float: left;
  color: white;
  width: 100%;
  background-color: #314047;
  border-color: #e5e5e5 #e5e5e5 #bfbfbf;
}


/* ......... 3rl Level Styles - Content ......... */
/* ......... 3rl Level Styles - Content ......... */
/* ......... 3rl Level Styles - Content ......... */

#content-main{
	float:left;
	width:795px;
	font-size: 0.9em;
	padding: 5px 0 20px 10px;

}

#content-main h1{
	background: url('../images/content-h1.gif') bottom left no-repeat;
	padding:6px 10px 20px 0px;
	font-size:1.4em;
	/*color:#333333;*/
}

#content-main p {
	line-height: 1.3em;
}

#content-main ul li {
	line-height: 1.3em;
}

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

#content-main ul.nospacebr li {
	margin-bottom: 0;
}

/* Styles for Canadian Forces Electors */

#impact-2col {
	background:url('../images/twocolheader.jpg') top left no-repeat;
	height:150px;
}

#on-this-page{
	background: url('../images/on-this-page.jpg') top left no-repeat;
	width:142px;
	height:32px;
	padding-right:20px;
	float: left;
	font-size: 0.8em;

}

#quicklinks{
	margin:0px 0px 20px 0px;
	float: left;
	font-size: 0.75em;

}

.forces  {
	background: url('../images/title-2ndlevel.jpg') top left no-repeat;
	padding:3px 10px 20px 40px;
	margin:20px 60px 0px 0px;
	font-size: 1.2em;
	clear: both;
}

#quicklinks ul{
	/*padding-right:10px;	*/
	display: inline;
	float: left;
	list-style-type: none;
	margin: 0;
}

#quicklinks ul li{
  	background: url('../images/red-arrow.gif') 0px 5px no-repeat;
	margin: 0 0 3px 0;
	padding: 0;
}

#quicklinks ul li a{
  	margin-left: 10px;
	padding: 5px;
}

/* END - Styles for Canadian Forces Electors */

.clearall{
	clear: both;
}

.clearall2 {

	height: 1%;
	padding: 0;
	margin: 0;
	clear: both;
}


.clearallMenu {
	clear: both;
	padding: 0px;
	margin: 0px;
	line-height: 0px;
}


/* BEGIN - Styles for email forms */
.textfield {
float: right;
width:208px;
margin-right: 350px;200px;

}

/*label {
float: left;
font-weight: normal;
margin-left: 20px;
}*/

label.clear {float:none; margin-left:0;}

/*.textarea {
float: right;
margin-right: 166px;16px;
width: 99%;
}*/

.buttonsSpace {

  margin-right : 3px;
}


fieldset.style {
	border: 1px solid black;
	background: #FFFFFF url('../images/backemail.jpg') top repeat-x;
	padding: 10px;
}



/* END - Styles for email forms */

/* GENERIC ALIGN CSS */
.alignRight {
	text-align: right;
}
.alignCenter {
	text-align: center;
}
.alignLeft {
	text-align: left;
}
.alignTop {
	vertical-align: top;
}

.alignMiddle {
	vertical-align: middle;
}

.alignBottom {
	vertical-align: bottom;
}
.alignTopRight {
	text-align: right;
	vertical-align: top;
}
.alignTopCenter {
	text-align: center;
	vertical-align: top;
}
.alignTopLeft {
	text-align: left;
	vertical-align: top;
}
.alignBottomRight {
	text-align: right;
	vertical-align: bottom;
}
.alignBottomCenter {
	text-align: center;
	vertical-align: bottom;
}
.alignBottomLeft {
	text-align: left;
	vertical-align: bottom;
}

hr.footnote {
width: 35%;
text-align: left;/*this will align it for IE*/
margin: 0 auto 0 0;
}

.image-left {
	float: left;
	vertical-align: text-top;
	margin-right: 10px;
}
.image-right {
	float: right;
	vertical-align: text-top;
	margin-left: 10px;
}

.borderimg {
	border: 2px solid #C4C4C4;
	padding: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.borderimg2 {
	border: 1px solid #717171;
	padding: 8px;
	margin: 5px;
	background-color: #E8E8E8;

}


#content-main  a.border3:hover {
	opacity: 0.8;
}

.floatright, .floatRight {
	float: right;
}

.floatrightpad {
	float: right;
	padding: 10px;
}

.floatleft, .floatLeft {
	float: left;
}

.center {
	text-align: center;
}

.roman {
font-style: normal;
}
/* ---------------------- */

/* GENERIC WIDTH CSS */
.widthFull {
	width: 98.5%;
}

.width400 {
	width: 400px;
}
.width95 {
	width: 95%;
}
.width90 {
	width: 90%;
}
.width85 {
	width: 85%;
}
.width80 {
	width: 80%;
}
.width75 {
	width: 75%;
}
.width70 {
	width: 70%;
}
.width65 {
	width: 65%;
}
.width60 {
	width: 60%;
}
.width55 {
	width: 55%;
}
.width50 {
	width: 50%;
}
.width45 {
	width: 45%;
}
.width40 {
	width: 40%;
}
.width35 {
	width: 35%;
}
.width30 {
	width: 30%;
}
.width25 {
	width: 25%;
}
.width20 {
	width: 20%;
}
.width18 {
	width: 18%;
}
.width15 {
	width: 15%;
}
.width10 {
	width: 10%;
}
.width5 {
	width: 5%;
}

.width125 {
	width: 125px;
}

.height60 {
	height: 60px;

}




/* .......... FONT COLORS ......... */
/* .......... FONT COLORS ......... */
/* .......... FONT COLORS ......... */

.FontcolorRed {
color: Maroon;
}

.FontcolorWhite {
color: White;
}

.FontcolorBlack {
color: Black;
}

/* .......... BACKGROUND COLORS ......... */
/* .......... BACKGROUND COLORS ......... */
/* .......... BACKGROUND COLORS ......... */

.bgcolorWhite {
	 background-color: #ffffff;
}

.bgcolorBlack {
	 background-color: #000000;
}

.bgcolorGrey {
	 background-color: #999999;
}

.bgcolorLightGrey {
	 background-color: #cccccc;
}

.bgcolorDarkGrey {
	 background-color: #666666;
}

.bgcolorBlue {
	 background-color: #46698c;
}

.bgcolorLightBlue {
	 background-color: #477aad;
}
.bgcolorRed {
	 background-color: #8b2942;
}



.bgcolorDarkBlue {
	 background-color: #26394c;
}

.bgcolorYellow {
	 background-color: #ffffcc;
}

.lightgreyBG {
	background-color: #CCCCCC;

}

.lightyellowBG {
	background-color: #ffffcc;
}

.lightgreenBG {
	background-color: #CCCC99;
}

.lightpurpleBG {
	background-color: #E9CAFF;
}

.browntabletopBG {
	background-color: #dedbb1;
}

/* .......... LINE HEIGHT ......... */
/* .......... LINE HEIGHT ......... */
/* .......... LINE HEIGHT ......... */

.tall {
	line-height: 1.4em;
}



/* ---------------------- */
/* BEGIN Tables */

td.smallborder, th.smallborder, table.smallborder {
	border-collapse: collapse;
	border: 1px solid black;

}

/* BEGIN - Styles for Aboriginal page */

.article {

	margin-left:0px;
	padding:10px;
	border: 1px solid #999999;
	background-image: url("/templates/images/backgrounds/back.jpg");
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:10px;

}
.article2 {
	margin-left:0px;
	padding:10px;
	border: 1px solid #999999;
	background-image: url("/templates/images/backgrounds/back1.jpg");
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:10px;

}
.article3 {
	margin-left:0px;
	padding:10px;
	border: 1px solid #999999;
	background-image: url("/templates/images/backgrounds/back2.jpg");
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:10px;
}

.article4 {
	margin-left:0px;
	padding:10px;
	border: 1px solid #999999;
	background-image: url("/templates/images/backgrounds/back3.jpg");
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:10px;
}

h3.title2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	color:#000000;
	border-bottom:2px solid #999999;
	background-image: url("/templates/images/backgrounds/headers1.jpg");
	background-position:top right;
	background-repeat:no-repeat;
	padding-bottom:5px;
	padding-top:38px;
}

h3.title3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	color:#000000;
	border-bottom:2px solid #999999;
	background-image: url("/templates/images/backgrounds/headers2.jpg");
	background-position:top right;
	background-repeat:no-repeat;
	padding-bottom:5px;
	padding-top:38px;
}

h3.title4 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	color:#000000;
	border-bottom:2px solid #999999;
	background-image: url("/templates/images/backgrounds/headers3.jpg");
	background-position:top right;
	background-repeat:no-repeat;
	padding-bottom:5px;
	padding-top:38px;
}
h3.title5 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	color:#000000;
	border-bottom:2px solid #999999;
	background-image: url("/templates/images/backgrounds/headers4.jpg");
	background-position:top right;
	background-repeat:no-repeat;
	padding-bottom:5px;
	padding-top:38px;
}

.boldred
{
	font-weight: bold;
	font-variant: small-caps;
	color: Red;
}

/* END - Styles for Aboriginal page */


/* BEGIN - list of political parties page (pol/par/ - positionning */
.party
{
	width: 100%;
	border: 1px solid Black;
	float: left;
	clear: both;
}

#alert
{
	width: 99%;
	padding: 5px;
	border: 2px solid #990033;
	margin: 2px;
	clear: both;
}

h3.partyname
{
	background-color: #cccc99;
	color: #990033;
	font-size: 110%;
	padding: 5px 0;
	margin-bottom: 0px;
	margin-top: 0px;
	border-bottom: 1px solid Black;

}

h3.partynamenolink
{
	background-color: #cccc99;
	color: #000000;
	FONT-SIZE: 110%;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
	border-bottom: 1px solid Black;
	padding: 1px;
}

.centrecol
{
	border-bottom: 1px solid Black;
	/*padding: 3px;*/
	text-align:center;
}

.leftcol
{
	float: left;
	width: 48%;
	border-color: black;
	border-right: 1px solid Black;
	padding: 3px;
	background-color: White;
}

.rightcol
{
	float: left;
	padding: 3px;
	width: 48%;
	background-color: White;
}

.leftcol2
{
	float: left;
	width: 48%;
	padding: 3px;
	background-color: White;
}

.rightcol2
{
	float: left;
	border-color: black;
	border-left: 1px solid Black;
	padding: 3px;
	width: 48%;
	background-color: White;
}

.signature1
{
	float: left;
	width: 45%;
	padding: 3px;
	background-color: White;
	border-top: 1px solid black;
	margin-right: 20px;
	margin-top: 30px;
}

.signature2
{
	float: left;
	padding: 3px;
	width: 45%;
	background-color: White;
	border-top: 1px solid black;
	margin-right: 20px;
	margin-top: 30px;
}
/* END - list of political parties page (pol/par/ - positionning */

.signindent {
	margin-left: 60%;
	}

/* BEGIN - classes for thin bordered tables */


.thin table {
	border: 1px solid black;
	border-collapse: collapse;
	font-size: 1em;
}

.thin td {
	border: 1px solid black;
	border-collapse: collapse;
}


.thin th {
	border: 1px solid black;
	border-collapse: collapse;
}
.thin .small {
	font-size: .85em;
}

.thin caption {
	font-weight: bold;
	padding-bottom: 3px;
	font-size: 1.2em;
}


.thin2 table {
	border: 0px;
	border-color: Black;
	border-collapse: collapse;
	font-size: 1em;
}

.thin2 td {
	border: 0px;
	border-collapse: collapse;
}

.thin2 th {
	border: 0px;
	border-collapse: collapse;
}
.thin2 .small {
	font-size: .85em;
}

table th.whiteBG{
		background-color: White;

}
.lightblue  {
	background-color: #ccd5dc;
}

.lightgray  {
	background-color: #CFCFCF;
}

/* new thin style */



/* new thin style */


/* END - classes for thin bordered tables */




/* Style for horizontal list for Maps Corner */

.horizontallist ul {
	display: inline;
}

.horizontallist li {
  	background: url('/templates/images/red-arrow.gif') 0px 10px no-repeat;
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 0.8em;
	display: inline;
}

.horizontallist li a {
  	margin-left: 5px;
	padding: 5px;

}

.horizontallist2 ul {
	display: inline;
	background: #cad9df;

	padding: 20px;

}

.horizontallist2 li {

	/*margin: 6px 0 6px 0;*/
	padding: 0;
	font-size: 0.95em;
	display: inline;

}

#content-main .horizontallist2 li a {
  	margin-left: 5px;
	padding: 10px 10px;
	line-height: 1.8em;
	text-align: center;
}

.horizontal2 {

	margin: 10px auto;
	width: 90%;
	/*padding: 10px;*/
	/*background: #ececec;*/
	border: 1px solid #494949;
}

h2.smallhorizontal2 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	background: #494949;
	color: white;
	padding: 10px;

}

/* - End - horizontal list */

/* BEGIN - UL for entities pages */

ul#navent {
	font-family: sans-serif;
	font-size: 0.9em;

	}

ul#navent a
{
font-weight: bold;
text-decoration: none;

}

ul#navent, ul#navent ul, ul#navent li
{
margin: 0px;
padding: 5px;
list-style-type: none;
}

ul#navent li {
float: left;

 }

ul#navent li {
text-align: center;

}

ul#navent li a
{
color: #3300FF;
background-color: #CCCC99;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
border: 1px #ffffff outset;
display: block;
width: 150px;
}

ul#navent li a:hover
{
color: #666666;
background-color: #CCCCCC;
display: block;
}

ul#navent li:hover
{
display: block;
padding-top: 5px;
}

/* END - UL for entities pages */

/* BEGIN - UL for Navigation NEXT - PREVIOUS */

ul#navent2, ul.navent2 {
	font-family: sans-serif;
	font-size: 0.9em;
	}

ul#navent2 a, ul.navent2 a
{
font-weight: bold;
text-decoration: none;
}

ul#navent2, ul#navent2 ul, ul#navent2 li, ul.navent2, ul.navent2 ul, ul.navent2 li
{
margin: 0px;
padding: 5px;
list-style-type: none;
}

ul#navent2 li, ul.navent2 li { float: left; }

ul#navent2 li, ul.navent2 li { text-align: center; }

ul#navent2 li a, ul.navent2 li a
{
	background-position:  center;
	background-size: cover;
	padding: 0.5em 3em 0.5em 3em;
	text-align: center;
	color: #418541;
	background-color: #ffffff;
	border: 1px #cccccc solid;
	display: block;

/*padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
width: 140px;*/
}

ul#navent2 li a:hover, ul.navent2 li a:hover
{
color: #666666;
background-color: #CCCCCC;
display: block;
}

ul#navent2 li:hover, ul.navent2 li:hover
{
display: block;
/*padding-top: 5px;
*/}
/* END - UL for Navigation NEXT - PREVIOUS */

/* BEGIN - UL for Navigation NEXT - PREVIOUS */

ul#navent3 {
	font-family: sans-serif;
	font-size: 0.9em;
	}

ul#navent3 a
{
font-weight: bold;
text-decoration: none;
}

ul#navent3, ul#navent3 ul, ul#navent3 li
{
margin: 10px 20px;
padding: 5px;
list-style-type: none;
}

ul#navent3 li { float: left; }

ul#navent3 li { text-align: center; }

ul#navent3 li a
{
color: #448844;
background-color: #ffffff;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
border: 1px #cccccc solid;
display: block;
width: 140px;
}

ul#navent3 li a:hover
{
color: #666666;
background-color: #CCCCCC;
display: block;
}

ul#navent3 li:hover
{
display: block;
padding-top: 5px;
}
/* END - UL for Navigation NEXT - PREVIOUS */

/* BEGIN - UL for Table of Contents */

.toc1
{
 list-style-type: none;
 left: -13px;
 top: 5px;
}

ul.toc
{
 list-style-type: none;
 left: -13px;
 top: 5px;
 position: relative;
}

ul.toc2
{
 list-style-type: none;
 left: -13px;
 top: 5px;
 position: relative;
}

ul.tocZero
{

 padding-left: 5px;
 left: 6px;
 top: -5px;
 position: relative;
}

/* END - UL for Table of Contents */

/* BEGIN - UL for Site Map */

ul.site
{
 list-style-type: none;
 font-size: 1.2em;
 left: -13px;
 top: 5px;
 font-weight: 600;

}

ul.site1 li {

	list-style-image: url(/templates/images/arrow.gif);
}


ul.site1
{
 list-style-type: none;
 font-weight: 300;
 left: -13px;
 top: 5px;
 font-size: 0.8em;
 position: relative;
}

ul.site2
{
 list-style-type: none;
 left: -13px;
 top: 5px;
 position: relative;
}
/* END - UL for Site Map */

.lisquare {
	list-style-type: square;
}

/* BEGIN - style for FAQ */
h3.faq {
	background-image: url(/templates/images/pic_arrow_o.gif);
	background-position: 0 4;
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-bottom: 15px;
	font-weight: 600;
	}
/* styles for FAQ pages - added Mar 2011 - LCole */
h3.faq {
	padding-bottom:0px;
	margin-top:10px;
}

/*commented out by AM on Jan 3 2020*/
/*h2.faq {
	border-bottom: 1px solid lightgrey;
	margin-bottom: 30px;
	margin-top:40px;
	padding:5px;
	padding-left:10px;
	background-color:#E5E5E5;
	width: 98%;
	-moz-border-radius: 0em 3em 1em 0em;
	border-radius: 0em 3em 1em 0em;
}*/

.vot {
	border-bottom: 1px solid lightgrey;
	margin-bottom: 30px;
	margin-top:40px;
	padding:5px;
	padding-left:10px;
	background:#E5E5E5 url(/templates/images/backx.jpg) top right no-repeat;
	width: 98%;
	line-height: 3em;

}
hr.faq {
	border:0;
	color: lightgrey;
	background-color: lightgrey;
	height: 1px;
	text-align: left;
	margin: 20px auto 20px 0;
}

.faq4 h2 {
    background: #efefef;
    padding: 10px;
    border: 1px solid #c1c1c1;
    box-shadow: 5px 5px 5px #d9d9d9;
    margin: 30px 0;
    font-weight: normal;
}

.faq4 p {
	margin-left: 20px;
}

/* end styles for FAQ pages */


/* BEGIN - List UL with arrow or else */
ul.arrow {
	list-style : url(/templates/images/pic_arrow_o.gif);
	margin-top: 5px;
	margin-left: 30px;
    padding: 0px;
	}

ul.square {
list-style: square;
}

.sub_arrow {
	list-style : url(/templates/images/bullet_circ.gif);
	font-size: 85%;
	}


.sub_arrownormal {
	list-style : url(/templates/images/bullet_circ.gif);
	font-size: 100%;
	}

/* END - List UL with arrow or else */

/* BEGIN - styles for drop down menu */
.nav_drop, .nav_drop ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
.nav_drop a {
    text-decoration:none;
	 padding-left: 5px;
}
/*IE5 list fix*/
.nav_drop .sub li {float:left;}
.nav_drop .sub > li {float:none;}
#navigation {
    position:relative;
    height:20px;
    background: #efefef url(../images/arrow_down.gif) no-repeat right;
    z-index:2;
	 font-size: smaller;
	 width: 250px;
}
#navigation1 {
    position:relative;
    height:20px;
    background: #efefef url(../images/arrow_down.gif) no-repeat right;
    z-index:1;
	 font-size: smaller;
	 width: 250px;
}
.nav_drop {
    position:absolute;
}
.nav_drop .link {
    width:250px;
    margin-top:-10075px;
    /*float:left;*/

}
.nav_drop a {
    position:relative;
    display:block;
    height:20px;
    line-height:20px;
    text-decoration:none;
    color:#666;
    z-index:10;
	 padding-left: 5px;
	 text-decoration: none;
}
.nav_drop .sub a {
    background:#efefef;
    margin:0 -1px 0 0;
    width:243px;
	 border-bottom: 1px solid #A2B7C8;
	 border-left: 1px solid #A2B7C8;
 	 border-right: 1px solid #A2B7C8;
	 text-decoration: none;
}
.nav_drop .sub {
    float:left;
    background:#efefef;
    padding-top:20px;
    margin-top:-20px;

}
.nav_drop a.main {
    width:243px;
    height:20px;
    line-height:20px;
    margin-top:10075px;
    margin-right:-249px;
    float:left;
	 border: 1px solid #A2B7C8;
    background:#efefef url(../images/arrow_down.gif) no-repeat right;
	 text-decoration: none;
}
.nav_drop a.main:hover, .nav_drop a.main:focus, .nav_drop a.main:active {
    margin-right:0;
    background:#DFDFDF url(../images/arrow_down.gif) no-repeat right;
    color:#000;
	 border-bottom: 1px solid #A2B7C8;
	 text-decoration: none;
}
.nav_drop .sub a:hover, .nav_drop .sub a:focus, .nav_drop .sub a:active {
    margin:0 0 0 0;
    background:#233239;
    color:#fff;
	 text-decoration: none;
}
/*empty rule to fix occassional IE6 tabbing bug, one of the weirdest bug's i have seen.*/
a, a:hover, a:active, a:focus {}
/*Opera fix*/
.sub:hover {
    clear:both;
}
/* END - styles for drop down menu */

#boxidseth
    {
	 width: 98%;
	 padding: 3px;
	 border:1px dashed;
	 padding:4px;
	 border-color:#cc9999;
	 background-color: #F5F5F5;
    }


/* --- Styles for the table like layout at gen/rep/est/rpp or dpr --- */

h4.titledpr {
	border: 1px solid black;
	font-style:normal;
	color:#000000;
	background-color:#CCC;
	padding: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

p.rowdpr {
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	padding: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
}

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


.nowrap
{
	white-space: nowrap;
}

.lay1
	{
	float: left;
	padding: 0px;
	margin: 0px;
	}

.indent
{
margin-left: 30px;
padding-left: 30px;
}

.indent2
{
	margin-left: 40px;
	margin-right: 20px;
	padding-left: 50px;
}

.indent1	{
padding-left: 1.0em;
}

.indentmap
{
margin-left: 10px;
padding-left: 10px;
}

.bigstrong
{

	FONT-SIZE: 1.2em;
	FONT-WEIGHT: bold;
}

.bigstrongred
{

	FONT-SIZE: 1.2em;
	FONT-WEIGHT: bold;
	color: #660000;
}

.new {
	font-size: 1.2em;
	font-weight: 600;
	font-style: italic;
	color: #660000;
}


/* for SVR */

/* for publication page */
.pubTable
{
	 margin-bottom: 1em;
	 text-align:center;
	 width:100%;
}

.pubRow
{
	 text-align:center;
}
div.sub-buttons input{
	width:10em;
	padding: 0.5em 2em 0.5em 2em;
	cursor:pointer;
	border:1px solid #ccc;
	background-color:#fff;
}
#content-main div.sub-buttons input:hover, #content-main div.sub-buttons input:focus{
	background-color:#232323;
	color:#fff;
}
div.sub-buttons input.SubmitBtn{
	float:left;
	background-color:#8b2942;
	color:#fff
}

div.sub-buttons input.CancelBtn{
	float:right
}
.sub-buttons{
	padding:3px;
}

.captionLeft
{
	padding:0.5em 0.5em 0.5em 0em;
	text-align:left;
	font-weight:bold;
}

/* end */

/*Hong Mei begins - for subscription page */

.sub_section_header
{
background-color:#dddddd;
padding:0.3em;
font-weight:bold;
}





.sub_no_indent
{
list-style-type:none;
/*margin-left:13.7em;*/
padding:0px;
margin-top:0.5em;
margin-bottom:0em;
}

.sub_no_indent li
{
padding-bottom:0.5em;
}

.sub_margin
{
margin-right:1.2em;
}

.subEmailAddress
{
margin:0.5em 0.5em 0.5em 15em;
width:200px;
}

/*.content-sub{

width:610px;

float:left;


font-size: 0.9em;

}*/

.details-sub
{
border:solid 1px black;
margin:0.9em;
}

.sub-intro
{
margin-left:0.9em;
margin-right:0.9em;
}

.subRadioButtonList
{
margin-top:0.5em;
}

.subRadioButtonList ul li
{
list-style-type: none;
}



.subRadioButtonList input
{
/*margin-left:13.7em;
margin-bottom:0.5em;*/
}

.subRadioButtonList label
{
margin-left:1.2em;
margin-bottom:0.5em;
float:none;
}

.sub_buttons
{
background-color:#dddddd;
padding:0.3em 0.3em 0.3em 14em;
word-spacing:0.9em;
}



.subErrorMsg
{
color:Red;
margin:0.5em 0em 0.5em 0.3em;
}

.content-sub h1 {
background: url('../images/content-h1.gif') bottom left no-repeat;
padding:6px 10px 20px 0px;
font-size:1.4em;
color:#333333;
}



.content-sub #breadcrumbs a
{
margin-right:0.3em;
}

.sub-remove
{
margin:0.5em 0.5em 0.5em 4em;
}

.remButton
{
word-spacing:0.9em;
}

.sub-remEmailAddress
{
width:200px;
margin-bottom:0.5em;
}

/* for publication page */

.pubTable
{
margin-bottom: 1em;
text-align:center;
width:100%;
}

.pubRow
{
text-align:center;
}

.sub-buttons
{
padding:3px;
}

.captionLeft
{
padding:0.5em 0.5em 0.5em 0em;
text-align:left;
font-weight:bold;
}

caption {
	font-weight: bold;
	padding-bottom: 3px;
}

.pubTextfield
{
float: right;
width:208px;
margin-right: 200px;
}

.pubTextArea {
float: right;
margin-right: 156px;/*16px;*/
}

/*Hong Mei end*/

/* General election section */

.promo {
	border: 1px solid black;
	/*background: #ededef url(../images/promoge2.jpg) top right no-repeat;*/
	padding: 15px;
	font-size: 2em;
	width: 95%;
	background: rgb(232,236,237); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(232,236,237,1) 0%, rgba(196,193,192,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(232,236,237,1)), color-stop(99%,rgba(196,193,192,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(232,236,237,1) 0%,rgba(196,193,192,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgba(232,236,237,1) 0%,rgba(196,193,192,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgba(232,236,237,1) 0%,rgba(196,193,192,1) 99%); /* IE10+ */
background: linear-gradient(45deg,  rgba(232,236,237,1) 0%,rgba(196,193,192,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8eced', endColorstr='#c4c1c0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}
.inline {
	float: left;
	width: 150px;
	list-style-image: url(../images/arrow.gif);
}

.inline2 li {display:inline-block;}
.inlineereg {
	float: left;
	width: 190px;
	list-style-image: url(../images/arrow.gif);
}

.freeboxge {

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

.freeboxge42 {

	background: white url(../images/freeboxge.jpg) top center no-repeat;
	padding: 10px;
	border: 1px solid #AEAEAE;
	width: 95%;
}

/*END - General Election section */

/* CSS button - BIG */
div.bigbutton a {
	text-decoration: none;
	font-weight: 600;
	font-size: 1.2em;
	padding: 8px 14px;
	color: #ffffff;
	border: 2px solid #a14141;
	background: #a14141 url(../images/glass-btn.png) repeat-x 0 50%;

	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
}

#content-content div.bigbutton a {
	text-decoration: none;
	color: #ffffff;
}

#content-main div.bigbutton a {
	text-decoration: none;
	color: #ffffff;
}


div.bigbutton a:hover {

	background-color: #3792b3;
	border: 2px solid #3792b3;
}

div.bigbuttonhome a {
	text-decoration: none;
	font-weight: 600;
	font-size: 0.85em;
	padding: 8px 14px;
	color: black;
	border: 2px solid #C1C1C1;
	/*background: #a14141 url(../images/glass-btn.png) repeat-x 0 50%;
	background: #1e5482 url(../images/glass-btn.png) repeat-x 0 50%;*/
	background: #C4C4C4 url(../images/glass-btn.png) repeat-x 0 50%;

	margin-left: 50px;

	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
}

div.bigbuttonhome a:hover {

	/*background-color: #3792b3;*/
	background-color: #B1D0EB;
	color: black;
	border: 2px solid #91C0E5;
}

div.bigbuttonhome2 a {
	text-decoration: none;
	font-weight: 600;
	font-size: 0.85em;
	padding: 8px 14px;
	color: black;
	border: 2px solid #989898;

	background: #C4C4C4 url(../images/glass-btn.png) repeat-x 0 50%;
	margin-left: 50px;

	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
}

div.bigbuttonhome2 a:hover {

	/*background-color: #3792b3;*/
	background-color: #B1D0EB;
	color: black;
	border: 2px solid #91C0E5;
}

/*END - CSS button - BIG */

/*BEGIN - new button 2013 */
#content-main a.button13 {
		font-size:1.3em;
		line-height: 1.3em;
		color:#2E2E2E;
		text-decoration:none;
		display:block;
		width:378px;
		padding:10px;
		border:1px solid #ABABAB;
		text-align:center;
		background-color: #C6C6C6;

		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		-o-border-radius:10px;
		border-radius:10px;
		margin-left: 190px;
	}
#content-main a.button13:hover {
		color:#900;
		background-color: #F0F0F0;

	}


/*END - new button 2013 */

/* CSS button - small */
div.smallbutton a {
	text-decoration: none;
	font-weight: 600;
	font-size: 0.9em;
	padding: 4px 8px;
	color: black;
	border: 2px solid #a14141;
	background: #a14141 url(../images/glass-btn.png) repeat-x 0 50%;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.marginLeft {
	margin-left: 150px;
	margin-top: -20px;
}
#content-content div.smallbutton a {
	text-decoration: none;
	color: #ffffff;
}

#content-main div.smallbutton a {
	text-decoration: none;
	color: #ffffff;
}


div.smallbutton a:hover {

	background-color: #3792b3;
	border: 2px solid #3792b3;
}

.floatrightpad2 {
	float: right;
	padding-right: 60px;
}

/*END - CSS button - small */

/* New JMM styles for compliance I will move them once I am happy that they work correctly */

.border0 {
	border: 0px;
}

ol.number {
list-style: decimal;
}

ol.alphaUpper {
list-style: upper-alpha;
}


ol.alphaLower {
list-style: lower-alpha;
}



hr.footnote {
	width: 25%;
	text-align: left;/*this will align it for IE*/
	margin: 0 auto 0 0; /*this will align it left for Mozilla*/
	border:0;color: grey;
	background-color: grey;
	height: 1px;
	margin: 10px auto 5px 0;
}
p.note {
	text-align: left;/*this will align it for IE*/
	border-bottom:#999 solid 2px;
	border-top:#999 solid 2px;
	margin: 10px auto 5px 0;
}




.red {
	color: #F00;
}

.red2 {
	color: #d70000;
	font-weight: bold;
}

#content-main ul.nesreports li {
	clear: both;
	margin-bottom: 40px;
}

.nesfloatleft {
	width: 60%;
	float: left;
}

.nesfloatright {
	width: 35%;
	float: right;
	
}



/*Third column on election page, for icons */

#boxrightele {
	float: right;
	width: 220px;
	padding-top: 50px;
}
/*END - Third column on election page, for icons */

/*Top anchor link navigation on election page */

#topmenu
{
padding:0px 0px 40px 10px;
margin:-15px 0px 0px 0px;
color:#fff;
font-family: arial, helvetica, sans-serif;
/*white-space:nowrap;*/
font-size: 0.8em;
font-weight: bold;
text-align:center;
}


#topmenu li {
display:inline;

}

#topmenu li a
{
padding: 0.6em 0.3em;
background-color: #393939;
color:#ffffff;
text-decoration:none;
float:left;
border:1px solid #ffffff;
width: 139px;
height: 15px;
overflow: hidden;
}

#topmenu a:visited {
	color: #ffffff;
	text-decoration: none;
}

#topmenu li a:hover
{
background:#8b2942;
color:#fff;
width: 139px;

}

#topmenu li.last a
{
padding: 0.6em 0.3em;
background-color: #232323;
color:#ffffff;
text-decoration:none;
float:left;
border:1px solid #ffffff;
height: 15px;
}

#topmenu li.last a:hover
{
background:#8b2942;
color:#fff;
}





#topmenu2
{
padding:0px 0px 40px 10px;
margin:-15px 0px 0px 60px;
color:#333;
font-family: arial, helvetica, sans-serif;
/*white-space:nowrap;*/
font-size: 0.8em;
font-weight: bold;
text-align:center;
}


#topmenu2 li {
display:inline;

}

#topmenu2 li a
{
padding: 0.6em 0.3em;
background-color: #eeedee;
color:#333;
text-decoration:none;
float:left;
border:1px solid #ffffff;
width: 139px;
height: 35px;
overflow: hidden;
}

#topmenu2 a:visited {
	color: #333;
	text-decoration: none;
}

#topmenu2 li a:hover
{
background:#8b2942;
color:#fff;
width: 139px;

}
     @media
      only screen and (max-width: 780px) {

		.freebox10a ul,	.freebox10b ul{
      margin-left: 25px;
      margin-bottom: 25px;
      }

}
          @media
      only screen and (max-width: 550px) {



		  .freebox10a {
			  width: 98%;
			  float:none;
		  }



}

      @media
      only screen and (max-width: 480px) {
#topmenu2
{
margin:-15px 0px 0px 0px;
}

	  }

/*
#content-content ul li, #content-main ul li{
	padding: 0px 0px 5px 0px;
}*/
#topmenu3
{
padding:0px 0px 50px 10px;
margin:0px 0px 0px 10px;
color:#333;
font-family: arial, helvetica, sans-serif;
/*white-space:nowrap;*/
font-size: 0.8em;
font-weight: bold;
text-align:center;
}


#topmenu3 li {
display:inline;

}

#topmenu3 li a
{
padding: 0.6em 0.3em;
background-color: #eeedee;
color:#333;
text-decoration:none;
float:left;
border:1px solid #ffffff;
width: 240px;
height: 55px;
overflow: hidden;
}

#topmenu3 a:visited {
	color: #333;
	text-decoration: none;
}

#topmenu3 li a:hover
{
background:#8b2942;
color:#fff;

}






#topmenu4
{
padding:0px 0px 40px 10px;
margin:-15px 0px 0px 0px;
color:#fff;
font-family: arial, helvetica, sans-serif;
/*white-space:nowrap;*/
font-size: 1em;
font-weight: bold;
text-align:center;
}


#topmenu4 li {
display:inline;

}

#topmenu4 li a
{
padding: 0.6em 0.3em;
background-color: #393939;
color:#ffffff;
text-decoration:none;
float:left;
border:1px solid #ffffff;
width: 150px;
height: 25px;
overflow: hidden;
}

#topmenu4 a:visited {
	color: #ffffff;
	text-decoration: none;
}

#topmenu4 li a:hover
{
background:#8b2942;
color:#fff;

}

#topmenu4 li.last a
{
padding: 0.6em 0.3em;
background-color: #232323;
color:#ffffff;
text-decoration:none;
float:left;
border:1px solid #ffffff;
height: 15px;
}

#topmenu4 li.last a:hover
{
background:#8b2942;
color:#fff;
}

      @media
      only screen and (max-width: 480px) {
#topmenu3
{
margin:-15px 0px 0px 0px;
}
#topmenu4 li a
{
width: 98%;
}#topmenu4 li a:hover
{

width: 98%;
		  }}











/*END - Top anchor link navigation on election page- url(/templates/images/backquestionmark.png) top right no-repeat;- */

/*Top Advertising anchor link navigation on election page */

#topmenuAd
{
padding:0px 0px 40px 10px;
margin:-15px 0px 0px 0px;
color:#fff;
font-family: arial, helvetica, sans-serif;
/*white-space:nowrap;*/
font-size: 0.8em;
font-weight: bold;
text-align:center;
}


#topmenuAd li {
display:inline;

}

#topmenuAd li a
{
padding: 0.6em 0.3em;
background-color: #8b2942;
color:#ffffff;
text-decoration:none;
float:left;
border:1px solid #ffffff;
width: 139px;
height: 15px;
overflow: hidden;
}
#topmenuAd li a.on
{
padding: 0.6em 0.3em;
background-color: #393939;
color:#ffffff;
text-decoration:none;
float:left;
border:1px solid #ffffff;
width: 139px;
height: 15px;
overflow: hidden;
}
#topmenuAd li a.on:hover
{
padding: 0.6em 0.3em;
background-color: #414141;
color:#ffffff;
text-decoration:none;
float:left;
border:1px solid #ffffff;
width: 139px;
height: 15px;
overflow: hidden;
}

#topmenuAd a:visited {
	color: #ffffff;
	text-decoration: none;
}

#topmenuAd li a:hover
{
background:#393939;
color:#fff;
width: 139px;

}

#topmenuAd li.last a
{
padding: 0.6em 0.3em;
background-color: #8b2942;
color:#ffffff;
text-decoration:none;
float:left;
border:1px solid #ffffff;
height: 15px;
}

#topmenuAd li.last a:hover
{
background:#8b2942;
color:#fff;
}

/*END - Top anchor link navigation on election page- url(/templates/images/backquestionmark.png) top right no-repeat;- */

#slickbox {
border: thin dashed #ddd;
background: #FFFFCC;
width:100%;
}

#slickbox2 {
border: thin dashed #ddd;
background: #FFFFFF;
padding: 5px;
width:90%;
}

.uppercase {
	text-transform: uppercase;
}

.nobold{
	font-weight:normal
}

.fontSize85{
	font-size:85%
}

p.footnote {
	color: #555555;
}

.fontSize80{
	font-size:80%
}
ul.noBullet {
	list-style-type: none;
}

/* For the ESTIMATES Documents */

.estimates1 {
	border: 1px solid #BEBEBE;
	list-style-position: inside;
	list-style-type: none;
	background-color: #FFFFCC;
	margin-bottom: 5px;
	padding: 10px;
}

.estimates2 {
	border: 1px solid #BEBEBE;
	list-style-position: inside;
	list-style-type: none;
	background-color: #CCE5FF;
	margin-bottom: 5px;
	padding: 10px;
}

.estimates3 {
	border: 1px solid #BEBEBE;
	list-style-position: inside;
	list-style-type: none;
	background-color: #D5D5D5;
	margin-bottom: 5px;
	padding: 10px;
}

/* END - Estimates Documents */
.allcaps {
	text-transform: uppercase;
}

/* BEGIN - classes for hidden content - skip navigation link */
	/* .hidden (and .hidden2)
		 * 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
	   ================================================================== */

		.hidden,
		.hidden2,
		.sr-only {
		    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 .hidden class to allow the element
		 * to be focusable when navigated to via the keyboard:
		 * https://www.drupal.org/node/897638
		 */

		.hidden.focusable:active,
		.hidden2.focusable:active,
		.sr-only.focusable:active,
		.hidden.focusable:focus,
		.hidden2.focusable:focus,
		.sr-only.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;
		}
/*
.hidden
	{
	position:absolute;
 	left:0px;
 	top:-500px;
 	width:1px;
 	height:1px;
	margin: 0px;
	padding: 0px;
 	overflow:hidden;
	display: none;
 	}

	.hidden2
	{
	position:absolute;
	left:0px;
 	top:0px;
 	width:0px;
 	height:0px;
 	overflow:hidden;
 	}
*/
/* END - classes for hidden content - skip navigation link */

.thirdparty {

	border: 1px solid #484848;
	margin: 5px;
	background-color: #F1F1F1;
	float: right;
	width: 250px;
	font-size: 0.85em;

}



.thirdparty h4 {

	margin: 0;
	padding: 5px 0;
	background-color: #484848;
	color: white;

}

.thirdparty p {
	padding: 0px 8px 0px 8px;
}

.archive {

	border: 1px solid #484848;
	margin: 5px;
	background-color: #F1F1F1;
	float: right;
	width: 300px;
	font-size: 0.85em;
	margin-left: 10px;

}



.archive h4 {

	margin: 0;
	padding: 5px 0;
	background-color: #3a444e;
	color: white;

}

.archive p {
	padding: 0px 8px 0px 8px;
	text-align: center;
}


.SideBox {

	border: 1px solid #484848;
	margin: 5px;
	padding: 5px;
	background-color: #fff;
	float: right;
	width: 300px;
	font-size: 0.85em;
	margin-left: 10px;

}



.SideBox h4 {

	margin: 0;
	padding: 5px 5px;
	background-color: #e0cbd1;
	color: #7b1e37;

}

.SideBox h3 {

	margin: 0;
	padding: 5px 5px;
	background-color: #f4ecef;
	color: #750018;

}

.SideBox p {
	padding: 0px 8px 0px 8px;
}

/*#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:-48px;
color:white;
background-color: #8b2942;
padding:5px;
width:auto;
height:auto;
}
*/
#navaid2 {
	display: flex;
	flex-wrap: nowrap;
	gap: 1rem;
	position: absolute;
	top: 0;
}
#navaid2 a {
	display: block;
	text-align: center;
	background: #fd0;
	color: #000;
	border-radius: 0 0 0.38em 0.38em;
	padding: 0.38em 0.62em;
	transition: transform 0.3s;
	transform: translateY( -99% );
}
#navaid2 a {
	color: #000;
	text-decoration: none !important;
	border-bottom: 1px solid #333;
}
#navaid2 a:focus {
	transform: translateY( 0% );
	box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 6.2%),
				-2px -2px 2px 1px rgb(0 0 0 / 6.2%);
}



/* Sharing widget in footer */

.container {
	width: 260px;
	margin: 0px auto;
}
.container h3, .container h2 {
	font: 0.9em Arial, Helvetia, sans-serif;
	margin: 0 0 0px;
	color: #3E4415;
}

.container p {
	margin: 0;
}

/* Social Bookmarks */
.social-bookmarks {
	list-style: none;
	padding: 0;
	margin: 0;
}
.social-bookmarks li {
	display: inline;
	float: left;
	margin-right: 10px;
}
.social-bookmarks a:hover {
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.social-bookmarks img {
	border: none;
}

/* END - Social Bookmarks aligned right */

/* Social Bookmarks */


.social-bookmarks2 {
	list-style: none;
	padding: 0;
	margin: 0;
}
.social-bookmarks2 li {
	display: inline;
	float: right;
	margin-right: 5px;
}
.social-bookmarks2 a:hover {
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.social-bookmarks2 img {
	border: none;
}

/* END - Social Bookmarks */

/* Background image - buttons home page */

.homebutton {
	width: 220px;
	height: 90px;
	background: url('../images/button_back4.jpg') top left no-repeat;
	color: black;
	border: 1px solid black;
	display: block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: 600;
	text-align: center;
	line-height: 1.6em;
	padding-top: 10px;
}

.paddingtophome {

	padding-top: 10px;
}

.homebutton a {
	text-decoration: underline;

}

.homebutton a:hover {
	text-decoration: none;

}
div.wrapper2, div.wrapper2f
{
  margin-bottom: 1em;
  background:#efefef;
 border:1px solid #ccc;
  margin:auto;
  width:750px;
  padding: 0px 50px;

}
div.wrapper2f {width:730px}
.iam li, .iamf li{
  	background: url('/templates/images/red-arrow.gif') 0px 6px no-repeat;
	float: left;
	width:14em;
	margin-left:0;

	}
.iamf li{width:18em;}
.man {background: url('/templates/images/iam.gif')  no-repeat; padding:8px 8px 8px 30px}
ul.iam, ul.iamf{margin-top:0;padding-left:30px}
*:first-child+html ul.iam{padding-left:0px;margin-left:25px}
/* END - Background image - buttons home page */

#roboform {
	border: 1px solid black;
	background: #ccd5dc url('/templates/images/backemail.jpg') top repeat-x;
	padding: 10px;
	margin-right: 40px;
}

strong.required {
color: #E00;
cursor: help;
font-size: 1.1em;
}

/* ereg button  */

.iconwrapereg {
	width: 340px;
	padding: 5px;
	margin: 5px 4px 5px 4px;
	float: left;
	display: inline; /*fixes IE/Win double margin bug */

}
.eregbutton {
	width: 320px;
	height: 60px;
	background-color: Gray;
	color: black;
	border: 1px solid #b1925b;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: 600;
	text-align: center;
	padding-top: 40px;
	background: #C4C4C4 url(../images/backeregbutton.jpg) top right no-repeat;
	margin-right: 30px;
}



div.bigbuttonereg2 a {
	text-decoration: none;
	font-weight: 600;
	font-size: 0.8em;
	padding: 8px 5px;
	color: black;
	border: 2px solid #989898;
	background: #C4C4C4 url(../images/glass-btn.png) repeat-x 0 50%;

	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
}

div.bigbuttonereg2 a:hover {


	background-color: #b1925b;
	color: black;
	border: 2px solid #856B3F;
}


/* END - ereg button  */

/*BEGIN - home page small icon */
div.smallbuttonhome  {
	width: 220px;
	height: 100px;
	color: black;
	border: 1px solid #b1925b;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: 600;
	text-align: center;
	background: #C4C4C4 url(../images/backeregbutton.jpg) top right no-repeat;
	margin: 0;

}

.smallbuttonhome a {
	display: block;
	width: 220px;
	height: 100px;
	text-decoration: none;
}

.smallbuttonhome a:hover, .smallbuttonhome a:focus{
	border: 1px solid #3B2D17;
}

/*END - home page small icon */

sup { /* fixes linespace issue with superscript */
 font-size: 75%;
 line-height: 0;
 position: relative;
 vertical-align: baseline;
 top: -0.5em;
 }



 .span-2 {
	position: relative;
	min-height: 1px;
	display: inline;
	float: left;
	color: White;
	width: 25%;

}
 .span-2 h4 {margin-bottom:0;}

 /*Styles for software pages - political entities*/
 .software  {
 	width: 100%;
	background-color: #CCCCCC;
	text-align: center;
	border-bottom: 1px solid black;
	height: 30px;
	margin: 0px;
	padding-top: 3px;
 }

 .softwaretable {
 	border: 1px solid black;
	padding: 0;
	width: 90%;
	margin-top: 0px;
	min-height: 100px;
 }

 .iconwrap:hover, .iconwrap a:focus {
    opacity: .8;
    filter: alpha(opacity=80);

}



#footerwrap3 a:focus {
outline:1px dashed red;
background: #ffffcc;
color: #000000;
}

/*BEGIN - new button 2013 - commissioner - home page */


a.buttoncom {

		line-height: 1.3em;
		color:#2E2E2E;
		text-decoration:none;
		display:block;
		width:90%;
		padding:15px 10px 10px 10px;
		border:1px solid #ABABAB;
		text-align:center;
		/*background-color: #C6C6C6;*/
		background: #e6d9a4 url('../images/backcom.jpg') top center no-repeat;
		margin-left: 5px;


	}
a.buttoncom:hover, a.buttoncom:focus {
		color:#900;
		background: #e6d9a4 url('../images/backcom_hover.jpg') top center no-repeat;

	}

a.buttonby {

		line-height: 1.3em;
		color:#2E2E2E;
		text-decoration:none;
		display:block;
		width:90%;
		padding:15px 10px 10px 10px;
		border-top:10px solid #26677b;
		border-left:1px solid #26677b;
		border-right:1px solid #26677b;
		border-bottom:1px solid #26677b;
		text-align:center;
		background-color: #dcf7f7;

		margin-left: 5px;


	}
a.buttonby:hover, a.buttoncom:focus {
	/*	color:#900;*/
		border-top:10px solid #5b5b5b;
		border-left:1px solid #5b5b5b;
		border-right:1px solid #5b5b5b;
		border-bottom:1px solid #5b5b5b;
		background-color: #d1d1d1;

	}

.com_gros {
	font-size: 1.4em;
}

.com_small {
	text-align: right;
	font-size: 0.85em;
}

a.buttonmail {

		line-height: 1.3em;
		color:#2E2E2E;
		text-decoration:none;
		display:block;
		width:90%;
		padding:15px 10px 10px 10px;
		border-top:10px solid #52202c;
		border-left:1px solid #52202c;
		border-right:1px solid #52202c;
		border-bottom:1px solid #52202c;
		text-align:center;
		background-color: #ffdddd;

		margin-left: 5px;


	}
a.buttonmail:hover, a.buttonmail:focus {

		border-top:10px solid #5b5b5b;
		border-left:1px solid #5b5b5b;
		border-right:1px solid #5b5b5b;
		border-bottom:1px solid #5b5b5b;
		background-color: #d1d1d1;

	}

a.buttonmap {

		line-height: 1.3em;
		color:#2E2E2E;
		text-decoration:none;
		display:block;
		width:90%;
		min-height: 40px;
		padding:15px 10px 10px 10px;
		border-top:10px solid #204752;
		border-left:1px solid #204752;
		border-right:1px solid #204752;
		border-bottom:1px solid #204752;
		text-align:center;
		background: #d6eaef url(../images/smallmap.gif) center right no-repeat;

		margin-left: 5px;


	}
a.buttonmap:hover, a.buttonmap:focus {

		border-top:10px solid #5b5b5b;
		border-left:1px solid #5b5b5b;
		border-right:1px solid #5b5b5b;
		border-bottom:1px solid #5b5b5b;
		background: #d6eaef url(../images/smallmap_hover.gif) center right no-repeat;
		background-color: #d1d1d1;

	}

/*END - new button 2013 - commissioner - home page */

a.buttoncomplaint {
		line-height: 1.3em;
		color:#2E2E2E;
		text-decoration:none;
		display:block;
		width:90%;
		padding:20px 10px 15px 10px;
		border:1px solid #ABABAB;
		text-align:center;
		/*background-color: #C6C6C6;*/
		background: #e6d9a4 url('../images/backcomplaint.jpg') top center no-repeat;
		margin-left: 5px;

}

a.buttoncomplaint:hover, a.buttoncomplaint:focus {
		color:#900;
		background: #e6d9a4 url('../images/backcomplaint_hover.jpg') top center no-repeat;

	}

/*Styles for Voter turnout infographic */

h2.turnout {
	background-color: #77297e;
	padding: 4px;
	color: white;
	margin-bottom: 0;
}

.turnbox10 {
	background: #f4edfa url('../../med/c23/trn/images/access/box1.jpg') top left no-repeat;
	width: 100%;
	min-height: 300px;
	padding: 0 5px 5px 150px;
	margin: 0;
	font-size: 1.1em;

}

/*Styles for Voters with disabilities*/

#cr-title2{
	background: #757575;
	padding:11px 0px 10px 15px;
	font-size:1.5em;
	color:white;
	margin: -10px 0 0 0;
	font-weight: 400;
	text-align: center;
}

#cr-content2 {
	border: 1px solid #C4C4C4; /* does not cause the extra grey line */
	border-bottom-left-radius: 8px; /* for rounded corners in Mozilla */
	border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	background-color: #F0F0F0;
	margin: 0px 0px 20px 0px;
}

.email {
	border: 1px solid #969696;
	width: 500px;
	/*margin-left: 25px;*/
	margin-bottom: 15px;
	padding: 10px;
	background: url(../images/disabilities/backemail.jpg) top right no-repeat;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
}

.phone {
	border: 1px solid #969696;
	width: 500px;
	/*margin-left: 100px;*/
	margin-bottom: 15px;
	padding: 10px;
	background: url(../images/disabilities/backphone.jpg) top right no-repeat;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
}

table.cool {
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
	 border-color: #a6a6a6;
}

table.cool td, table.cool th
{
    margin: 0;
    padding: 8px;
    border-width: 1px 1px 0 0;
    border-color: #a6a6a6;
    vertical-align: top;
}

table.cool th {
	background-color: #242E37;
	color: white;

	font-weight: normal;

}

table.cool caption {
	font-size: 1.5em;
}

table.cool tr:nth-child(odd) td{

	background-color: #eef2f4;
}
table.cool tr:nth-child(even) td{
	background-color: #d3dbe2;
}


table.coolRed {
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
	 border-color: #8b2d45;
}

table.coolRed th
{
    margin: 0;
    padding: 8px;
    border-width: 1px 1px 0 0;
    border-color: white;
    vertical-align: top;
}


table.coolRed td
{
    margin: 0;
    padding: 8px;
    border-width: 1px 1px 0 0;
    border-color: #8b2d45;
    vertical-align: top;
}

table.coolRed th {
	background-color: #8b2d45;
	color: white;
	font-weight: normal;

}

table.coolRed caption {
	font-size: 1.5em;
}

table.coolRed tr:nth-child(odd) td{

	background-color: #f2e4e3;
}
table.coolRed tr:nth-child(even) td{
	background-color: #e1c0c2;
}

	table.coolRed a {
   color: #FFF;

}



table.coolBlue {
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
	 border-color: #8b2d45;
}


table.coolBlue td
{vertical-align: top;

	 margin: 0;
    padding: 8px;
    border-width: 1px 1px 0 0;
    border-color: #0b253f;


}

table.coolBlue th {
	background-color: #336699;
	color: white;
	font-weight: normal;
	margin: 0;
    padding: 8px;
    border-width: 1px 1px 0 0;
    border-color: #0b253f;
	vertical-align: top;
}

table.coolBlue caption {
	font-size: 1.5em;
}

table.coolBlue tr:nth-child(odd) td{
	vertical-align: top;
background-color: #e8e8f3;
}
table.coolBlue tr:nth-child(even) td{
	vertical-align: top;
	background-color: #a7c0de;

}

	table.coolBlue a {
   color: #FFF;

}


table.coolYellow {
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
	 border-color: #8a8060;
}

table.coolYellow th
{
    margin: 0;
    padding: 8px;
    border-width: 1px 1px 0 0;
    border-color: #8a8060;
    vertical-align: top;
}


table.coolYellow td
{
    margin: 0;
    padding: 8px;
    border-width: 1px 1px 0 0;
    border-color: #8a8060;
    vertical-align: top;
}


table.coolYellow tr:nth-child(odd) th{

	background-color: #f2e6c0;
}
table.coolYellow tr:nth-child(even) th{
	background-color: #f7f2e1;
}


table.coolYellow caption {
	font-size: 1.5em;
	background-color: #5a0026;
	color: white;
	font-weight: normal;
	Padding-left: 15px;
	padding-top: 15px;
}

table.coolYellow tr:nth-child(odd) td{

	background-color: #f2e6c0;
}
table.coolYellow tr:nth-child(even) td{
	background-color: #f7f2e1;
}


.shadow {
    box-shadow: 5px 5px 5px #888;
    border: 1px solid #C1C1C1;

}
.myboxNew{
	float: right;
	border:1px solid #aaa;
	padding:20px;
	border-radius:10px;
	margin-bottom:20px;
	background-color:white;
	margin-left:10px;
}
.myboxNew2{
	float: right;
	border:1px solid #aaa;
	background: #E0E0E0;
	padding: 10px;
	border-radius:10px;
	margin-bottom:20px;
	margin-left:10px;
}
.myboxNew ul{
	padding-left:10px;
	margin-left:0px;
}

.mybox {

	border:1px solid #aaa;
	padding:20px;
	border-radius:10px;
	margin-bottom:20px;
	background-color:white;
	margin-left:10px;

}

.myboxSmall {

	border:1px solid #aaa;
	padding-top: 0;
	padding-left: 20px;
	border-radius:10px;
	background-color:white;
	margin-left:30px;

}
.mybox.pol {
padding-left: 25px;
padiing-top: 0;
padding-bottom: 0;
}


/* Subscription alert styles */
.floatlabel {
	float: left;
	padding-top: 3px;
}

.floatcheck {
	float: left;
	line-height: 2em;
}

.emailadd {
	width: 250px;
	float: left;
}

.labelemail {
	margin-right: 20px;
	margin-top: 5px;
	float: left;
}

input.emailadd[type="text"] {
    border-radius: 0px;
    background-color: #FFF;
    font-family: inherit;
    border: 1px solid #CCC;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 0.875em;
    padding: 0.6em;
    box-sizing: border-box;
    transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;
}

input.emailadd[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;
}

#subscribe fieldset {
	margin: 20px 0;
	padding: 20px;
	line-height: 1.3em;
}

#subscribe legend {
	font-size: 1.3em;
}

#subscribe input[type="submit"] {
	border: 1px solid #979797;
	background: #e2e2e2;
	padding: 8px 12px;
	margin: 8px;
	border-radius: 3px;
}

#subscribe input[type="submit"]:hover, #subscribe input[type="submit"]:focus {
	border: 1px solid #3a3a3a;
	background: #3a3a3a;
	color: white;
}

#subscribe input[type="radio"] {
	float: left;
}


/* END Subscription alert styles */

.infoRight {
	float: right;
	width: 230px;
	text-align: center;
	margin: 0 5px;
}

.infofloat {
	width: 220px;
	border: 1px solid #b1b1b1;
	background: #e6eaee;
	margin-right: 25px;
	margin-bottom: 10px;
	float: left;
	text-align: center;
	/*height: 200px;*/
	padding: 0;
}

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

.infofloat h2 {
	background: #35424f;
	color: white;
	margin: 0;
	padding: 5px 5px;
}

/* Styles for referendum */

blockquote.centerbox {
	margin: 10px auto;
	width: 500px;
	border-top: 1px solid #10303a;
	border-bottom: 1px solid #10303a;
	border-right: 12px solid #10303a;
	border-left: 12px solid #10303a;
	/*background: #edf7fa url(../images/quotes.png) top left no-repeat;*/
	background: #edf7fa;
	padding: 10px 10px 10px 35px;
	font-size: 1.1em;
}

.downloadPDF {
        border: 1px solid #919191;
        border-radius: 3px;
        padding: 8px;
        margin-left: 5px;
		float: right;
		width: 150px;
}

.demweekpromo {
	border: 1px solid #651260;
	width: 226px;
	margin: 5px auto;
	text-align: center;
}

.demweekpromof {
	border: 1px solid #651260;
	width: 239px;
	margin: 5px auto;
	text-align: center;
}

.demweekpromo a, .demweekpromof a {
	display: block;
	text-decoration: none;
	color: #651260;
}

.demweekpromo a:hover, .demweekpromof a:hover, .demweekpromo a:focus, .demweekpromof a:focus  {
	opacity: 0.8;
}

/*SVR buttons */


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

}

#content-main ul li a.butsvr {
    display: block;
    color: #FFF;
    font-size: 1em;
    font-weight: 200;
    text-align: center;
    padding: 10px 15px 10px 10px;
    border-radius: 4px;
    background-color: #4F5B66;
    width: 150px;
    line-height: 1.3em;
    border-bottom: medium none;
    margin-bottom: 15px;
    list-style-type: none;
    text-decoration: none;
}

#content-main ul li a.butsvr:hover, #content-main ul li a.butsvr:focus {
	background: #184350;
}

.margintopsvr {
	border-top: 1px solid #b1b1b1;
	/*margin-top: 40px;*/
	margin-top: 40px;
}


#svrbottomnav li {
display:inline;
}

#svrbottomnav li a
{
margin: -1px 5px;
padding: 0.3em 1.2em;
background-color: #dddddd;
border: 1px solid #b1b1b1;
/*border-bottom: none;*/
text-decoration:none;
float:left;

overflow: hidden;
}

#svrbottomnav a:visited {

	text-decoration: none;
}



#svrbottomnav li a:hover, #svrbottomnav li a:focus, #svrbottomnav li a.active
{
background-color: #b1b1b1;
}

/*Promo for EDA page - delete after it's over*/

.promodis {
	float: right;
	width: 250px;
	border: 1px solid #d7d7d7;
	margin-left: 20px;
	border-radius: 5px;
	background-color: #e3e3e3;
	-webkit-box-shadow: 0 0 5px #999999;
	-moz-box-shadow: 0 0 5px #999999;
	box-shadow: 0 0 5px #999999;

}

#content-content .promodis a {
	text-decoration: none;
	color: #252525;
}

#content-content .promodis a:hover {
	opacity: 0.7;
}



.promodis h2 {
	background-color: #8b2942;
	color: white;
	margin: 0;
	padding: 5px;
	font-size: 1.3em;
	text-align: center;
	font-weight: 300;
}

.promodis p {
	margin: 15px 5px;
}

/* styles for video pages */

#topmenuvid
{
padding:0px 0px 40px 10px;
/*margin:-15px 0px 0px -10px;*/
margin: -10px 0 5px 0;
font-family: arial, helvetica, sans-serif;
font-size: 1em;

text-align:center;
}


#topmenuvid li {
display:inline;
}
#topmenuvid li a
{
margin: 0px 5px;
padding: 0.3em 1.2em;
background-color: #dddddd;
border: 1px solid #b1b1b1;
/*border-bottom: none;*/
text-decoration:none;
float:left;
overflow: hidden;
}

#topmenuvid a:visited {

	text-decoration: none;
}

#topmenuvid li a:hover, #topmenuvid li a:focus, #topmenuvid li a.active
{
background-color: #b1b1b1;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	/*padding-top: 25px;*/
	height: 0;

}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*New styles for page in media - c76 */

#content-main ul.c76 {
	margin-left: -10px;
}


#content-main ul.c76 li {
margin-bottom: 10px;
list-style-type: none;
width: 90%;
}

#content-main ul.c76 li a {
display: block;
background-color: #e0f0f6;
border-left: 20px solid #8c7f7f;
padding: 10px;
text-decoration: none;
color: #222222;
}

#content-main ul.c76 li a:hover {
background-color: #d0d0d0;
}

/* new styles for promo on C50 - political participants index page */

.promoc50 {
	border: 1px solid #cfcfcf;
	border-radius: 5px;
	margin-top: 20px;
}

.promoc50 h2 {
	background: #770000;
	color: white;
	margin: 0;
	padding: 4px;
	font-size: 1em;
}

.roundedCorners {
	 border-radius: 15px;
}

/* Styles for equal height columns */

.col-container {
    display: table;
    width: 100%;
}

.col {
     display: table-cell;
     padding: 10px;
	 width: 40%;
	 border-radius: 15px;
	 border-right: 3px white solid;
}

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

}

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

.smallspaceneeded {
	height: 10px;
	width: auto;
	display: block;
	
}

#content-content a.vrs {
	border: 1px solid #d5d5d5;
	width: 200px;
	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-content a.vrs:hover, #content-content a.vrs:focus {
	background: #d8d8d8 url('../img/SRV_Button.png') 10px 10px no-repeat;;
}

#content-content a.contactbut {
	display:block;	
	max-width:150px;
	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-content a.contactbut:hover, #content-content a.contactbut:focus {
	background-color: #727272;
	}

/* Styles pour Voter Registration */

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

#content-content ul.votreg1 li {
	margin: 0 10px 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-content ul.votreg1 li.yellowreg {
	border-top: 15px solid #fce200;
}
#content-content ul.votreg1 li.purplereg {
	border-top: 15px solid #bb83ca;
}
#content-content ul.votreg1 li.bluereg {
	border-top: 15px solid #00bed6;
}
#content-content ul.votreg1 li.greenreg {
	border-top: 15px solid #93d500;
}
#content-content ul.votreg1 li.pinkreg {
	border-top: 15px solid #e95ebe;
}

#content-content ul.votreg1 li a {
	width: 100px;
   display: block;
   padding: 10px 5px 10px 5px;
   min-height: 85px;
  	text-decoration: none;
  	font-size: 1em;
  	font-weight: 500;
  	line-height: 1.2em;
  	color: #333;
  	text-align: center;
  	
}

#content-content ul.votreg1 li a:hover, #content-content ul.votreg1 li a:focus, #content-content ul.votreg1 li a:active{
	opacity: 0.7;
	box-shadow: 0 4px 8px 0 #747474, 0 6px 20px 0 #747474;
	
}

#content-main ul.spaceul li, #content-content ul.spaceul li {
	margin-bottom: 20px;
}

#content-main ul.spaceul li > ul li, #content-content ul.spaceul li > ul li {
	margin-bottom: 0;
}

.covid3 {
	background: url('../images/covid3.jpg') top right no-repeat;
	padding-right: 220px;
	min-height: 155px;
}

.fn-lnk {
    line-height: 1.15;
    margin-left: 5px;
    margin-right: 5px;
}
.fn-lnk:after {
    /*content: ".";*/
}

.fn-lnk, #content-main .fn-rtn a, #content-content .fn-rtn a {
    background-color: #eee;
    border: 1px solid #ccc;
    display: inline-block;
    padding: 1px 10px 2px;
    white-space: nowrap;
}

#content-main a.fn-lnk:hover, #content-main .fn-rtn a:hover, #content-content .fn-rtn a:hover, #content-main a.fn-lnk:focus, #content-main .fn-rtn a:focus, #content-content .fn-rtn a:focus {
	background-color: #545454;
    border: 1px solid #545454;
    color: white;
}

aside.pap {
	background-color: #e2e2e2;
	border: 1px solid #bdbdbd;
	padding: 15px;
	width: 300px;
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
	box-shadow: -5px 0 5px -5px #aeaeae, 5px 0 5px -5px #333;
	line-height: 1.3em;
	font-size: 1.1em;
}

aside.ma1 {
	margin-right: 20px;
}

.surcol1 {
	float: left;
	width: 275px;
	margin: 10px;
	
}

.surcol2 {
	float: left;
	width: 200px;
	margin: 10px;
	
}

.colmap {
    width: 45%;
    margin-right: 4%;
    float: left;
}

table.grayth th {
    background-color: #3A3A3A;
    color: white;
    font-size: 1.1em;
    padding: 8px;
}

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

.col-container {
    display: block;
    width: 100%;
}

.col {
	display: block;
    padding: 10px;
	 width: 90%;
	 border-radius: 5px;
	 border-bottom: 3px solid white;
}
}


/* Added for /content.aspx?section=res&dir=rec/part/yth/vot&document=index&lang=e
   ========================================================================== */
.Lbb{
	background-color:#d3dfee;
}

/* add simple DL */
.dl_reg dt {
    float:left;
    font-weight:bold;
    width:15%;
}

.dl_reg dd {
	float:left;
	width:80%;
	margin:0 auto;
}

.dl_reg dd p{
	margin: 0 0 10px 0;
	}

section.newfoot {
	border-top: 1px solid #ababab;
	margin-top: 20px;
}
@media screen and (max-width: 600px) {
.dl_reg dt {
    width:25%;
	}
.dl_reg dd {
	width:75%;
}
}

aside.training {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding: 20px 10px;
	margin: 0 0 20px 20px;
	background: #ffffce;
	width: 40%;
	float: right;
}

aside.training2 {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding: 20px 10px;
	margin: 0 0 20px 20px;
	background: #ffffce;
	width: 90%;
	
}

/*.eedi1 {
	float: left;
	border: 1px solid #cecece;
	padding: 20px;
	width: 150px;
	min-height: 80px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.eedi2 {
	float: left;
	border: 1px solid #cecece;
	padding: 20px;
	width: 500px;
	margin-bottom: 20px;
}*/

.eedi1 {
	float: left;
	background:  url('../images/arroweedi2.png') top right no-repeat;
	
	padding: 10px 50px 10px 10px;
	/*width: 170px;*/
	width: 20%;
	min-height: 80px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.eedi2 {
	float: left;
	/*border: 1px solid #cecece;*/
	padding: 10px;
	/*width: 500px;*/
	width: 60%;
	margin-bottom: 20px;
}

.eedi2 ul, .eedi2 ol {
	margin-left: -20px;
	margin-bottom: 0;
}

.eedi2 ol li {
	margin-bottom: 8px;
}

.containeedi {
	border: 1px solid #cecece;
	padding: 10px 10px 0 10px;
	box-shadow: 3px 3px 3px #cecece;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
									Alan utils
.blocky
	Apply display: block, typically used with SPAN
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.blocky {
		display: block;
	}
	.sticky{
		display: inline-block;
	}
	
/* ----------------- Political participants pages ----------------- */
.promoitems {
	float: right;
	width: 230px;
	min-height: 500px;
	margin-left: 30px;
	
}

.polcontact {
	width: 220px;
	border: 1px solid #4e4e4e;
	padding: 0;
	float: right;
	margin: 20px 0 0 30px;
	display: block;
}

.polcontact h2 {
	background: #4e4e4e;
	color: white;
	font-size: 1.2em;
	padding: 3px;
	margin: 0;
	text-align: center;
}

.polcontact p, .polcontact h3 {
	margin: 10px 5px 5px 5px;
}

.quoideneuf {
	width: 100%;
	background: #FFFFC6;
	border: 1px solid #5b5b5b;
	border-radius: 5px;
	
}

.quoideneuf h2 {
	margin: 0;
	padding: 10px 5px;
	background: #5b5b5b;
	color: white;
	text-align: center;
}

.burghighlight {
    font-size: 1.1em;
    border-left: 8px solid #6a0032;
    background: #f5e1ea;
    padding: 0.5em 0.62em 0.5em 0.62em;
    margin: 0;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																.invisibleOnProd
Also see '__never_upload_this_file_to_prod.css'

IMPORTANT
Do NOT comment out these rules.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.invisibleOnProd {
		display: none;
	}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																	   .clearfix
To be applied to a parent of the floated item; e.g. if you float LIs then an
ideal place to add this class is the UL/OL
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.clearfix::before,
	.clearfix::after {
		content: " ";
		display: table;
	}
	.clearfix::after {
		clear: both;
	}

/*  For the new political participants section */

/* -------------- general flex styles -------------- */

.simpleflex {
	display: flex;
	gap: 4%;
	flex-wrap: wrap;
	margin: 2em 0 2em 0;
}

.simpleflex div {
	width: 45%;
}

.lightbackground {
	background-color: #F2EFEF;
	padding: 1em;

}

.missing {
	background: #FCFA64;
	border: 1px solid red;
	padding: 8px;
	margin-top: 12px;
	line-height: 1.6;
	display: block;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
															   Genesys Messenger
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	/*The Genesys round icon*/
		#genesys-mxg-frame {
			display: none;
		}
	/*Our button*/
		button#custom-launcher {
			background: #6A0032;
			color: #fff;
			position: fixed;
			right: 28px;
			bottom: 0px;
			padding: 0.00rem 0.0rem 0.0rem 0.85rem;
			font-size: 530%;
			font-size: 116%;
			cursor: pointer;
			border: none;
			border: 1px solid rgba(255, 255, 255, 0.62);
			border-bottom: none;
			box-shadow: 0px 5px 15px rgba(0,0,0,0.5);
			-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
		}
	/*Our button's span*/
		button#custom-launcher > span {
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
		}
		button#custom-launcher > span::after,
		button#custom-launcher > span::before {
			font-family: "Material Icons";
			line-height: 0.62;
			line-height: 1;
			line-height: 0.8;
			font-weight: 400;
		}
		button#custom-launcher > span::before {
			content: "\e0ca";
			content: "\e0b7";
			margin-right: 0.5rem;
			font-size: 24px;
			margin-top: 5px;
		}
		button#custom-launcher > span::after {
			content: "\e316";
			margin-left: 0.38rem;
			font-weight: bold;
			font-size: 42px;
			margin-top: 4px;
			color: #CDAABA;
		}
	/*Our button's span's open/close icon - hovered*/
		button#custom-launcher:hover > span::after {
			color: #fff;
		}
	/*Our "open" button's span*/
		button#custom-launcher.ecChatOpen > span::after {
			content: "\e313";
		}
	/*The open chat panel
		- Only bump it up out of the way of our button on desktop widths since
		  on mobile (which we are informed will robustly always be at 600px)
		  we want it full height in order that the EC logo and "minimize"
		  icon at the top are seen.*/
		@media only screen and (min-width: 600px){/* - - - - - - - - - - - - - - -*/
			#genesys-mxg-container-frame {
				bottom: 2rem !important;
			}
		}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-600px*/
		/*
		- When everything-Genesys is "mobile" (up to and including 600px),
		  visually hide the EC button, if the widget is open, even though it
		  is likely covered by the open chat widget.
		- AT testing indicates that we do not need to act differently for
		  focus, so it appears these may be safely
		  ignored: .hidden.focusable:active, .hidden.focusable:focus*/
		@media only screen and (max-width: 600px){/* - - - - - - - - - - - - - - -*/
			button#custom-launcher.ecChatOpen {
				border: 0;
				clip: rect(0 0 0 0);
				height: 1px;
				margin: -1px;
				overflow: hidden;
				padding: 0;
				position: absolute;
				width: 1px;
				white-space: nowrap;
			}
		}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - end-of-600px*/

		/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
																	  Prod / Dev
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
			/*
			body.wEBLocDev button#custom-launcher {
			}
			*/

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

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
									  New rules on old corp site 2024-07-16-1400
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		/*Allow H# in summary*/
			.nuecDetails summary > * {
				font-size: 1rem;
				line-height: 1.0;
				margin: 0;
			}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
														  .nuecIconBeforeWarning
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.nuecIcon {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		gap: 0.38rem;
	}
	.nuecIconBeforeWarning::before {
		font-family: "Material Icons";
		content: "\e002";
		color: #df9000;
		font-size: 33px;
		font-size: 28px;
		font-weight: normal;
	}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
											 Assorted minor typograhic standards
																	.speechTitle
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	/*.speechTitle
	typically applied to H2*/
	.speechTitle {
		text-align: center;
		line-height: 2.38;
	}