/* Header Section */
.wrapper{
	position: relative;
	max-width: 1200px;
	margin: auto;
}
a img {
    border: none;
}
#header{
	position: relative;
	width: 100%;
	background: url(../images/header_bg.gif) left -4px repeat-x;
	z-index: 99;
	box-shadow: 0 0 12px #999;
	-moz-box-shadow: 0 0 12px #999;
	-webkit-box-shadow: 0 0 12px #999;
}
	#header .wrapper{
		height: 175px;
	}
	#logo{
		position: absolute;
		left: 0px;
		top: 15px;
	}
		#logo img{
			height: 110px;
		}
	#ca_logo{
		position: absolute;
		right: 0px;
		top: 40px;
	}
		#ca_logo img{
			height: 120px;
		}
	#top_nav{
		position: absolute;
		right: 0;
		top: 17px;
	}
	#top_nav li{
		float: left;
		background: url(../images/top_nav_arrow.gif) left center no-repeat;
		padding: 0px 0px 0px 10px;
		margin-left: 20px;
	}
	#top_nav li a{
		text-decoration: none;
		font-family: 'open_sanssemibold';
		font-size: 11px;
		color: #000262;
		text-transform: uppercase;
	}
	#top_nav li:hover a{
		color: #71663b;
		text-decoration: underline;
	}
	#main_nav{
		position: absolute;
		width: 100%;
		margin: auto;
		left: 0;
		bottom: 0px;
	}
	#main_nav li{
		float: left;
		padding: 0 0 7px 0;
		position: relative;
	}
	#main_nav li a{
		display: block;
		text-decoration: none;
		font-family: 'open_sanssemibold';
		font-size: 14px;
		color: #01005d;
		text-transform: uppercase;
		padding: 7px 18px;
		border-top: 3px solid #fbf9fa;
	}
	#main_nav a:hover{
		border-top: 3px solid #ec1c24;
	}
	#main_nav li ul{
		float: left;
		position: absolute;
		left: 0px;
		top: 38px;
		/*background: url(../images/sub_nav_bg.png);*/
		background: #eeebe0;
		min-width: 200px;
		padding: 5px 0 15px 0;
		display: none;
		box-shadow: 2px 2px 5px #777;
		-moz-box-shadow: 2px 2px 5px #777;
		-webkit-box-shadow: 2px 2px 5px #777;
	}
	#main_nav li ul li ul{
		position: absolute;
		left: 100%;
		top: 0px;
		/*background: url(../images/sub_nav_bg.png);*/
		background: #eeebe0;
		padding: 5px 0 15px 0;
		border-left: 2px solid #00105d;
		display: none;
	}
		#main_nav li ul li{
			padding: 0px;
			border-bottom: 1px solid #fff;
			width: 100%;
		}
		#main_nav li ul li a{
			padding-top: 12px;
			padding-bottom: 12px;
			font-size: 11px;
			white-space: nowrap;
			border-top: none;
		}
		#main_nav.do_hover li ul li a:hover{
			background: #00015d;
			border: 0px;
			color: #fff;
		}
		#main_nav.do_hover li:hover ul.sub{
			display: block;
		}
		#main_nav.do_hover li ul li:hover ul.sub_sub{
			display: block;
		}

#banner{
	position: relative;
	width: 100%;
	height: 450px;
	overflow: hidden;
}
	#banner img{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		object-fit: cover;
		-moz-object-fit: cover;
		-webkit-object-fit: cover;
		object-position: 0 0;
		-moz-object-position: 0 0 ;
		-webkit-object-position: 0 0;
	}
	#pager{
		position: absolute;
		z-index: 99;
		right: 0px;
		bottom: 7px;
	}
		#pager a{
			display: block;
			text-decoration: none;
			font-size: 11px;
			font-family: 'open_sanssemibold';
			color: #fff;
			width: 25px;
			height: 25px;
			text-align: center;
			padding: 7px 0 0 0;
			background: #b0aecb;
			float: left;
			margin-right: 4px;
			border-radius: 100%;
			-webkit-border-radius: 100%;
			-moz-border-radius: 100%;
		}
		#pager a.activeSlide{
			background: #fff;
			color: #b0aecb;
		}
	#info{
		position: absolute;
		z-index: 80;
		left: 0px;
		bottom: 0px;
		width: 100%;
		height: 40px;
		background: rgba(0, 0, 0, 0.5);				
		font-size: 10px;
		color: #fff;
	}
		#info p{
			position: relative;
			font-family: 'open_sanssemibold';
			font-size: 18px;
			color: #fff;
			left: 30px;
			top: 12px;
		}		

#page_content .wrapper{
	position: relative;
	padding: 35px;
}
	#page_content h1{
		font-size: 28px;
		font-family: 'open_sansbold';
		color: #00015d;
	}
	#page_content p{
		font-size: 15px;
		font-family: 'open_sansregular';
		color: #333;
		line-height: 22px;
		width: 85%;
		margin: 20px 0;
	}
		#page_content p span,
		#page_content td span{
			font-size: 15px !important;
			font-family: 'open_sansregular' !important;			
			line-height: 22px !important;
		}
	#page_content table.members{
		margin-top: 35px;
		width: 80%;
	}
		#page_content table.members td{
			vertical-align: top;
			padding: 15px;
		}
	#page_content td{
		font-size: 15px;
		font-family: 'open_sansregular';
		color: #333;
		line-height: 22px;
	}
		#page_content td strong{
			font-family: 'open_sansbold';
			color: #00015d;
		}
	#page_content li{
		font-size: 15px;
		font-family: 'open_sansregular';
		color: #333;
		line-height: 22px;
		width: 85%;		
		margin: 15px 0;
		padding: 0 0 0 15px;
		background: url(../images/top_nav_arrow.gif) left 8px no-repeat;
	}
#chairman_msg{
	position: relative;
	width: 75%;
	max-width: 1000px;
	height: 320px;
	margin: 60px auto 0px auto;
	background: #f03112;
	box-shadow: 2px 2px 5px #777;
	-moz-box-shadow: 2px 2px 5px #777;
	-webkit-box-shadow: 2px 2px 5px #777;	
}	
	#chairman_msg .chairman_img{
		position: relative;
		width: 42%;
		height: inherit;
		float: left;
	}
		#chairman_msg .chairman_img img{
			width: 100%;
			height: inherit;
			object-fit: cover;
			-moz-object-fit: cover;
			-webkit-object-fit: cover;
			object-position: 0 0;
			-moz-object-position: 0 0;
			-webkit-object-position: 0 0;
		}
	#chairman_msg .desc{
		position: relative;
		width: 52%;
		height: inherit;
		float: left;		
		margin: 25px 0 0 3%;
	}
		#chairman_msg .desc h2{
			font-size: 28px;
			font-family: 'open_sanssemibold';
			color: #fff;
			line-height: 22px;			
			text-transform: uppercase;
		}
		#chairman_msg .desc h2 span{
			display: block;
			font-family: 'open_sansregular';
			font-size: 14px;
			margin: 0 0 5px 0
		}
			#chairman_msg .desc p{
				display: block;
				font-family: 'open_sansregular';
				font-size: 15px;
				color: #fff;
				line-height: 20px;
				margin: 30px 0 0 0
			}
				#chairman_msg .desc a{
					text-decoration: none;
					color: #fff;
				}
#basic_boxes{
	position: relative;
	width: 100%;
	margin-top: 40px;
}
	#basic_boxes .item{
		position: relative;
		width: 30%;
		margin: 0 1.5%;
		float: left;
		text-align: center;
		height: 225px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		box-shadow: 2px 2px 5px #777;
		-moz-box-shadow: 2px 2px 5px #777;
		-webkit-box-shadow: 2px 2px 5px #777;
	}
		#basic_boxes .item h2{
			font-size: 30px;
			font-family: 'open_sanssemibold';
			color: #fff;
			line-height: 35px;
			text-transform: uppercase;
			margin: 42px 25px 0 25px;
		}
			#basic_boxes .item a{
				display: block;
				width: 70%;
				border: 1px solid #fff;
				font-size: 17px;
				font-family: 'open_sanssemibold';
				color: #fff;
				text-transform: uppercase;
				padding: 10px 0;
				margin: 25px auto 0 auto;
				text-decoration: none;
				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
			}
			#basic_boxes .item a:hover{
				background: #fff;
				color: #00015d;
			}
	#box1{
		background: #000066;
	}
	#box2{
		background: #ff8a00;
	}
	#box3{
		background: #c33132;
	}
	
   #upcoming_events{
    position: relative;
    margin-top: 40px;
    width:100%;
   }
   #upcoming_events h1,
   #upcoming_events h3 {
    text-align: center;
	font-family: 'open_sansbold';
    font-size: 20px;
   }
 #management_committee h1,
 #management_committee h3 {
    text-align: center;
    font-family:"open_sansbold";
    font-size: 20px;
   }
   .upcoming_img div{
    float:right;
   }

   .upcoming_img img{
    margin:50px 0 0 60px;
    width:40%;
   
   }

  /* .image-container {
    position: relative;
    width: 200px;
    height: 300px;
}*/
.upcoming_img .events_news {
    position: absolute;
    top: 0;
    left: 0;
    width: 38.9%;
    height: 195px;
    margin:120px 0 0 60px;
    display: none;
    font-size: 15px;
    font-family: "open_sansbold";
    color: #FFF;
}
.upcoming_img .events_news b{
    margin-top: 300px;
}
.upcoming_img:hover .events_news {
    display: block;
    background: rgba(0, 0, 0, .6);
}
.upcoming_img:hover .read_more_btn {
    display: block;
}
   .events_news{
    position:absolute;
    bottom:65px;
    left:100px;
    color: #fff;
   }
#about_us{
    position: relative;
    background: #f5f5f5;
	margin: 40px 0 0 0;
}
	#about_us .wrapper{
		padding: 40px;		
	}
#about_us h1{
	background: #fff;
	text-align: center;
    margin: 0;
    font-family: 'open_sanssemibold';
    font-size: 25px;
	color: #000;
	line-height: 30px;
	text-transform: uppercase;
}
#about_us p{
    font-family: 'open_sansregular';
    font-size: 14px;
	color: #333;
	line-height: 25px;
	width: 92%;
	margin: 20px auto;
}
#home_events{
	position: relative;
	margin: 40px 0 0 0
}
	#home_events .wrapper{
		max-width: 1000px;
	}
	#home_events p{
		margin: 20px 0 0 0;
		line-height: 20px;
	}
	#home_events .read_more{
		margin: 20px 0 0 0;
	}
.sponsors{
	position: relative;
	margin: 35px 0 0 0;
}
.sponsors .items{
	background: #f5f5f5;
	height: 120px;
	margin: 20px 0 0 0;
	white-space: nowrap;
	text-align: center;
}
	.sponsors .items img{
		height: 60px;
		display: inline-block;		
		margin: 30px 10px 0 10px;
		vertical-align: top;
	}
#people{
	position: relative;
	padding: 35px 0;
}
	#people h2,
	#home_events h1,
	.sponsors h2{
		font-family: 'open_sansbold';
		font-size: 27px;
		color: #000;		
		text-transform: uppercase;
		text-align: center;
	}
		#home_events h1{
			margin-bottom: 15px;
		}
		#people h2 span,
		#about_us h1 span,
		#home_events h1 span,
		.sponsors h2 span{
			display: block;
			font-size: 15px;
			font-family: 'open_sansregular';
			color: #999;
			padding-bottom: 8px;
		}
		#people h2 em,
		#about_us h1 em,
		#home_events h1 em,
		.sponsors h2 em{
			display: block;
			width: 150px;
			margin: 10px auto 0 auto;
			height: 4px;
			background: #ec1c24;
		}
	#people .item.large{
		width: 80%;
		float: none;
		margin: 50px auto 0 auto;
	}
	#people .item{
		position: relative;
		width: 50%;
		float: left;
		text-align: center;
		margin: 50px 0 0 0;		
	}
		#people .item .img{
			width: 40%;
			float: left;
		}
			#people .item .desc{
				width: 54%;
				float: left;
				margin: 0 0 0 2%;
			}
				#people .item .desc p{
					text-align: left;
					font-family: 'open_sansregular';
					font-size: 14px;
					color: #000;
					line-height: 24px;
				}
		#people .item img{
			width: 80%;
			height: 240px;
			box-shadow: 2px 2px 5px #777;
			-moz-box-shadow: 2px 2px 5px #777;
			-webkit-box-shadow: 2px 2px 5px #777;			
			object-fit: cover;
			-moz-object-fit: cover;
			-webkit-object-fit: cover;
		}
		#people .item h3{
			font-size: 16px;
			font-family: 'open_sanssemibold';
			color: #111;			
			margin: 12px 0 0 0;
		}
			#people .item h3 span{
				display: block;
				font-size: 13px;
				font-family: 'open_sansregular';
				color: #888;				
				margin: 6px 0 0 0
			}
#events .item{
	position: relative;
	width: 100%;
	float: left;
	margin: 30px 0;
}
	#events .item .item_img{
		position: relative;
		width: 40%;
		float: left;
	}
		#events .item .item_img img{
			width: 100%;
			height: 180px;
			object-fit: cover;
			-moz-object-fit: cover;
			-webkit-object-fit: cover;
			box-shadow: 2px 2px 5px #777;
			-moz-box-shadow: 2px 2px 5px #777;
			-webkit-box-shadow: 2px 2px 5px #777;			
		}
	#events .item .desc{
		position: relative;
		width: 57%;
		float: right;
	}
		#events .item h2 a{
			display: block;
			text-decoration: none;
			font-size: 22px;
			font-family: 'open_sanssemibold';
			color: #00015d;
			line-height: 28px;
		}
			#events .item h2 a:hover{
				color: #ec1c24;
			}
			#events .item p{
				font-family: 'open_sansregular';
				font-size: 15px !important;
			}
			#events .item p em{
				font-family: 'open_sanssemibold' !important;
				color: #000;
			}
			#events .item .read_more a{
				text-decoration: none;
				font-size: 13px;
				font-family: 'open_sansregular';
				color: #ec1c24;
			}
#footer{
	height: 210px;
	position:relative;
	padding: 35px 0;
	background: rgba(0,0,0,0.7)
}
	#footer_left,
	#social_connect{
		position: relative;
		width: 50%;
		float: left;
	}
	#footer_left h2,
	#social_connect h2{
		font-size: 20px;
		font-family: 'open_sanssemibold';
		color: #fff;
		text-transform: uppercase;
		padding: 0 0 15px 0
	}
	#footer_left input{
		width: 45%;
		font-size: 14px;
		font-family: 'open_sansregular';
		color: #000;
		height: 40px;
		text-indent: 12px;
		border: none;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	#footer_left button{
		font-size: 14px;
		font-family: 'open_sanssemibold';
		color: #fff;
		background: #ec1c24;
		height: 40px;
		padding: 0 12px;
		border: none;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}	
		#social_connect li{
			float: left;
			margin: 0 12px 0 0
		}
			#social_connect li img{
				height: 40px;
			}
.portlet-title{
	font-size: 16px;
	font-family: 'open_sanssemibold';
	color: #00015d;
}
.portlet-content a{
	font-size: 14px;
	font-family: 'open_sanssemibold';
	color: #00015d;
	text-decoration: none;
}
	.portlet-content a:hover{
		color: #ec1c24;
	}
#past_left{
	width: 70%;
	float: left;
}
#past_right{
	width: 20%;
	float: right;
}
#mobile_menu,
#close_mobile_menu{
	display: none
}
#blink_text{
	position: relative;
	text-align: center;
	margin: 42px 0 0 0;
	height: 30px;
}
	#blink_text h2{
		font-size: 25px;
		font-family: 'open_sanssemibold';
		color: #ec1c24;		
		text-transform: uppercase;
	}
#sponsors{
	position: relative;
	max-width: 1000px;
	width: 95%;
	height: 140px;
	margin: 35px auto;
	border: 1px solid #ddd;
}
#sponsors .title{
	position: relative;
	background: #000066;
	height: inherit;
	text-align: center;
	width: 25%;
	float: left;
	font-size: 30px;
	font-family: 'open_sanssemibold';
	color: #fff;
	display: flex;
	align-items: center;	
}
#sponsors .title label{
	position: relative;
	/* top: 40px; */
	display: block;
	width: 100%;
	text-align: center;
}
#sponsors_list{
	position: relative;
	height: inherit;
	width: 75%;
	float: left;
	overflow: hidden;
	white-space: nowrap;
}
	#sponsors_list_inner{
		position: relative;
		height: inherit;
		width: 100%;
	}
#sponsors_list .item{
	display: inline-block;
	width: 25%;
	text-align: center;
	margin-top: 15px;
}
#sponsors_list .item img{
	height: 110px;
}
#article_list .view{
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	margin-top: 15px;
}
#article_list .view h3{
	font-family: 'open_sansbold';
	font-size: 18px;
	color: #00015d
}
	#article_list .view h3 a{
		color: inherit !important;
		text-decoration: none;
	}
#article_list .view span{
	font-family: 'open_sansregular';
	font-size: 12px;
	display: block;
	margin-top: 7px;
}
#article_list .view:hover a{
	text-decoration: underline
}
.grid-view .summary,
.list-view .summary{
	font-family: 'open_sansregular';
	font-size: 11px;	
}
#ac_menu h3{
	font-family: 'open_sansbold';
	font-size: 18px;
	color: #00015d !important;
	margin: 15px 0;
}
	#ac_menu h3 a{
		color: inherit !important
	}
.board_members {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 40px;
	margin-top: 30px;
}
.board_members .item {
	width: 100%;
	display: flex;
	flex-direction: row;
}
.board_members .item .photo {
	width: 200px;
	margin-right: 20px;
	padding-bottom: 15px;
}
.past_members {
	width: 100%;
	margin-top: 30px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 4%;
}
.past_members .item {
	width: 29%;
	margin-bottom: 40px
}
.past_members .item img {
	width: 100%;
	max-width: 200px;
	border: 2px solid #ccc; 
	border-radius: 10px;
}
.news_letter {
	width: 100%;
	margin-top: 40px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 5%;
}
.news_letter .item {
	width: 45%;
	margin-bottom: 40px;
}
.news_letter .item img {
	width: 100%;
	max-width: 350px;
}