h1,h2,h3,h4{
	font-family:"Khmer UI", "Arial", sans-serif;	
}
#masthead{
	padding:0px;
}
#ifcc-brand{	
	padding:10px 10px 8px 10px;
}
#masthead-icon{
	margin-top:4px;
}
#masthead-contact{
	float:right;
	text-align:right;
}

/* NAV BAR */
#nav-ifcc, #nav-ifcc-mobile, #nav-ifcc-mobile-switch{
	background-color:#D27412;
	border-bottom:1px solid #3c7aad;
}
#nav-ifcc #nav-list li a:hover{
	background-color:#03508D;
}
#nav-ifcc #nav-list li ul, #nav-ifcc-mobile #nav-list li ul{
	background-color:#D27412;
}
/*END nav bar*/

#splash-box{
	/* bg image is 630x230 */
	position:relative;
	/* background: url(../ifcc/images/splash-1000w.jpg) no-repeat 0px -85px; */
	background: url(../ifcc/images/splash-1000w.jpg) no-repeat center;
	background-size: cover;
	padding:20px;
	height:600px;
	font-size:110%;
	color:#FFF;
}
#splash-box h2, #splash-box h3{
	color:#FFF;
}
#splash-description{
	width:450px;
	position:absolute;
	left:0px;
	bottom:20px;
	background-color:rgba(0,111,153,0.8);	
	padding:16px;
}
#splash-contact{
	position:absolute;
	right:0px;
	bottom:20px;
	width:300px;
	color:#FFF;
	border-left:2px solid #D27412;
	background-color:rgba(0,111,153,0.8);
	padding:16px;margin-left:20px;	
}
#splash-contact div{
	padding:2px 0px;	
}
#splash-contact a:link, #splash-contact a:visited{
	color:#FFF;
	text-decoration:none;	
}
@media only screen and (max-width: 1023px){
	#splash-box{
		position:relative;
		height:auto;
		background-size: contain;
		background-position:0px -20px;
		padding: 150px 0px 0px 0px;
	}
	#splash-contact, #splash-description{
		position:relative;
		top:0px;
		left:0px;
		padding:4%;
		color:#FFF;
		font-size:100%;
		width:92%;
	}
	
	#splash-contact{
		display:block;
		margin:0px;
		text-align:left;
	}
	#splash-description{
		margin-top:16px;
		background:none;
		color:#000;
		padding:0px;
		width:100%;
	}
}

/*ABOUT IFCC*/
.about-IFCC-text{
	width:62%;
	float:left;
}
.about-IFCC-bullets{
	width:33%;
	float:right;
	margin-top:-25px;	
}
@media only screen and (max-width: 1023px){
	.about-IFCC-text{
		width:100%;
		float:none;
	}
	.about-IFCC-bullets{
		width:100%;
		float:none;
		margin-top:10px;	
	}
}

/*ANOUNCEMENTS*/
#updates-list li.announcement-item{
	border-bottom:1px solid #003366;
	padding:12px 0px;
	clear:both;
}
#updates-list .announcement-body{
	width:80%;
	float:left;
}
#updates-list .image-link{
	display:block;
	float:left;
	width:20%;
	text-align:center;
}
#updates-list .image-link img{
	width:80%;
	height:auto;
	margin:0px 10%;
	border:1px solid #CCC;	
}
#updates-list .image-link img.calendar{
	height:140px;
}
#updates-list .image-link img.image-wide{
	width:170px;
	height:auto;
}
@media only screen and (max-width: 1023px){
	#updates-list .announcement-body{
		width:100%;
		text-align:center;
		float:none;
		clear:both;
	}
	#updates-list .image-link{
		float:none;
		clear:both;
		width:100%;
	}
	#updates-list .image-link img{
		width:50%;
		height:auto;
		margin:12px auto;
		border:1px solid #CCC;	
	}
}

.promo-box {
	border-bottom: 2px solid #D27412;
	background-color: #ffefe0;
}

/* PAGE: care*/
#ifcc-care #splash-box{
	background: url('../ifcc/images/CARE SSIC classroom group Zoraima talks to grandma 1000x562.jpg') no-repeat center;	
	background-size: cover;
	height: 600px;
}
#ifcc-care #splash-box #splash-description{
	width:630px;
	top:20px;
	bottom:auto;
}