.box2019 {margin: 10px 0 20px 0}
#content-main ul.polins {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    list-style: none;
    margin: 0 auto 10px ;
    padding: 0;
}
#content-main ul.polins > li {
	width: 20%;
	display: block;
	list-style-type: none;
	margin: 5px;
	padding: 5px;
	background: #fff;
	border: 1px solid gray;
}
#content-main ul.polins2 > li {
	width: 18%;
}
#content-main ul.polins > li h4 {
	padding: 0px 5px 0px 0px;
	margin: 0 0 5px 0;
	text-align: left;
	/*background: #ddd;*/
	display: flex;
	justify-content: left;
	min-height: 60px;
	font-size:0.9em;
}

@media only screen and (max-width:1200px){
#content-main ul.polins > li h4 {
	min-height: 3em;
	}	
}
@media only screen and (max-width:900px){
	#content-main ul.polins > li {
		width: 40%;
		}

}
@media only screen and (max-width:500px){
#content-main ul.polins > li {
	width: 100%;
	}		
}

#content-main ul.polins > li > a {
	background: #1e384b;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	min-height: 40px;
	padding: 5px;
	margin: 0;
	text-align: center;
}

#content-main ul.polins > li h4 > a {
	background: #ddd;
	display: block;
	padding: 5px;
	margin: 0;
	text-align: center;
}


#content-main aside {
	float: right;
	
	}

#content-main aside ul {
	margin: 0 0 5px 5px;
	padding: 0;
	list-style-type: none;
	border-left: 5px solid #6a0032;	
}	
#content-main aside ul li {
	margin: 0;
	padding: 0;
}
#content-main aside a, #content-main aside a:visited {
	width: 150px;
    border-bottom: 1px dotted #6a0032;
    padding: 5px;
    margin: 0;
    text-decoration: none;
    display: block;
}	

#content-main aside a:hover, #content-main aside a.active {
background-color: #6a0032;
color: #fff;
}

#content-main ul.subject {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;    	
	margin: 30px 0;
}
#content-main ul.subject li {
        width: 20%;
}

	
#content-main ul.subject li a {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;    		
	color: white;
	padding: 10px;
	margin: 5px;
	border-radius: 3px;
	text-decoration: none;
	min-height: 5em;
}
@media only screen and (max-width:1100px){  /*975*/
	#content-main ul.subject li a {
		min-height: 120px;
		font-size:0.85em;
		padding:3px;
		margin:3px;
	}
	#content-main div.subBox ul li {
		min-height: 150px;
	}
	#content-main div.subBox ul li { width: 95%; }
}
@media only screen and (max-width:800px){
	#content-main div.subBox{ float:none; width:100%; }
	#content-main div.subBox ul li { min-height: 220px; }
	} 	
}
@media only screen and (max-width:590px){
#content-main ul.subject li {
	width: 100%;
	}	
#content-main ul.subject li a {
	min-height: 1em;
	}		
}
#content-main ul.subject li a {
	background: #036064;
	border:none;
}
/*
#content-main ul.subject li:nth-child(3) a {
	background: #6a0032;
}
#content-main ul.subject li:nth-child(2) a {
	background: #b07525;
}
#content-main ul.subject li:nth-child(4) a {
	background: #818733;
}
#content-main ul.subject li:nth-child(5) a {
	background: rgb(96 32 92);
}
*/

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

#content-main #s1, #content-main #s2, #content-main #s3, #content-main #s4 {
	padding: 1px 10px 10px;
	margin-bottom: 20px;
}	
#content-main #s1 {
	background-color: rgba(3,96,100,.1);
}	
#content-main #s3 {
	background-color: rgba(106,0,50,.1);
}	
#content-main #s2 {
	background-color: rgba(176,117,37,.1);
}	
#content-main #s4 {
	background-color: rgba(129,135,51,.1);
}	
#content-main ul.polins li li {
list-style-type: none;
}
#content-main ul.polins li details {
	cursor: pointer;
	border: 0;
	text-align: left;
}
#content-main ul.polins li li details summary {
	text-decoration: underline;
}
#content-main ul.polins li li details[open] {
	border: 1px solid #999;
}
#content-main ul.polins li li details[open] summary {
	background: #eee;
}


div.subBox h4{ text-align:left; }
/* div.subBox{ float:left; width:45%; } */
div.subBox{ float:none; width:99%; }
div.subBox ul { display:inline-block; list-style:none; } 
div.subBox ul li {
    width:33%; /*width: 45%;*/
    border: 1px solid #555;
    display: inline-block;
    min-height: 250px;
    vertical-align: top;
	padding: 5px 5px 3px 5px;
}
div.subBox_f ul li {
    min-height: 200px;
	margin-bottom: 5px;
}
div.subBox ul li h5{
	padding: 0px;
    margin: 0 0 5px 0;
    text-align: right;
    background: #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60px;
	font-size:1em;	
}

#content-main ul.repo li a {width: 320px}
.indi{
	min-height:180px;
	background: #fff url(/templates2/img/indigenous.jpg) top right no-repeat;
	background-size: 25% auto; /* related to .indi p */
}
.indi p{ width: 75%; }
/*
div.subBox ul li .onlineBg 	{ background: url(/templates2/img/online80_60.png) bottom right no-repeat; background-color: #ea5dbd; background-size: 35px;}
div.subBox ul li .officeBg	{ background: url(/templates2/img/office60_60.png) bottom right no-repeat; background-color: #b683bb; background-size: 33px;}
div.subBox ul li .mailBg 	{ background: url(/templates2/img/mail60_60.png) bottom right no-repeat; background-color: #01bbd4; background-size: 35px;}
div.subBox ul li .stationBg	{ background: url(/templates2/img/jobs60_60.png) bottom right no-repeat; background-color: #f4e30d; background-size: 35px;}
*/
div.subBox ul li .onlineBg 	{ background-color: #ea5dbd;}
div.subBox ul li .officeBg	{ background-color: #b683bb;}
div.subBox ul li .mailBg 	{ background-color: #01bbd4;}
div.subBox ul li .stationBg	{ background-color: #f4e30d;}

/*
#content-main ul.polins > li h4.voteBg  	{ background: url(/templates2/img/vote60_60.png) bottom right no-repeat; background-color: #f4e30d; background-size: 40px; }
#content-main ul.polins > li h4.officeBg  	{ background: url(/templates2/img/office60_60.png) bottom right no-repeat; background-color: #b683bb; background-size: 40px; }
#content-main ul.polins > li h4.mailBg  	{ background: url(/templates2/img/mail60_60.png) bottom right no-repeat; background-color: #01bbd4; background-size: 40px; }
#content-main ul.polins > li h4.advanceBg  	{ background: url(/templates2/img/calendar60_60.png) bottom right no-repeat; background-color: #94c83d; background-size: 40px; }
#content-main ul.polins > li h4.earlyBg  	{ background: url(/templates2/img/ucalendar60_60.png) bottom right no-repeat; background-color: #f4e30d; background-size: 40px; }
*/
#content-main ul.polins > li h4.voteBg  	{ background-color: #f4e30d; }
#content-main ul.polins > li h4.officeBg  	{ background-color: #b683bb; }
#content-main ul.polins > li h4.mailBg  	{ background-color: #01bbd4; }
#content-main ul.polins > li h4.advanceBg  	{ background-color: #94c83d; }
#content-main ul.polins > li h4.earlyBg  	{ background-color: #f4e30d; }

#content-main ul.polins > li h4 {
	text-align: center;
	justify-content:center;
	align-items: center;
	min=height: 5em;
	font-size:0.85em;
}

div.subBox {
    width: 50%;
    float: left;
}
div.subBox ul {
	/*margin-left:0;*/
	margin:0px;
	padding:0px;
}
div.subBox ul li {
    width: 32%;
	margin-bottom: 5px;
}	
div.subBox_f ul li {
    min-height: 300px;
}
div.subBox ul li h5{
	text-align: center;
	justify-content:center;
	align-items: center;
	min=height: 5em;
	font-size:0.85em;
}
div.subBox h4 {
    text-align: left;
}
div.subBox.w65 {width: 65%}
div.subBox.w65 ul li {
    width: 32%;
}	
div.subBox.w35 {width: 35%;}
div.subBox.w35 ul li {
    width: 49%;
}


div.IDoptions h3  { 
	border-top: 1px solid #999; 
	border-bottom: 1px solid #999;
	padding: 5px 0px 5px 10px;
}
div.IDoptions div { 
	border: 1px solid #999;
	border-top: 0px;
	margin: 0 0 10px 0;
}
div.IDoptions div p{
	padding: 0px 5px 0px 10px;
}
div.IDoptions div:nth-child(1) h3{ background-color: #f4e30d; }
div.IDoptions div:nth-child(2) h3{ background-color: #01bbd4; }
div.IDoptions div:nth-child(3) h3{ background-color: #94c83d; }


.two-col {
	display: flex;
	flex-wrap: wrap;
}
.two-col li {
	width: 45%;
}