/* CSS Codes by: Jerez H. Basco*/


@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arimo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Unna:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Allerta&display=swap');



/*reset*/
html, body, div, span, applet, object, iframe,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td, p {
	border:0pt none;
	font-size:100%;
	margin:0pt;
	outline-color:invert;
	outline-style:none;
	outline-width:0pt;
	padding:0pt;
}

/* body */
body { 
margin:0; 
padding:0; 
font-size:13px; 
font-family: 'Arimo', sans-serif;
line-height:20px;
color:#000; 
background:url(images/bg.jpg) repeat-x #50d5ff; 
}

/*basics*/
img, a {border:none; outline:none !important}
a { text-decoration:none; color:#423032; font-weight:bold;}
a:hover { text-decoration:underline; color:#423032;}
p{ padding:0px 0px 12px 0px; }
h1{ font-size:26px; margin:0; padding:0 0 20px 0; color:#423032;}
h2{ font-size:20px; margin:0; padding:0; }
h3{ font-size:16px; margin:0; padding:0; }
h4{ font-size:14px; margin:0; padding:0; }
h5{ font-size:13px; margin:0; padding:20px 0 0 40px; position:relative;}

.comp{ color:#423032; font-weight:bold; }
.comingsoon{ color:red; font-weight:bold; font-style:italic; }
.clearfix{ clear:both; overflow:hidden; }
.floatleft-img{ float:left; margin-right:20px; margin-top:10px; }
.floatright-img{ float:right; margin-left:20px; margin-top:10px;}
.f-left{float:left;}
.f-right{float:right;}
.no-border a {border:none !important;}
a.alink{color: #bf0000 !important; text-decoration:underline}
a.alink:hover{text-decoration: none;}
/*fonts here*/






/*layers*/


#wrapper{ width:980px; height:auto; margin:0 auto; position:relative;}

/*#footerholder{width:100%; height:91px; margin:0 auto; background:url(images/footer.jpg); display:block;}*/


#banner{width:980px; height:211px; position:relative; margin:0 auto 0 auto; clear:both; overflow:hidden;}
	#banner:before{content:url(images/banner-pic.png); position:absolute; left:305px; bottom:0px;}
	.banner-left{float:left; padding:75px 0 0 0;}
	.banner-right{float:right; padding:0 0 0 0;}
		.social-bg{width:268px; height:60px; display:block; background:url(images/social-bg.png); font-weight:bold; font-size:15px; font-family: 'Allerta', sans-serif; margin-left:35px;}
			.social-bg tr td{padding:0 1px;}
			.social-bg a:hover img{opacity: .5 !important;}
		.call1{text-align:right; line-height:30px; padding-top:25px;}
		.call{color:#004694; font-size:20px; font-family: 'Unna', serif; font-weight:bold;}
		.platino{font-size:36px; font-family:'Palatino Linotype'; font-weight:bold; color:#004694;}
		
	
	
/*inside navigation bar */
#nav{width:980px; height:79px; position:relative; margin:0 auto 0 auto; background:url(images/nav-bg.png);}
	#nav ul {margin:0 0 0 0; padding:0; list-style:none;}
	#nav ul li {display:inline; float:left; position:relative;}
	#nav ul li a {width:auto; height:79px; line-height:70px; color:#fff; display:block; float:left; font-size:12px; position:relative; font-weight: normal; text-align:center; margin-left:10px; font-family: 'Allerta', sans-serif; padding:0 11px; text-transform:uppercase;}
	#nav ul li a:hover, #nav ul li.current_page_item a {text-decoration:none; background:url(images/nav-hover.jpg)repeat-x;}
	#nav ul li:after{content:url(images/nav-spacer.png); position:absolute; right:-26px; top:10px;}
	#nav ul li:last-child:after{content:'';}
	#nav ul li:nth-child(4) a{height: 79px;background:url(images/donation-nav.png)no-repeat;}
				

/*flash*/
#flash{width:980px; height:513px; position:relative; clear:both; overflow:hidden;}
	.fade{width:980px; height:513px;}
	.slogan-bg{width:959px; height:88px; display:block; background:url(images/slogan-bg.png); position:absolute; right:11px; bottom:10px; z-index:7;}
	.s-title{color:#fff; font-size: 17px; font-weight:bold; font-family: 'Allerta', sans-serif; padding: 7px 0 0 280px;}
	.slogan-bg p{color:#fff; font-size:14px; font-family: 'Allerta', sans-serif; padding: 7px 0 0 280px;}
	.slogan-bg a{color:#bf0000; text-decoration:underline;}
	.slogan-bg a:hover{text-decoration: none;}
	
#mid{width:995px; height:151px; position:relative; margin:8px 0 0 -15px;}
	.box{width:333px; height:151px; display:block; background:url(images/donate.png); float:left;}
		.box-title{padding:20px 0 0 143px;}
		.box p{width:175px; color:#fff; line-height:17px; padding:10px 0 0 143px;}
		.mid-btn{text-indent:20px; margin:10px 0 0 143px;}
		.mid-btn a{width:116px; height:35px; line-height:36px; display:block; background:url(images/mid-btn.png) left top; color:#fff; font-size:14px; font-family: 'Oswald', sans-serif; font-weight:bold; text-decoration:none;}
		.mid-btn a:hover{background:url(images/mid-btn.png) left top; color:#000; text-decoration:none;}
		
	.box1{width:328px; height:151px; display:block; background:url(images/box2.png); float:left; margin-left:2px;}
		.box1 p{width:170px; color:#fff; line-height:17px; padding:10px 0 0 143px;}
		
	.box2{width:328px; height:151px; display:block; background:url(images/box1.png); float:left; margin-left:2px;}
		.box2 p{width:170px; color:#fff; line-height:17px; padding:10px 0 0 143px;}
		
/* left and right main */
#main{width:936px; height:auto; margin:15px auto 0 auto; clear:both; overflow:hidden; position:relative; background:#fff; padding:0 22px; border-radius:10px 10px 0 0;}
	#col-a {width:318px; height:auto; float:left; padding:15px 0 0 0; }
		.left-nav{width:316px; height:auto; clear:both; overflow:hidden; margin-top:10px;}
			.left-nav ul {margin:0 0 0 0; padding:0; list-style:none;}
			.left-nav ul li {display:inline; float:left; position:relative;}
			.left-nav ul li a {width:315px; height:54px; line-height:54px; color:#000; display:block; float:left; font-size:18px; position:relative; font-weight:bold; font-family: 'Allerta', sans-serif; background:url(images/left-nav1.jpg)left top; text-indent:65px; margin-top:1px;}
			.left-nav ul li a:hover, .left-nav ul li.current_page_item a {text-decoration:none; background:url(images/left-nav1.jpg)left bottom; color:#fff;}
				.left-nav ul li:nth-child(2) a {width:315px; height:54px; line-height:54px; color:#000; display:block; float:left; font-size:18px; position:relative; font-weight:bold; font-family: 'Allerta', sans-serif; background:url(images/left-nav2.jpg)left top; text-indent:65px; margin-top:1px;}
				.left-nav ul li:nth-child(2) a:hover, .left-nav ul li.current_page_item a {text-decoration:none; background:url(images/left-nav2.jpg)left bottom; color:#fff;}
				.left-nav ul li:last-child a {width:315px; height:54px; line-height:54px; color:#000; display:block; float:left; font-size:18px; position:relative; font-weight:bold; font-family: 'Allerta', sans-serif; background:url(images/left-nav3.jpg)left top; text-indent:65px; margin-top:1px;}
				.left-nav ul li:last-child a:hover, .left-nav ul li.current_page_item a {text-decoration:none; background:url(images/left-nav3.jpg)left bottom; color:#fff;}
		.contact-bg{width:314px; height:234px; display:block; background:url(images/contact-bg.jpg); margin-top:10px; position:relative;}
			.contact-bg:before{content:url(images/plant.png); position:absolute; right:-35px; bottom:-10px;}
			.ci{color:#fff; font-size:26px; padding:25px 0 0 25px;}
			.home{color:#fff; font-size:14px; padding:30px 0 20px 25px;}
			.phone{color:#fff; font-size:14px; padding:0 0 0 25px;}
			.phone a{color:#fff; font-weight:normal;}
			
			
			
	#col-b{width:598px; height:auto; display:block; float:right; padding:35px 0 0 0;}

		.main-title{color:#000; font-size:26px; font-weight:bold; padding-bottom:25px;}
		.main-title span{color:#423032;}
		

		.maincontents{color:#000; text-align:justify; font-size:13px; line-height:25px; width:598px}
		.maincontents ul li{list-style-image:url(images/logo.png);}
        #current-project{text-align: center; font-style: italic}
		
		.resources {font-size:14px; }
		.resources a {color:#990100; text-decoration:none; display:block;font-weight:bold;}
		.resources a:hover {color:#ff0000; text-decoration:none; padding-left:1px;}
		.resources ul,.resources li {list-style:none!important; margin:0; padding:0;}
		.resources ul li {list-style:none!important; margin-bottom:8px; padding:12px; background:#FAFDFE; border:1px solid #ACD7D6; border-bottom:2px solid #95CCCB;}
		.resources ul li span {font-size:11px; color:#666666; letter-spacing:1px;}
	
	#bottom{width:598px; height:112px; display:block; background:url(images/bottom-bg.jpg); margin:50px 0 0 0;}
	.bottom-title{font-size:19px; font-weight:bold; padding:15px 0 0 20px;}
	#bottom p{width:537px; font-size:14px; padding:15px 0 0 20px;}
	#bottom a{color:#bf0000; text-decoration:underline;}
	#bottom a:hover{color:#00366e;}

	.btm_imgs{text-align: center;margin: 0 auto;display: block;}
	.btm_imgs ul{padding: 0;}
	.btm_imgs ul li{width: max-content;display: inline-block;vertical-align: middle;}
	.btm_imgs ul li figure{width: 250px;display: block;margin: 0;text-align: center;}
	.btm_imgs ul li figure img{width: 250px; display: block;}
	
/*footer inside*/
#footer-z-outter{position:relative; width:100%; height:105px; margin:0 auto 0 auto; background:url(images/footer-bg.jpg);}
#footer-z-outter::after { content: ""; background: #fece9d; height: 280px; width: 100%; position: absolute; z-index: -1;  }
#footer-z{position:relative; width:980px; height:105px; margin:0 auto 0 auto; background:url(images/footer.jpg);}
	

	#footer{ position: relative; padding: 35px 22px 0; text-align: left; }
		#footer ul {padding-left:10px; margin:0; padding:0; list-style:none;}
		#footer ul li {display:inline;}
		#footer ul li a:first-child{padding-left: 0;}
		#footer ul li a {z-index:5; color:#00366e; text-decoration:none; font-weight:bold; line-height:15px; padding:0 5px; font-size:13px; position:relative; border-right:1px solid #00366e;}
		#footer ul li a:hover, #footer ul li.current_page_item a{color:#00366e; text-decoration:underline;}
		.first a {border:none !important;}
		#footer ul li:last-child a{border:none !important;}

        .contact_con { margin-bottom: 10px; }
        .contact_con h2{color:#00366e; font-weight: bold;font-size: 30px;}
        /* .contact_info { column-count: 2; column-width: 172px; width: 694px; } */
        .contact_info li { /* width: 410px;*/ display: block !important; color:#00366e; } 
        
		/* .contact_info li:nth-child(4), .contact_info li:nth-child(5){padding-left: 80px;} */

#copyright {color:#00366e; font-size:14px; display:block; margin-top:10px;}
	#copyright a {color:#00366e; text-decoration:none;  font-weight:normal; }
	#copyright a:hover {color:#00366e; text-decoration:underline;}

.footer-logo{ position: absolute; right: 22px; bottom: 0; }
	

/*SEARCH*/
.search_results div.page, .search_results div.post{ padding:15px; border:1px solid #000; background:#ffffe1; margin:10px 0; color:#000;}
.search_results h2 a{ text-decoration:none; }
.search_results div.entry-meta{ font-style:italic; }
.search_results a{ color:#000; }
.search_results a:hover{ text-decoration:none; }

input.mail-alert, .mail-alert{width: 116px;height: 35px;line-height: 36px;display: block;background: url(images/mid-btn.png) left top no-repeat;color: #fff;font-size: 13px;font-family: 'Oswald', sans-serif;font-weight: bold;text-decoration: none; padding-left: 10px;margin-top:10px}
.donatebtn{cursor:pointer;width: 187px;height: 57px;line-height: 60px;display: block;background: url(images/submit-btn.png) left top no-repeat;color: #fff;font-size: 20px !important;font-family: 'Oswald', sans-serif;font-weight: bold;text-decoration: none;padding-right: 38px !important;margin:10px auto; border: none;padding-left: 15px;}
.mail-alert:hover{text-decoration:none}

/*comment form*/
p.comment-form-comment {
    display: inline-grid !important;
}
input#email, input#author {
    display: block;
}

/* District Education Committee (DEC) Primary School Page */
.img_con { max-width: 400px !important; margin: 20px auto !important; }
.img_con img{width:100% !important;}

/*seo header*/
.h1_title { font-size: 26px; margin: 0; padding: 0 0 20px 0; color: #423032; }
.h1_nonhome { font-size: 18px; margin: 0; padding: 0 0 20px 0; color: #423032; }
.h1_hdng {color: #000; font-size: 18px; font-weight: bold; padding-bottom: 25px;}

.deb_section{margin-bottom: 35px;}

.privacy_span{color: red; display: inline-block;}
.privacy_list { padding-left: 20px; }
.privacy_list li::marker { font: bold 20px/100% 'Palatino Linotype'; }
.privacy_list h2 { font: bold 20px/100% 'Palatino Linotype'; margin: 30px auto 20px; }