@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Abhaya+Libre|Molengo|Poppins|Open+Sans');
body{margin:0; font-size: 14px; font-family: "Poppins", sans-serif, sans-serif;}
#main{width:100%; height:auto; float:left}
#main-inner{width:90%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:95%; height:auto; margin:0 auto;}
#main-inner2{width:90%; height:auto; margin:0 auto; overflow:auto}
#main-inner3{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner4{width:98%; height:auto; margin:0 auto;}

a{text-decoration:none; color:#333}

.upheader-bac{background:#015dab; border-top: 3px solid #db7702;}
#upheader{width:100%; height:auto; float:left; padding:0.5% 0}
#upheader .left{width:78%; height:auto; float:left; margin:0.5% 0 0 0;}
#upheader .left p{float:left; margin:-0.5% 1% 0 0; color:#fff;}
#upheader .left .p{float:left; margin:-0.5% 1% 0 0; color:#fff; font-size:13px}
#upheader .left p img{width:18px; height:18px; float:left; margin:1% 0 0 0}
#upheader .left p .img{width:18px; height:18px; float:left; margin:0% 0 0 0}
#upheader .left a{color:#fff}
#upheader .mid{width:19%; height:auto; float:left; margin:0 1% 0 0}
#upheader .mid a{width:100%; height:auto; float:right; margin:0; padding:5px 0; border-radius:5px; text-align:center; background:#f4b202;}
#upheader .middle{width:2%; height:auto; float:right; margin:0.2% 0}
#upheader .middle a{width:96%; height:auto; float:left; margin:0 2%; border:#fff 2px solid; border-radius:50%; padding:0%; transition:0.5s}
#upheader .middle a:hover{border:#63bc46 2px solid;}
#upheader .middle a img{width:70%; height:auto; float:left; margin:15%}

.fixedup .navbar-scrolltofixed.scroll-to-fixed-fixed {background:#fff; margin-top:0; padding-top: 8px; padding-bottom: 8px; -webkit-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2);}

.mainlogo{width:35%; height:auto; float:left; padding:0;}
.mainlogo img{width:100%; height:auto; float:left; margin:0}

.menudiv-bac{background:#fff; padding: 0.5% 0;}

.welcomebg{background: url('images/aboutbg.png') #fff top no-repeat; background-size: 100% auto; padding-top: 30px;}
#welcome{width:100%; height:auto; float:left; padding:5% 0; text-align: center;}
#welcome h4{width:100%; height:auto; float:left; color: #6b6c6c; margin: 0;}
#welcome h1{width:100%; height:auto; float:left; color: #9c0c0b; margin:0; font-size: xx-large;}
#welcome b{width:10%; height:auto; float:left; color: #9c0c0b; margin: 6px 45% 30px 45%; background: #7e7e7e; padding: 2px 0;}
#welcome p{width:60%; height:auto; float:left; margin: 0 20%; font-size: 16px; line-height: 170%;}
#welcome a{width:16%; height:auto; float:left; color: #fff; font-size: 16px; margin: 25px 42% 30px 42%; background: #0081b1; padding: 10px 0; text-align: center; border-radius: 30px; transition: 0.5s;}
#welcome a:hover{background: #025c7d;}

.missionbg{background: #0081b1;}
#mission{width: 100%; height: auto; float: left; margin:0}
#mission .left{width: 60%; height: auto; float: left; margin:0;}
#mission a{width: 48%; height: auto; float: left; margin: 50px 1%;}
#mission span{width: 98%; height: auto; float: left; margin: 1%; text-align: center; color: #0081b1; font-weight: bold;}
#mission .content-box {
	padding: 32px 28px 22px 28px;
	margin:0;
	text-align: center;
	cursor: pointer;
	height: 450px;
}
#mission .content-box p {
	margin: 1;
	color: #212121
}
#mission .content-box h2 {
	line-height: 26px;
	padding-bottom: 0;
    margin-bottom: 0;
	color: #0081b1;
	font-weight: 600
}
#mission .content-box b {
    width: 20%;
    height: auto;
    float: left;
    margin: 10px 40% 20px 40%;
    background: #a7a7a7;
    padding: 1px 0 2px 0;
}
#mission .content-box i {
	font-size: 80px;
	height: 80px;
	color: #0081b1;
	margin: 10px 0;
	display: block
}
#mission .content-box.color-effect-1 {
	background: #fff
}
#mission .box-icon i {
	display: inline-block;
	font-size: 0;
	cursor: pointer;
	margin: 15px 0;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff
}
#mission .box-icon i:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
#mission .box-icon i:before {
	font-size: 40px;
	line-height: 90px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased
}
#mission .box-icon-effect-1 .box-icon i {
	background: #deedf2;
	color: #0081b1;
	-webkit-transition: background .2s, color .2s;
	-moz-transition: background .2s, color .2s;
	transition: background .2s, color .2s
}
#mission .box-icon-effect-1 .box-icon i:after {
	top: -7px;
	left: -7px;
	padding: 7px;
	box-shadow: 0 0 0 4px #0081b1;
	-webkit-transition: -webkit-transform .2s, opacity .2s;
	-webkit-transform: scale(.8);
	-moz-transition: -moz-transform .2s, opacity .2s;
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transition: transform .2s, opacity .2s;
	transform: scale(.8);
	opacity: 0
}
#mission .content-box:hover .box-icon-effect-1a .box-icon i {
	background: #0081b1;
	color: #fff
}
#mission .content-box:hover .box-icon-effect-1a .box-icon i:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1
}
#mission .box-icon-effect-2 .box-icon i {
	box-shadow: 0 0 0 4px #fff;
	overflow: hidden;
	-webkit-transition: background .3s, color .3s, box-shadow .3s;
	-moz-transition: background .3s, color .3s, box-shadow .3s;
	transition: background .3s, color .3s, box-shadow .3s;
	color: #fff
}
#mission .rightimg{width: 37.5%; height: auto; float: left; margin: 90px 0 0 2.5%}
#mission .rightimg img{width: 100%; height: auto; float: left; margin:0; border: 5px solid #fff;}
#mission .rightimg .img{width: 50%; height: auto; float: left; margin:10px 25%; border: none;}

#president{width: 100%; height: auto; float: left; margin: 50px 0;}
#president h1{width: 100%; height: auto; float: left; text-align: center; color: #313131; margin-bottom: 0;}
#president b{width:10%; height:auto; float:left; margin: 6px 45% 55px 45%; background: #0081b1; padding: 2px 0;}
#president img{width: 40%; height: auto; float: left; margin-right: 3%;}
#president .right{width: 57%; height: auto; float: left;}
#president .right h4{width: 100%; height: auto; float: left; margin: 0 0 0 0; color: #272727;}
#president .right p{width: 100%; height: auto; float: left; line-height: 160%; color: #272727; text-align: justify;}
#president .right h3{width: 100%; height: auto; float: left; color: #272727; margin: 0;}
#president .right h3 span{color: #0081b1;}

.btngbg{background: url('images/btnbg.png') #f1f2f3 right bottom no-repeat; padding-top: 20px;}
#btng{width: 80%; height: auto; float: left; margin:0 10%}
#btng a{width: 19%; height: auto; float: left; margin:2% 0.5% 2.5% 0.5%; padding: 20px 3px; text-align: center; border-radius: 10px; background: #fff; color: #0081b1; -webkit-box-shadow: 0px 3px 12px 1px rgba(0,0,0,0.2);-moz-box-shadow: 0px 3px 12px 1px rgba(0,0,0,0.2);box-shadow: 0px 3px 12px 1px rgba(0,0,0,0.2); transition: 0.3s;}
#btng a:hover{background: #0081b1; color: #fff;}

.tabbg{background: url('images/bg.jpg') left top no-repeat; background-size: 100% auto;}
#tab{width: 80%; height: auto; float: left; margin: 80px 10%;}
#tab .see{width: 10%; height: auto; float: left; margin: 20px 45%; text-align: center; font-size: 15px; padding: 10px 0; background: #015dab; color: #fff; border-radius: 5px;}

.footerbg{background: #00284a;}
#footer{width: 100%; height: auto; float: left; color: #fff; margin: 20px 0 30px 0;}
#footer h3{text-transform: uppercase;}
#footer .con{width: 33%; height: auto; float: left; margin: 1% 3% 1% 0;}
#footer .con p{width: 100%; height: auto; float: left; text-align: justify; margin: 0;}
#footer .con img{width: 30%; height: auto; float: left; margin: 2% 70% 0 0}
#footer .con1{width: 18%; height: auto; float: left; margin: 1%;}
#footer .con1 a{width: 100%; height: auto; float: left; margin: 1.5% 0; color: #fff; transition: 0.2s;}
#footer .con1 a:hover{color: #037adf;}
#footer .con2{width: 42%; height: auto; float: left; margin: 1%;}
#footer .con2 p img{margin:0 9px 0 0; float: left;}
#footer .con2 p span{margin:0;}

.gdlowfooterbg{background: #000;}
#gdlowfooter{width:90%; height:auto; float: left; padding: 1% 0}
#gdlowfooter p{width: 50%; height: auto; float: left; margin: 0; padding: 0; color: #fff; font-size: small}
#gdlowfooter .p{ text-align: right;}
#gdlowfooter p a{color: #62aae7;}

.shadow_one{text-align:center;}
#page_header{background:url(images/bg1.jpg); background-attachment: fixed;background-position: center;background-repeat: no-repeat; background-size: 100% auto; margin-top:-2px; padding: 60px 0;}
#page_header h2{color:#fff;font-size:40px;margin:18px 0;font-family:'Abhaya Libre',cursive}
#page_header p{color:#fff}
.page_header_breadcum{color:#fff}
.page_header_breadcum a .fa{color:#fdb92e;font-size:16px}
.page_header_breadcum a.active_page{color:#fdb92e}
.page_header_breadcum a{color:#fff}

#static{width:100%; height:auto; float:left; margin:4% 0}
#static img{width:auto; height:auto; float:left; margin:1% 1% 1% 0}
#static p{margin:1% 0; line-height:175%; text-align:justify; color:#333333;}
#static span{margin:1% 0; line-height:160%; text-align:justify; color:#333333;}
#static ul{list-style-image: url('images/tick.png'); line-height:160%; text-align:justify; color:#333333;}
#static ul li{margin:1.5% 0}
#static h2{width:100%; height:auto; float:left; color: #247ebb!important; text-transform: uppercase; margin-bottom: 0;}
#static .con{width:46%; height:auto; float:left; margin:1% 25%; padding: 2%; border-radius: 5px; -webkit-box-shadow:0 3px 56px -24px rgba(0,0,0,.4);-moz-box-shadow:0 3px 56px -24px rgba(0,0,0,.4);box-shadow:0 3px 56px -24px rgba(0,0,0,.4);}
#static .con p img{width:17px; height:17px; float:left; margin:3px 10px 0 0}
#static .con h3{width:100%; height:auto; float:left; margin:5px 0; color:#015dab;}
#static .con p{width:100%; height:auto; float:left; margin:5px 0}
#static .cir{width:97%; height:auto; float:left; margin:1% 0; background:#FAFAFA; border:#EBEBEB 1px solid; padding:1%}
#static .cir p{text-align:justify} 
#static .cir p a{background: url(images/pdf.png) no-repeat; width:28px; height:28px; padding:20px; font-size:1px; color:#bb0707; text-decoration:none; margin-left:10px}
#static .cir img{margin:10px}

#gallery1{width:100%; height:auto; float:left; margin:5% 0; overflow:hidden}
#gallery1 .con{width:23%; height:auto; float:left; margin:1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);}
#gallery1 .con img{border:#CCCCCC 3px solid; width:100%; height:auto; float:left; transition:0.50s;}
#gallery1 .con img:hover{border:#fea801 3px solid;}

#rollofhonour{width:100%; height:auto; float:left; margin:5% 0}
#rollofhonour .con{width:100%; height:auto; float:left; color:#333333}
#rollofhonour a{width:10%; float:left; padding:1%; font-size: medium; font-weight:normal; text-align:center; margin:0; float:left; border:#CCCCCC 1px solid}
#rollofhonour p{width:20%; float:left; padding:1%; font-size: medium; font-weight:normal; text-align:center; margin:0; float:left; border:#CCCCCC 1px solid}
#rollofhonour span{width:30%; float:left; padding:1%; font-size: medium; font-weight:normal; text-align:center; margin:0; float:left; border:#CCCCCC 1px solid}
#rollofhonour h4{width:30%; float:left; padding:1%; font-size: medium; font-weight:normal; text-align:center; margin:0; float:left; border:#CCCCCC 1px solid}
#rollofhonour h3{width:98%; float:left; padding:1%; text-align:center}
#rollofhonour .heig{height: 50px;}

#comm{width:100%; height:auto; float:left; margin:5% 0}
#comm .con{width:80%; height:auto; float:left; margin: 0 10%; color:#333333}
#comm .con a{width:37%; float:left; padding:1%; font-size: medium; font-weight:normal; text-align:center; margin:0; float:left; border:#CCCCCC 1px solid}
#comm .con p{width:36%; float:left; padding:1%; font-size: medium; font-weight:normal; text-align:center; margin:0; float:left; border:#CCCCCC 1px solid}
#comm .con span{width:20%; float:left; padding:1%; font-size: medium; font-weight:normal; text-align:center; margin:0; float:left; border:#CCCCCC 1px solid}
#comm .con .a{height: 60px;}
#comm .con .p{height: 60px;}
#comm .con .span{height: 60px;}
#comm .con .a1{height: 250px;}
#comm .con .p1{height: 250px;}
#comm .con .span1{height: 250px;}
#comm .con .a2{height: 500px;}
#comm .con .p2{height: 500px;}
#comm .con .span2{height: 500px;}
#comm .con .a3{height: 80px;}
#comm .con .p3{height: 80px;}
#comm .con .span3{height: 80px;}
#comm h2{width:100%; height:auto; float:left; text-align: center; color: #015dab;}
#comm h1{width:100%; height:auto; float:left; text-align: center; color: #015dab;}

#directory{width:100%; height:auto; float:left; margin:3% 0}
#directory h1{width:100%; height:auto; float:left; margin:0; color: #00284a; text-align: center;}
#directory b{width:10%; height:auto; float:left; margin:5px 45% 20px 45%; background: #847f86; padding: 1px 0;}
#directory .con{width:45%; height:180px; float:left; margin:1.3%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); padding:1%; border:2px #EFEEEE dashed}
#directory .con img{width:20%; height:auto; float:left;}
#directory .con .right{width:77%; height:auto; float:left; margin-left:3%}
#directory .con .right h2{width:100%; height:auto; float:left; color:#015dab; margin:0 0 10px 0; font-size: large; text-transform: uppercase; border-bottom: 1px solid #cccaca; padding-bottom: 5px;}
#directory .con .right h4{width:92%; height:auto; float:left; margin:5px 8% 5px 0; background: url('images/location2.png') left top no-repeat; background-size: 20px 20px; padding: 0 0 0 30px; font-weight: 500;}
#directory .con .right p{width:92%; height:auto; float:left; margin:5px 8% 5px 0; background: url('images/ph1.png') left top no-repeat; background-size: 20px 20px; padding: 0 0 0 30px;}
#directory .con .right span{width:92%; height:auto; float:left; margin:5px 8% 5px 0; background: url('images/mail1.png') left top no-repeat; background-size: 20px 20px; padding: 0 0 0 30px;}

#directory1{width:98%; height:auto; float:left; margin:3% 1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);}
#directory1 h1{width:100%; height:auto; float:left; margin:10px 0 0 0; color: #00284a; text-align: center;}
#directory1 b{width:10%; height:auto; float:left; margin:5px 45% 20px 45%; background: #847f86; padding: 1px 0;}
#directory1 .con{width:98%; height:auto; float:left; margin:0 0.5%; padding:1% 0.5% 0.5% 0.5%; border-bottom:2px #d5d5d5 dashed; background: #ebeaea;}
#directory1 .con h2{width:21%; height:60px; float:left; color:#015dab; margin:0; font-size: 14px;}
#directory1 .con h4{width:32%; height:60px; float:left; margin:0; background: url('images/location2.png') left top no-repeat; background-size: 20px 20px; padding: 0 0 0 30px; font-weight: 400; font-size: 13px;}
#directory1 .con p{width:20%; height:60px; float:left; margin:0; background: url('images/ph1.png') left top no-repeat; background-size: 20px 20px; padding: 0 0 0 30px; font-size: 13px;}
#directory1 .con span{width:20%; height:60px; float:left; margin:0; background: url('images/mail1.png') left top no-repeat; background-size: 20px 20px; padding: 0 0 0 30px; font-size: 13px;}
#directory1 .sear{width:30%; height:auto; float:right; margin:3% 1% 1% 66%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); border-radius:5px; padding:1%; border:2px solid #548dda; font-family: "Poppins", sans-serif, sans-serif; font-size:small;}

#album{width:98%; height:auto; float:left; padding:1%; padding-bottom:10%; overflow:hidden}
#album .con{width:22%; height:250px; float:left; margin:1.5%; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15); transition:0.50s}
#album .con:hover{box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.45);}
#album img{width:98%; height:auto; float:left; margin:1%}
#album p{text-align:center; margin:4% 1%; color:#015dab;}
#album .con1{width:18%; height: auto; float:left; margin:1%; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15); transition:0.50s}

.photos{width:100%; height:auto; float:left; margin:2% 0; padding: 0;}
.photos .con1{width:98%; height:auto; float:left; margin:0 1% 15px 1%; padding: 0; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15); transition:0.50s}
.photos img{width:98%; height:auto; float:left; margin:1%; padding: 0;}

#past{width:100%; height:auto; float:left; margin:5% 0}
#past .con{width:100%; height:auto; float:left; color:#333333}
#past a{width:20%; height: 110px; float:left; padding:1%; font-size: medium; font-weight:normal; text-align:center; margin:0; float:left; border:#CCCCCC 1px solid}
#past p{width:36%; height: 110px; float:left; padding:1%; font-size: medium; font-weight:normal; text-align:center; margin:0; float:left; border:#CCCCCC 1px solid}
#past span{width:37%; height: 110px; float:left; padding:1%; font-size: medium; font-weight:normal; text-align:center; margin:0; float:left; border:#CCCCCC 1px solid}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

#main-inner{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:100%; height:auto; margin:0 auto;}

#upheader .left{width:0; height:auto; float:left; margin:0; visibility: hidden;}
#upheader .left p{float:left; margin:0; color:#fff; font-size:0; visibility: hidden;}
#upheader .left .p{float:left; margin:0; color:#fff; font-size:0; visibility: hidden;}
#upheader .left p img{width:0; height:0; float:left; margin:0; visibility: hidden;}
#upheader .left p .img{width:0; height:0; float:left; margin:0; visibility: hidden;}
#upheader .left a{color:#fff; visibility: hidden;}
#upheader .mid{width:98%; height:auto; float:left; margin:1%}
#upheader .mid a{width:100%; height:auto; float:right; margin:0; padding:5px 0; border-radius:5px; text-align:center; background:#f4b202;}
#upheader .middle{width:0; height:auto; float:right; margin:0; visibility: hidden;}
#upheader .middle a{width:0; height:auto; float:left; margin:0; border:0; border-radius:0; padding:0; visibility: hidden;}
#upheader .middle a img{width:0; height:auto; float:left; margin:0; visibility: hidden;}

.mainlogo{width:90%; height:auto; float:left; padding:0; margin: 5px 5%;}

#btng{width: 100%; height: auto; float: left; margin:0}
#btng a{width: 48%; height: auto; float: left; margin:1%; padding: 20px 0; text-align: center; border-radius: 10px; background: #fff; color: #0081b1; -webkit-box-shadow: 0px 3px 12px 1px rgba(0,0,0,0.2);-moz-box-shadow: 0px 3px 12px 1px rgba(0,0,0,0.2);box-shadow: 0px 3px 12px 1px rgba(0,0,0,0.2); transition: 0.3s;}

#welcome{width:95%; height:auto; float:left; padding:5% 2.5%; text-align: center;}
#welcome h1{width:100%; height:auto; float:left; color: #db2429; margin:0; font-size: x-large;}
#welcome b{width:20%; height:auto; float:left; color: #9c0c0b; margin: 6px 40% 30px 40%; background: #7e7e7e; padding: 2px 0;}
#welcome p{width:95%; height:auto; float:left; margin: 0 2.5%; font-size: 16px; line-height: 170%; text-align: justify;}
#welcome a{width:60%; height:auto; float:left; color: #fff; font-size: 16px; margin: 25px 20% 30px 20%; background: #0081b1; padding: 10px 0; text-align: center; border-radius: 30px; transition: 0.5s;}

#mission .left{width: 95%; height: auto; float: left; margin:1% 2.5%;}
#mission a{width: 100%; height: auto; float: left; margin: 10px 0}
#mission .content-box{height: auto;}
#mission .rightimg{width: 95%; height: auto; float: left; margin: 1% 2.5%}

#president{width: 100%; height: auto; float: left; margin: 20px 0;}
#president h1{width: 100%; height: auto; float: left; text-align: center; text-transform: uppercase; color: #313131; margin-bottom: 0; font-size: x-large;}
#president b{width:20%; height:auto; float:left; margin: 6px 40% 20px 40%; background: #0081b1; padding: 2px 0;}
#president img{width: 80%; height: auto; float: left; margin: 0 10%;}
#president .right{width: 95%; height: auto; float: left; margin: 3% 2.5% 1% 2.5%;}

.tabbg{background: url('images/bg.jpg') left top no-repeat; background-size: auto 100%;}
#tab{width: 98%; height: auto; float: left; margin: 1%;}
#tab .see{width: 30%; height: auto; float: left; margin: 20px 35%; text-align: center; font-size: 15px; padding: 10px 0; background: #015dab; color: #fff; border-radius: 5px;}

#footer .con{width: 95%; height: auto; float: left; margin: 1% 2.5%;}
#footer .con img{width: 40%; height: auto; float: left; margin: 2% 30%}
#footer .con1{width: 95%; height: auto; float: left; margin: 1% 2.5%;}
#footer .con2{width: 95%; height: auto; float: left; margin: 1% 2.5%;}
#footer h3{text-align: center;}
#footer .con1 a{text-align: center;}

#gdlowfooter{width:95%; height:auto; float: left; padding: 1% 2.5%}
#gdlowfooter p{width: 100%; height: auto; float: left; margin: 5px 0; padding: 0; color: #fff; font-size: small; text-align:center}
#gdlowfooter .p{text-align: center;}

#page_header{background:url(images/bg1.jpg); background-attachment: scroll;background-position: center;background-repeat: no-repeat; background-size:100% auto; padding: 30px 0;}
.page_header_breadcum .fa{color:#fdb92e;font-size:14px!important}

#static{width:95%; height:auto; float:left; margin:4% 2.5%}
#static .cir{width:95%; height:auto; float:left; margin:2% 0; background:#FAFAFA; border:#EBEBEB 1px solid; padding:2%}
#static .con{width:94%; height:auto; float:left; margin:1%; padding: 2%; border-radius: 5px; -webkit-box-shadow:0 3px 56px -24px rgba(0,0,0,.4);-moz-box-shadow:0 3px 56px -24px rgba(0,0,0,.4);box-shadow:0 3px 56px -24px rgba(0,0,0,.4);}

#rollofhonour a{width:9%; height:45px; float:left; padding:1%; font-size: x-small; font-weight:normal; text-align:center; margin:0; float:left; border:#CCCCCC 1px solid}
#rollofhonour p{width:19%; height:45px; float:left; padding:1%; font-size: x-small; font-weight:normal; text-align:center; margin:0; float:left; border:#CCCCCC 1px solid}
#rollofhonour span{width:31%; height:45px; float:left; padding:1%; font-size: x-small; font-weight:normal; text-align:center; margin:0; float:left; border:#CCCCCC 1px solid}
#rollofhonour h4{width:30%; height:45px; float:left; padding:1%; font-size: x-small; font-weight:normal; text-align:center; margin:0; float:left; border:#CCCCCC 1px solid}
#rollofhonour h3{width:97%; float:left; padding:1%; text-align:center}
#rollofhonour .heig{height: 70px;}

#comm .con{width:100%; height:auto; float:left; margin:0; color:#333333}
#comm .con a{width:36%; float:left; padding:1%; font-size: x-small; font-weight:normal; text-align:center; margin:0; float:left; border:#CCCCCC 1px solid}
#comm .con p{width:36%; float:left; padding:1%; font-size: x-small; font-weight:normal; text-align:center; margin:0; float:left; border:#CCCCCC 1px solid}
#comm .con span{width:20%; float:left; padding:1%; font-size: x-small; font-weight:normal; text-align:center; margin:0; float:left; border:#CCCCCC 1px solid}
#comm .con .heig{height: 50px;}
#comm h2{width:100%; height:auto; float:left; text-align: center; color: #015dab; font-size: large;}
#comm .con .a2{height: 350px;}
#comm .con .p2{height: 350px;}
#comm .con .span2{height: 350px;}

#directory .con{width:95%; height:auto; float:left; margin:2% 1.3%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); padding:1%; border:2px #EFEEEE dashed}
#directory .con img{width:80%; height:auto; float:left; margin: 10px 10%;}
#directory .con .right{width:95%; height:auto; float:left; margin:10px 2.5%}
#directory .con .right h2{width:100%; height:auto; float:left; color:#015dab; margin:0 0 10px 0; font-size: large; text-transform: uppercase; border-bottom: 1px solid #cccaca; padding-bottom: 5px; text-align: center;}

#directory1 .con{width:97%; height:auto; float:left; margin:0 0.5%; padding:5% 1%; border-bottom:2px #d5d5d5 dashed; background: #ebeaea;}
#directory1 .con h2{width:100%; height:auto; float:left; color:#015dab; margin:5px 0; font-size: 14px;}
#directory1 .con h4{width:93%; height:auto; float:left; margin:5px 0; background: url('images/location2.png') left top no-repeat; background-size: 20px 20px; padding: 0 0 0 30px; font-weight: 400; font-size: 13px;}
#directory1 .con p{width:93%; height:auto; float:left; margin:5px 0; background: url('images/ph1.png') left top no-repeat; background-size: 20px 20px; padding: 0 0 0 30px; font-size: 13px;}
#directory1 .con span{width:93%; height:auto; float:left; margin:5px 0; background: url('images/mail1.png') left top no-repeat; background-size: 20px 20px; padding: 0 0 0 30px; font-size: 13px;}
#directory1 .sear{width:77%; height:auto; float:right; margin:3% 10%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); border-radius:5px; padding:2% 1%; border:2px solid #548dda; font-family: "Poppins", sans-serif, sans-serif; font-size:small;}

#past a{width:19%; height: 160px; float:left; padding:1%; font-size: x-small; font-weight:normal; text-align:center; margin:0; float:left; border:#CCCCCC 1px solid}
#past p{width:36%; height: 160px; float:left; padding:1%; font-size: x-small; font-weight:normal; text-align:center; margin:0; float:left; border:#CCCCCC 1px solid}
#past span{width:37%; height: 160px; float:left; padding:1%; font-size: x-small; font-weight:normal; text-align:center; margin:0; float:left; border:#CCCCCC 1px solid}
#past .heig{height: 70px;}

#album .con{width:98%; height:auto; float:left; margin:4% 1%; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.55); transition:0.50s}
#album .con1{width:98%; height: auto; float:left; margin:4% 1%; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.55); transition:0.50s}

#gallerydiv{width:92%; height:auto; float:left; margin-right: 8%;}

}