/*Outline hover code */
div.mainindex > div {
		position: relative;
	}
	div.mainindex a.mainindexh2 {
		text-decoration: none;
	}
	div.mainindex a.mainindexh2:hover {
		border-bottom: 0px solid;
		background-color: transparent;
	}
	div.mainindex a.mainindexh2::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	div.mainindex a.mainindexh2:hover::after {
		outline: 4px solid #c0c0c0;
	}

/* Mainindex flex code for index pages */

.mainindex {
	display: flex;
	flex-wrap: wrap;
	/*justify-content: space-around;*/
    justify-content: space-between; /*to align the last box to the left*/
	gap: 3%;
}

.mainindex div {
	width: 20%;
	border: 1px solid #ccc;
	padding: 0.1em 0.3em 0 0.3em;
	margin-bottom: 1em;
}

.mainindex.threeCol div {
	width: 29%;
	border: 1px solid #ccc;
	padding: 0.1em 0.3em 0 0.3em;
	margin-bottom: 1em;
}

.mainindex div p {
	padding: 0.1em 0.5em;
}

.mainindex div h2 {
	text-align: center;
	width: 100%;
	font-size: 1.2em;
}

/* Voters index page */
.mainindex div.votervis {
     width: 44%;
}

.mainindex div.votervis p {
    background: url('/vot/images/vis-icon.png') top right no-repeat;
    background-size: 100px;
    padding: 0.1em  110px 0.3em 0.3em;
    min-height: 110px
}


.mainindex div.voterereg {
    width: 44%;
}

.mainindex div.voterereg p {
    background: url('/vot/images/ereg-icon.png') top right no-repeat;
    background-size: 100px;
    padding: 0.1em  110px 0.3em 0.3em;
    min-height: 110px
}


/* About Us index page */

.mainindex div.aboOrg p {
    background: url('/abo/images/org-icon.png') bottom center no-repeat;
    background-size: 100px;
    padding: 0.1em 0.3em 1.0em 0.3em;
    min-height: 120px
}

.mainindex div.aboEIF p {
    background: url('/abo/images/eif-icon.png') bottom center no-repeat;
    background-size: 100px;
    padding: 0.1em 0.3em 1.9em 0.3em;
    min-height: 150px;
}

.mainindex div.aboCCE .cceHead {
    background-color: #470A68;
	/*background-color: #60205c;*/
    padding: 0.1em 0.4em !important;
	width: 100%;
	margin-left: -6px;
	margin-top: -2px;
}

.mainindex div.aboCCE h2 a {
    color: #fff;
}

.mainindex div.aboCCE h2 a:hover {
    color: #c0c0c0;
}

.mainindex div.aboCCE h2 a:visited {
    color: #fff !important;
}

.mainindex div.aboCCE.engimg p {
    background: url('/templates/images/cce_e.png') top center no-repeat;
    background-size: 100px;
    padding: 3.5em 0.3em 0.5em 0.3em;
    min-height: 80px;
}

.mainindex div.aboCCE.fraimg p {
    background: url('/templates/images/cce_f.png') top center no-repeat;
    background-size: 100px;
    padding: 3.5em 0.3em 0.5em 0.3em;
    min-height: 80px;
}


/* Other screens */

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

.mainindex div {
	width: 29%;
}
}

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

.mainindex div {
	width: 100%;
}

.mainindex div.votervis {
     width: 100%; 
}

.mainindex div.voterereg {
    width: 100%;
}


}