*{font-family: 'Roboto', sans-serif;}
a{text-decoration: none;color: #179bd5;}
a:hover, a:focus{text-decoration: none;color: #0b77ab;}
header{background: #179bd5;padding-right: 30px;height: 34px;overflow: hidden;}
.notice-title{background: #fb6105;color: #fff;padding:7px 10px 7px 30px;position: relative;width: 30%}
.notice-ticker{padding: 7px 0 7px 30px;width: 100%}
.notice-ticker a{color: #fff;}
.notice-ticker a:hover, .notice-ticker a:focus{color: #ccc;}
.notice-ticker ul{padding: 0;}
.notice-ticker li{list-style: none;padding: 7px;}
.flex{display: flex;}
.notice-title:after{content: '';position: absolute;top: 0;left: 100%;border-bottom: 34px solid #fb6105;border-right: 30px solid transparent;}
header .navbar-nav li a{padding-top: 7px;padding-bottom: 7px;color: #fff;}
header .navbar-nav li a:hover, header .navbar-nav li a:focus{background: #0b77ab;}
header .navbar-nav li a{border-right: 1px solid #0b77ab; border-left: 1px solid #30ade4;font-size: 13px;font-weight: 500} 
header .navbar-nav li:first-child a:after{content:'';top:0;left: -2px;width: 1px;height: 100%;background: #0b77ab;position: absolute;}
header .navbar-nav li:last-child a:after{content:'';top:0;right: -2px;width: 1px;height: 100%;background: #30ade4;position: absolute;}
.nav-section{margin-top: 35px;}
nav{margin-bottom: 0;box-shadow: 0 0 5px #333;}
.navbar-brand{float: none;height: auto;}
nav .navbar-nav .active a{background: #eee;}
nav .navbar-nav a{color: #179bd5;font-weight: 500}
nav .navbar-nav li a:hover, nav .navbar-nav li a:focus{background: #eee;color: #179bd5;}
.dropdown-menu li a:hover, .dropdown-menu li a:focus{background: #eee;}
.btn-school{background: #179bd5;color: #fff;border-radius: 0;display: inline-block;}
.btn-school:hover, .btn-school:focus{color: #fff;background: #0b77ab}
.welcome{padding: 40px 0;}
.welcome h1{margin-bottom: 30px;position: relative;}
.welcome h1:before{content: '';position: absolute;width: 10%;height: 3px;background: #179bd5;left: 45%;top: 130%;}
.welcome h1:after{content: '';position: absolute;width: 10px;height: 10px;background: #179bd5;left: calc(50% - 4px);top: calc(130% - 4px);transform: rotate(45deg);}
.highlight{color:#0b77ab}
.homepage-notices{background: #f7fcff; padding: 40px 0;}
.homepage-notices h2{border-left: 5px solid #d26d2b; line-height: 0.8;margin-top: 0;padding-left: 5px;margin-bottom: 20px;}
.link-box-row{display: flex;flex-wrap: wrap;}
.link-box{background: #fff;box-shadow: 0 0 5px #ccc;padding: 15px;margin-bottom: 30px;}
.link-nav li a{padding: 5px 0;display: block;}
.link-nav li a{border-bottom: 1px dashed #ccc;}
.link-nav li:last-child a{border: 0;}
.link-nav li:first-child a{padding-top: 0;}
.link-nav li a:hover, .link-nav li a:focus{background: none;color: #0b77ab;}
.published-date{display: block;color: #999;}
.link-box h3{margin-top: 0;}
.events-link{color: #333;}
.events-link:hover, .events-link:focus{color: #0b77ab}
.event-para{padding-bottom: 5px; border-bottom: 1px dashed #ccc;}
.event-published{margin-bottom: 0; color: #d30202;text-align: right;}
.message-from-principal{padding: 40px 0;}
.message-from-principal h3{margin-top: 0;font-size: 30px;margin-bottom: 30px;position: relative;}
.message-from-principal h3:before{content: '';position: absolute;width: 10%;height: 3px;background: #179bd5;left: 0;top: 130%;}
.message-from-principal h3:after{content: '';position: absolute;width: 10px;height: 10px;background: #179bd5;left: calc(5% - 4px);top: calc(130% - 4px);transform: rotate(45deg);}
.academic-programs{background: #f2f2f2;padding: 40px 0;}
.media-left img{border:1px solid #f7f7f7;background: #fff;padding: 5px;}
.shadow-box{background: #fff;box-shadow: 0 0 3px #ccc;}
.text-box{padding: 10px;}
.text-box h3{margin-top: 0;}
.academic-programs-title{margin-top: 0;position: relative;text-align: center;margin-bottom: 30px;color: #179bd5}
.academic-programs-title:before{content: '';position: absolute;width: 10%;height: 3px;background: #179bd5;left: 45%;top: 130%;}
.academic-programs-title:after{content: '';position: absolute;width: 10px;height: 10px;background: #179bd5;left: calc(50% - 4px);top: calc(130% - 4px);transform: rotate(45deg);}
.awards{background: #f7fcff;}
.awards h2, .awards h3 a{color: #333;}
footer{padding: 40px 0;background: #021a36;color: #ccc;}
footer h3{margin-top: 0;text-transform: uppercase;font-size: 20px;}
footer a{color: #ccc;background: none;}
footer a:hover, footer a:focus{color: #fff;background: none}
footer .nav li a{padding: 0 0 5px;color: #ccc;background: none;}
footer .nav li a:hover, footer .nav li a:focus{color: #fff;background: none}
.footer-social a{color: #021a36;background: #ccc;width: 30px;height: 30px;border-radius: 50%;display: inline-block;font-size: 20px;padding-top: 2px;text-align:center;margin-right: 5px;transition: 0.3s}
.footer-social a:hover{transform: scale(1.2);background: #ccc;color: #021a36}
.copyright{padding: 10px 0;background: #021a36;color: #ccc;border-top: 1px solid #555;font-size: 0.85em;}
.credit{text-align: right;}
.copyright a{color: #ccc}
.copyright a:hover{color: #fff}
img{max-width: 100%;}
.section-title{border-left: 5px solid #d26d2b; line-height: 0.8;margin-top: 0;padding-left: 5px;margin-bottom: 20px;}
.content-title{font-size: 24px;margin-top: 0;border-bottom: 1px solid #f7f7f7;}
.main-content p{text-align: justify;}
.main-content h2, .main-content h3{font-size: 24px;}
.main-content,.sidebar{border: 1px solid #f7f7f7;padding: 10px;box-shadow: 0 0 5px #ccc;margin-bottom: 20px;}
.contact-form h2{margin-top: 0;border-bottom: 1px solid #f7f7f7;padding-bottom: 5px;}
.sidebar .link-box{background: #f7fcff;margin: 0 -10px 20px;box-shadow: none;}
.sidebar .link-box:last-child{margin-bottom: 0;}
.sidebar{padding-bottom: 0;}
.main-content p:last-child{margin-bottom: 0;}
.photo-flex{display: flex;flex-wrap: wrap;justify-content: center;}
.to-top { font-size:30px;position: fixed;bottom: 20px;right: 20px;text-decoration: none;color: #fb6105;display: none;}
.to-top:hover{ color: #179bd5;}
.website-name{font-size: 25px;display: inline-block;line-height: 1.2em;}
.website-slogan{font-size: 14px;color: #ccc;font-style: italic;}
.name-and-slogan{display: block;margin: 20px 0;text-transform: uppercase;}
.name-only{display: block;margin-top: 37px;font-size: 25px;margin-bottom: 20px;}
.photo-box a{color: #333;}
.photo-box a:hover{color: #179bd5}
.archive-dropdown{position: relative;width:100%;box-shadow: none;background: none;border: none;}
.archive-dropdown li a{color: #179bd5}
.archive-dropdown li a:hover, .archive-dropdown li a:focus{color: #0b77ab}
.link-nav .open a, .link-nav .open a:hover, .link-nav .open a:focus{background: none;} 
.post-flex h3 a{color: #333;font-size: 18px;}
.post-flex{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.post-flex .thumbnail{padding: 10px;}
.pagination nav{margin-bottom: 0;box-shadow: none;display: table;}
.pagination .flex{display: table;}
.thumbnail{margin-bottom: 30px;}
#searchBox{position: absolute;top: 100%;right: 0;width: 300px;}
#searchResult{padding: 5px;border: 1px solid #f7f7f7;background: #fff;box-shadow: 0 0 3px #ccc;box-sizing: border-box;display: none;position: absolute;z-index: 99999;width: 100%;text-transform: none;}
nav .navbar-nav .searchNav li a{padding: 5px;background: none;color: #333;font-weight: normal;}
nav .navbar-nav .searchNav li a:hover, nav .navbar-nav .searchNav li a:focus{background: none;color: #179bd5 }
@media(max-width: 767px){
	header{height: auto;padding-right: 0;padding-left: 0;}
	.notice-title{width: 100%;padding-left: 10px;}
	.notice-ticker{padding-left: 3px;}
	.flex{flex-wrap: wrap;}
	.notice-title:after{display: none;}
	.top-nav{background: #0b77ab;}
	.top-nav .icon-bar{background: #fff;}
	.nav li.top-social{display: none;}	
	.nav-section{margin-top: 0;}
	.nav-section .icon-bar{background: #0b77ab}
	.nav-section .navbar-toggle{border: 1px solid #0b77ab}
	nav{margin-bottom: 10px;}
	.bx-wrapper .bx-caption{width: 100%;left: 0;top:20%;font-size: 20px;height: 60%;}
	h1{font-size: 26px;}
	h2{font-size: 24px;}
	h3{font-size: 20px;}
	.message-from-principal h3{font-size: 24px;margin-top: 15px;}
	.welcome,.homepage-notices,.message-from-principal,.academic-programs,footer{padding: 20px 0;}
	.welcome h1:before, .message-from-principal h3:before, .academic-programs-title:before{width: 30%;left: 35%;}
	.message-from-principal h3:after{left: calc(50% - 4px);}
	.academic-programs .shadow-box{margin-bottom: 20px;}
	.credit{text-align: left;}
	.main-content{margin-bottom: 20px;}
	.modal-photo-box{margin-bottom: 10px;}
	#searchBox{position: relative;margin-top: 10px;width: 100%}
	#searchResult{position: relative;}
}
@media(min-width: 768px) and (max-width: 1199px){
	header{height: auto;}
	.navbar-collapse{padding-left: 0;padding-right: 0;}
	.navbar-brand{float: none;height: auto;}
	.nav-section{margin-top: 10px;margin-bottom: 10px;}
	.bx-wrapper .bx-caption{font-size: 30px;}
	h1{font-size: 26px;}
	h2{font-size: 24px;}
	h3{font-size: 20px;}
	.welcome,.homepage-notices,.message-from-principal,.academic-programs,footer{padding: 20px 0;}
}
@media(min-width: 768px) and (max-width: 857px){
	#searchBox{left: 120%;top: 20%;}
}
@media(min-width: 768px) and (max-width: 1324px){
	.updates{display: none;}
}