.page-header.float_l {
    background-image: url(../images/area-information-header.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}
.page-title.float_l {
    color: #ffffff;
    font-size: 50px;
    font-weight: bold;
    line-height: 56px;
    padding: 120px 0 15px 0;
}
.page-con-area.float_l {
    background-image: url(../images/page-con-area-bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 12px 0;
}
.page-left-panel {
    float: left;
    width: 19%;
}
.page-right-panel {
    float: left;
    width: 81%;
    padding: 20px 0 0 2%;
    border-left: 1px solid #c5c5c5;
}
.left-panel-ads a {
    float: left;
    margin: 12px 0;
}
.left-panel-ads a img {
    border: 4px solid #a6b0d7;
    float: left;
    border-radius: 5px;
}
.about-area-text.float_l {
    padding: 0 0 0 8px;
}
.about-area-text .heading, .comm-calendars .right-text .heading {
    color: #0a3f64;
    font-size: 36px;
    line-height: 42px;
    margin: 15px 0 22px 0;
}
.about-area-text .simple-text, .area-box .text .simple-text, .comm-calendars .right-text .simple-text {
    font-size: 18px;
}
.about-area-boxes.float_l {
    padding: 60px 0 7px 0;
    border-bottom: 1px solid #ccc9c7;
}
.about-area-boxes .area-box {
    float: left;
    width: 49%;
    margin: 0 0 70px 0;
}
.about-area-boxes .area-box:nth-child(2n) {
    float: right;
}
.area-box a.thumb, .area-box a.thumb img {
    float: left;
}
.area-box a.thumb {
    width: 47%;
}
.area-box .text {
    float: left;
    width: 53%;
    padding: 0 2px 0 5%;
}
.area-box .text .name {
    font-size: 20px;
    font-weight: bold;
    color: #0a3f64;
    line-height: 26px;
    margin: 0 0 8px 0;
}
.area-box .text a.more {
    color: #0a3f64;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
}
.area-box .text a.more:hover {
    text-decoration: underline;
}
.comm-calendars.float_l {
    padding: 52px 0 62px 0;
}
.comm-calendars .left-img, .comm-calendars .left-img img {
    float: left;
}
.comm-calendars .left-img {
    width: 45%;
}
.comm-calendars .right-text {
    float: left;
    width: 55%;
    padding: 0 0 0 4%;
}
.comm-calendars .right-text a.view {
	background-color: #0a3f64;
    float: left;
    margin: 38px 0 0 0;
    font-size: 21px;
    color: #fff;
    font-weight: bold;
    line-height: 26px;
    padding: 8px 30px;
    border-radius: 5px;
}
.comm-calendars .right-text a.view:hover {
	background-color: #292929;
}
.comm-calendars .right-text a.view, .comm-calendars .right-text a.view:hover {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}




.events-box {
	margin-bottom: 50px;
}
.events-box a {
	color: #0a3f64;
	font-size: 18px;
	font-weight: bold;
}
.events-box .date {
	font-size: 24px;
	color: #000000;
}








@media screen and (max-width: 1200px) {
	.page-left-panel {
	  width: 22%;
	}
	.left-panel-ads.float_l {
	  padding: 0 20px 0 0;
	}
	.page-right-panel {
	  width: 78%;
	}
	.about-area-text .heading, .comm-calendars .right-text .heading {
	  font-size: 30px;
	  line-height: 36px;
	  margin: 0 0 15px;
	}
	.about-area-boxes.float_l {
	  padding: 30px 0;
	}
	.about-area-boxes .area-box {
	  margin: 0 0 40px;
	}
	.area-box a.thumb {
	  width: 40%;
	}
	.area-box .text {
	  padding: 0 2px 0 5%;
	  width: 60%;
	}
	.comm-calendars.float_l {
	  padding: 30px 0;
	}
	.comm-calendars .left-img {
	  width: 40%;
	}
	.comm-calendars .right-text {
	  width: 60%;
	}
	.comm-calendars .right-text a.view {
	  margin: 20px 0 0;
	}
}
@media screen and (max-width: 990px) {
	.page-header.float_l {
	  background-size: cover;
	}
	.page-title.float_l {
	  font-size: 36px;
	  line-height: 46px;
	  padding: 95px 0 10px;
	}
	.about-area-text.float_l {
	  padding: 0;
	}
	.about-area-boxes .area-box {
	  margin: 15px 0;
	  width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.page-title.float_l {
	  font-size: 30px;
	  line-height: 36px;
	}
	.page-left-panel {
	  width: 100%;
	}
	.page-left-panel {
	  max-width: 250px;
	}
	.left-panel-ads.float_l, .area-box .text, .comm-calendars .right-text {
	  padding: 0;
	}
	.page-right-panel, .area-box .text, .comm-calendars .right-text {
	  width: 100%;
	}
	.page-right-panel {
	  border-left: medium none;
	  padding: 25px 0 0;
	}
	.area-box a.thumb, .comm-calendars .left-img {
	  display: none;
	}
}