@charset "utf-8";
/* CSS Document */

/* Become a Member of ID - 2023 April 05 */
	#joinID
	{
		
	}
	.joinID
	{
		text-align:right; margin-top:5px;
	}
	.joinID a
	{
		font-weight:bold; color:#FFF; background-color:#009900; padding:5px; border-radius:5px;
	}
	.joinID a:hover
	{
		color:#0c288f; background-color:#cdeeff; padding:5px; border-radius:5px; text-decoration:none;
	}
/* Become a Member of ID - 2023 April 05 */

.bg-pattern
{
	background-image:url(../id-img/bg-pattern-0.png); background-repeat:repeat;
}

.mdlf-highlight-bg
{
	background-color:#0c288f;
	padding: 20px 0px;
}
.nems-highlight-header
{
	font-size:20pt;	font-weight:bold; color:#00CCFF; 
	font-family: 'Viga';
	margin-bottom: 20px;
}
.nems-highlight-sub-header
{
	font-size:12pt;	font-weight:bold; color:#FFF; 
	font-family: 'Viga';
}
.nems-highlight-content
{
	font-size:12pt;	font-weight:normal; color:#FFF; 
	font-family: Arial, sans-serif;
}
.nems-highlight-btn
{
	font-size:12pt;	font-weight:normal; color:#FFF; 
	font-family: Arial, sans-serif;
	background-color:#FF6600;
	padding: 5px;
	text-decoration:none;
	border-radius:6px;
}
a:hover.nems-highlight-btn
{
	font-size:12pt;	font-weight:normal; color:#FFF; 
	font-family: Arial, sans-serif;
	background-color:#FF6600;
	padding: 5px;
	text-decoration:none;
}

.mdlf-separator
{
	border-top:2px dashed #eee;
	margin:15px 0px;
}
.mdlf-separator-without
{
	border-top:0px dashed #eee;
	margin:15px 0px;
}

.bg
{
	background-color:#efefef;
	border:0px solid #333;
}
.bg2
{
	background-color:#eee;
	border:0px solid #333;
}

.bg-id
{
	background-color:#333333;
	padding:10px 0px;
}

/*banner content container*/
.id-banner-container
{
	background-color:#fff/*2383b4*/;
	border-bottom:5px solid #0c288f;
	margin-top:-15px;
	/*background-image:url(../id-img/ID-Bg-2.png);*/
}

@media only screen and (max-width:567px){	
	.id-banner-container
	{
		background-size: 150%;
	}
}

.id-banner-content
{
	/*background-color:#0c288f;*/
	/*background-color: rgba(125,183,125,0.25);*/
	margin:10px 0px;
	padding-bottom:20px;
}



/* content */
.left-pane, .right-pane
{
	/*background-color:rgba(0, 0, 0, 0.05);*/
}

.id-content-container
{
	width:100%;
	padding:5px 10px;
	border:0px solid #333;
}

.id-content-header
{
	/*font-size:19pt;
	font-weight:bold;*/
	color:#0c288f;
	margin-top:10px;
	margin-bottom:15px;
	font-family: 'Viga'; font-size: 22px;
}
.id-content-sub-header
{
	font-size:16pt;
	font-weight:bold;
	
}
.id-content
{
	font-size:14pt;
	font-weight:normal;
	
}

.id-content-home
{
	padding-top:20px;
	padding-bottom:20px;
}
.id-content-normal
{
	padding-top:20px;
	padding-bottom:20px;
	font-size:12pt;
	font-weight:normal;
}

.id-container-highlight-1
{
	background-color:#cedca5;
	padding:20px 0px;
	margin:20px 0px 0px 0px;
}
.id-container-highlight-2
{
	padding:20px 0px;
	margin:20px 0px 20px 0px;
}
.id-container-highlight-3
{
	background-color:/*#cedca5 rgba(206, 220, 165, 0.6)*/ rgba(48, 165, 43, 1);
	padding:20px 0px;
	margin:0px 0px 40px 0px;
}

.id-container-highlight
{
	background-color:/*#cedca5*/ rgba(206, 220, 165, 0.6);
	padding:20px 0px;
	margin:0px 0px 40px 0px;
}

.id-content-header-container
{
	margin:5px 0px 30px 0px;
}
.id-content-header-bg
{
	background-color:#0c288f;
	padding:10px 0px;
	color:#ffffff;
	margin:auto;
	width:280px;
	border-radius:180px;
	text-align:center;
}
.id-content-header-container-inverse
{
	margin:30px 0px 10px 0px;
}
.id-content-header-bg-inverse
{
	background-color:#cedca5;
	padding:10px 0px;
	color:#0c288f;
	margin:auto;
	width:280px;
	border-radius:180px;
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
}

.id-thumbnail-homepage
{
	width:100%;
	padding:0px;
	border-top:2px solid #0c288f;
	border-bottom:2px solid #0c288f;
}

.id-title-heading
{
	font-weight:bold;
	text-align:center;
	margin-top:10px;

}
.id-title-content
{
	font-weight:normal;
	font-size:10pt;
	padding:10px 10px 30px 10px;
}
.id-title-content-link-container
{
	text-align:center;
	margin:auto;
	padding-top:20px;
	width:120px;
	border:0px solid #333333;
}
.id-title-content-link
{
	font-weight:normal;
	font-size:9pt;
	border-radius:180px;
	background-color:#0c288f;
	padding:2px 10px;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	margin:auto;
	display:block;
	width:120px;
}
a:hover.id-title-content-link
{
	font-weight:normal;
	text-decoration:underline;
}

.id-center
{
	text-align:center;
}

.id-img-border
{
	padding: 5px 5px;
	margin-top: 5px; 
	background-color: #e3e3e3;
	width: 100%;
	border:1px solid #0c288f;
}


.id-testimonial-link
{
	font-weight:normal;
	font-size:9pt;
	border-radius:180px;
	background-color:#ffffff;
	padding:2px 10px;
	color:#0c288f;
	text-align:center;
	text-decoration:none;
	margin:10px auto;
	display:block;
	width:120px;
}
a:hover.id-testimonial-link
{
	font-weight:normal;
	text-decoration:underline;
}


/* event column */
.id-event-col
{
	border-bottom:1px solid #6caf9a;
	border-radius:5px;
	background-color: rgba(206, 220, 165, 0.6);
	margin-top:30px;
	padding:15px 5px 20px 5px;
}
.id-event-col-container
{
	/*background-color: rgba(1, 1, 1, 0.05);*/
}

/* member's column */
.id-member-col
{
	border-bottom:0px solid #6caf9a;
	border-radius:5px;
	/*background-color: rgba(206, 220, 165, 0.9);*/
	margin-top:10px;
	padding:15px 5px 20px 5px;
}
.id-member-col-container
{

}
.id-thumbnail-member
{
	border-radius:360px;
	width:160px;
	height:160px;
	margin:auto;
	display:block;
}
.id-member-name
{
	font-weight:bold;
	font-size:15pt;
	color:#0c288f;
	text-align:center;
	margin-top:5px;
}
.id-member-desig
{
	font-weight:normal;
	font-size:9pt;
	text-align:center;
	margin-top:0px;
}


/* Testimonial */
.id-testimonial-container-bg
{
	background-color:#2d2d2d/*0c288f*/;
	margin:30px 0px 0px 0px;
}
.id-testimonial-container
{
	/*background-color:rgba(0, 0, 0, 0.08);*/
	padding:20px 0px;
	margin:20px 0px;
}
.id-testimonial-block
{
	background-color:rgba(255, 255, 255, 0.08);
	padding:20px 0px;
	margin:20px 0px;
	border-radius:10px;
	text-align:center
}
.id-testimonial-content
{
	font-size:11pt;
	color:#fff;
}
.id-testimonial-name
{
	font-size:10pt;
	font-weight:bold;
	color:#fff;
}
.id-testimonial-desig
{
	font-size:9pt;
	font-style:italic;
	color:#fff;
}
.id-testimonial-org
{
	font-size:9pt;
	color:#fff;
}
.id-testimonial-intro-image
{
	width:150px;
	border-radius:180px;
	margin-bottom:20px;	
}

@media only screen and (max-width: 600px)
{
	.id-testimonial-intro-image
	{
		width:150px;
		border-radius:180px;
		margin-bottom:20px;
	}
}


/* Testimonial */
.id-footerNav-container-bg
{
	background-color:#0c288f/*0c288f*/;
	margin:5px 0px 0px 0px;
}
.id-footerNav-container
{
	/*background-color:rgba(0, 0, 0, 0.08);*/
	padding:20px 0px;
	margin:5px 0px;
}
.id-footerNav-block
{
	background-color:rgba(255, 255, 255, 0.08);
	padding:10px 10px;
	margin-bottom:20px;
}
.id-footerNav-block-header
{
	font-size:16pt;
	font-weight:bold;
	color:#9cdadd;
}
.id-footerNav-content
{
	font-size:11pt;
	color:#fff;
}
.id-footerNav-name
{
	font-size:10pt;
	font-weight:bold;
	color:#fff;
}
.id-footerNav-desig
{
	font-size:9pt;
	font-style:italic;
	color:#fff;
}
.id-footerNav-org
{
	font-size:9pt;
	color:#fff;
}
.id-footerNav-link
{
	font-weight:normal;
	font-size:11pt;
	padding:2px 10px;
	color:#9cdadd;
	text-decoration:none;
}
a:hover.id-footerNav-link
{
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
}
.id-footerNav-intro-image
{
	width:100%;
	border-radius:10px;
	margin-bottom:20px;	
}

@media only screen and (max-width: 600px)
{
	.id-footerNav-intro-image
	{
		width:100%;
	border-radius:10px;
	margin-bottom:20px;	
	}
}







/* Annual Calender */
.th-border
{
	border:1px solid #e2e2e2;
}
.th-flex
{
	display:flex;
	flex-direction:row;
	box-sizing: border-box;
	
	justify-content: center;
	width: 100%;
}
.th-flex div
{
	
	border:1px solid #e2e2e2;
	align-content: center;
	width:100%;
}

#th-tbl-grp-head.row
{
	border:1px solid #666999;
	background-color:#669999;
	color:#fff;
}
@media only screen and (max-width:540px){
#th-tbl-grp-head.row
	{
		display:none;
	}
}
.th-tbl-data
{
	
}

.th-tbl-data .row
{
	border-bottom:2px solid #28a745;
	background-color: rgba(192, 225, 194, 0.5);
	padding:5px;
	border-radius:5px 5px 0px 0px;
}
.th-tbl-head
	{
		font-weight: bold;
	}

.th-tbl-item-content
{
	/*word-wrap:break-wrap;*/
	padding:5px;
	font-size:10pt;
	text-align:left;
}

.th-tbl-item-content ul
{
	padding-left:15px;
}
.th-tbl-item-content ul li
{
	list-style:decimal;
	
}

.th-tbl-sln
{
	font-size:10pt;
	padding-top:5px;
	margin:auto;
	max-width:30px;
	text-align:center;
	border-radius:5px;
	color:#333;
}

@media only screen and (min-width:576px){
	#th-tbl-grp-head .th-tbl-grp-head
	{
		display:block;
		text-align:center;
	}
	.th-tbl-data .th-tbl-head
	{
		display:none;
	}
}

@media only screen and (max-width:540px){
	.th-tbl-data .row
	{
		margin-bottom:20px;
		border-bottom:5px solid #669999;
	}
	
	.th-tbl-head
	{
		margin-top: 5px;
		padding: 2px 10px;
		background-color:#fff;
		/*background-color:rgba(103,153,153,0.4);*/
		color:#669999;
		border:1px solid rgba(102,153,153,0.4);
	}
	.th-tbl-item-content
	{
		background-color:rgba(255,255,255,0.5);
		/*background-color:rgba(102,153,153,0.15);*/
		border-top:0px solid rgba(102,153,153,0.4);
		border-right:1px solid rgba(102,153,153,0.4);
		border-bottom:1px solid rgba(102,153,153,0.4);
		border-left:1px solid rgba(102,153,153,0.4);
	}

	.th-tbl-sln
	{
		padding:5px;
		margin-top:10px;
		margin-bottom:10px;
		color:#fff;
		background-color:#669999;
	}

}