@import url(habstyle.css);
body {
	background: #edf1f2;
}
#hab-header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:999;
}
#home-template #gallery {
	margin-top:205px;
}
#content-template #gallery {
	margin-bottom: 234px;
}
#fluencyAdminHeader {
	position:relative;
	z-index:99999;
}

/*Top Menu*/
#school-nav {
	background: url(../Images/secondary/l2menu.png) repeat-x top;
	text-transform: uppercase;
	font-size: 1.3em;
	text-align: center;
	font-family:'metaplus_bold',Arial,Verdana,sans-serif;
	letter-spacing: .007em;
}
#school-nav li {
	display: inline-block;
	*display: inline;
}
#school-nav li + li {
	background: url(../Images/border-left.png) left center no-repeat;
}
#school-nav a {
	color: #32327f;
	padding: 9px 30px;
	display: block;
}
#school-nav .level1 {
	display: none;
}
#school-nav .level1.selectedPageRoot {
	display: block;
}
.school-nav {
	display: inline-block;
}
#school-nav .rmFirst.level2 > a {
	background: url(../Images/content/home-nav.png) 15px center no-repeat;
}
.stan #school-nav .rmFirst.level2 > a:hover {
	background: url(../Images/content/home-nav-hover.png) 15px center no-repeat #7aafde;
}
.secondary #school-nav .rmFirst.level2 > a {
	background: url(../Images/content/home-nav-hover.png) 15px center no-repeat #7aafde;
	color: #fff;
}
.secondary #school-nav .rmFirst.level2 + li {
	background: none;
}
.secondary #school-nav #home-btn a {
	background: url(../Images/content/home-nav-hover.png) 15px center no-repeat #7aafde;
	color: #fff;
}
.secondary #school-nav #home-btn + li {
	background: none;
}
.stan #school-nav a:hover {
	background: #7aafde;
	color: #fff;
}
.stan #school-nav li:hover + li {
	background: none;
}

/* level 2 dropdown */
#school-nav {
	position:relative;
}
#school-nav li.level2:hover > a {
	background: #7aafde;
	color: #fff;
}
#school-nav ul.rmRootGroup {
	position:static;
}
#school-nav .level2 .rmSlide {
	position:absolute;
	top:33px;
	left:0;
	background-color:#19193f;
	height: auto;
	z-index: 99;
	width: 100%;
	min-height:320px;
	display:none;
}
#school-nav .level2 .rmSlide .inner {
	padding-right: 450px;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	z-index: 0;
}
#school-nav .level2 .rmSlide ul {
	margin:0;
	padding:0;
	float:left;
	width:50%;
	position:static;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding:0;
}
#school-nav .level2 .rmSlide ul.column-1 {
	padding-right:20px;
}
#school-nav .level2 .rmSlide ul.column-2 {
	padding-left:20px;
}
#school-nav .level2 .rmSlide ul li {
	padding-left: 20px;
	border-top: 1px solid #474765;
	float:none;
	clear:both;
	display:block;
	background:none;
}
#school-nav .level2 .rmSlide ul li + li {
	background:none;
}
#school-nav .level2 .rmSlide ul li a {
	display: block;
	padding: 12px 12px 12px 18px;
	font-size: 1em;
	text-transform: uppercase;
	font-family: 'metaplus_bold',Arial,Verdana,sans-serif;
	color: #fff;
	background: url(../Images/content/side-menu-link-white.png) no-repeat left center;
	text-shadow: 0 1px 1px rgba(0,0,0,.15);
	text-align:left;
}
#school-nav .level2 .rmSlide ul li:hover {
	background-color:#474765;
}
#school-nav .level2 .rmSlide .container {
	margin:0 auto;
	max-width:1000px;
	position:relative;
	padding:40px 20px;
}
#school-nav .level2 .rmSlide .image {
	overflow: hidden;
	width: 420px;
	height: 280px;
	position: absolute;
	top: 20px;
	right: 20px;
}
#school-nav .level2 .rmSlide .image img {
	position:absolute;
	left:0;
	top:0;
	z-index:0;
}
#school-nav .level2 .rmSlide .container .image a {
  display: block;
	position: absolute;
	bottom: 40px;
	left: 40px;
	width: 300px;
	color: #fff;
	background: #7aafde;
	font-family: "metaplus_bold", Arial, Verdana, sans-serif;
	height: 20px;
	line-height: 20px;
	padding: 10px 20px;
	z-index:99;
}
#school-nav .level2 .rmSlide .container .image a:hover {
	background:#6e9dc7;
}
#school-nav .level2 .rmSlide iframe {
	display:none;
}

/* Gallery */
#gallery {
	max-height: 675px;
	background: url(../Images/secondary/gallery-caption-bg.png) repeat-x bottom;
}
#slidecaption {
	padding: 0;
	background: none;
}
#caption-wrap {
	position: absolute;
	padding: 20px 0;
	display: block;
	bottom: 0;
	max-width: none;
	margin: 0;
}
#home-template #caption-wrap {
	padding-bottom:80px;
}
.img-caption {
	font-size: 2.2em;
	font-family:'metaplus_bookitalic',Arial,Verdana,sans-serif;
	padding: 0 80px;
}
.img-caption span {
	position: relative;
	display: inline-block;
	*display: inline;
}
.img-caption span:before {
	content: '';
	width: 11px;
	height: 9px;
	top: 16px;
	left: -30px;
	background: url(../Images/secondary/ghil-left.png) no-repeat center center;
	position: absolute;
	display: block;
	z-index: 7;
}
.img-caption span:after {
	content: '';
	width: 11px;
	height: 9px;
	top: 0;
	right: -30px;
	background: url(../Images/secondary/ghil-right.png) no-repeat center center;
	position: absolute;
	display: block;
	z-index: 7;
}
.img-author {
	color: #c5c5c5;
	text-transform: uppercase;
	font-size: 1.1em;
	padding: 10px 80px;
}
#slidecaption {
	padding: 0;
}
#slide-nav {
	position: relative;
	top: -40px;
}
#nextslide,
#prevslide {
  height: 57px;
  margin-top: -23px;
  position: absolute;
  top: 50%;
  width: 29px;
}
#nextslide {
	right: 0;
	background: url(../Images/secondary/gallery-arrow-right.png) no-repeat center center;
}
#prevslide {
	left: 0;
	background: url(../Images/secondary/gallery-arrow-left.png) no-repeat center center;
}
#welcome-news {
	width: 67%;
	float: left;
}
#calendar {
	width: 30%;
	float: left;
	margin-left: 3%;
}
#home-content-wrap {
	margin: 40px auto;
}

/*Welcome*/
#welcome {
	height: 385px;
}
#welcome-image, #welcome-text {
	width: 50%;
	height: 100%;
	float: left;
	overflow: hidden;
	background: #fff;
}
#welcome-image {
	padding-right: 26px;
}
#welcome-text {
	background: url(../Images/secondary/welcome-sep.png) no-repeat left bottom;
	margin-left: -62px;
	padding-right: 36px;
}
#welcome-image .bodycontent {
	overflow: hidden;
	margin-right: -30px;
}
#welcome-text .bodycontent {
	font-size: 1.4em;
	line-height: 1.7em;
	color: #323232;
	padding: 0 0 40px 40px;
	margin-left: 36px;
}
#welcome-text .featuretitle {
	padding: 30px 0 30px 40px;
	font-size: 2.4em;
	text-transform: uppercase;
	font-family:'metaplus_black', Arial, Verdana, sans-serif;
	color: #232357;
	margin-left: 36px;
}
#welcome-text .border-button a {
	margin-left: 0;
	margin-top: 30px;
	margin-right: -60px;
}

/*News*/
#news {
	margin-top: 40px;
  padding-top: 20px;
}
.BlogSummaryView .post {
	width: 48.5%;
	margin-left: 3%;
}
.post-contents {
	padding: 0 12px 8px 12px;
}
#news-header a {
	margin-left: 21px;
}

/*Calendar*/
#calendar-title {
	background: url(../Images/secondary/calendar-title-bg.png) no-repeat right bottom;
	display: table;
	width: 100%;
	height: 60px;
}
#calendar-title span {
	font-size: 1.8em;
	text-transform: uppercase;
	color: #32327f;
	font-family:'metaplus_black', Arial, Verdana, sans-serif;
	display: table-cell;
	padding: 3px 0 0 20px;
	vertical-align: middle;
}
#calendar-title span:first-child {
	padding-right: 10px;
}
#calendar-title a {
	font-size: 1.3em;
	color: #fff;
	display: table-cell;
	font-family: 'metaplus_caps', Arial, Verdana, sans-serif;
	padding: 11px 23px 0 0;
	text-align: right;
	text-transform: uppercase;
	vertical-align: middle;
	background: url(../Images/secondary/calendar-icon.png) no-repeat 20px 29px;
	width: 100px;
}
.event {
	margin: 3px 0;
	background: #fff;
	display: block;
	clear: both;
	height: 84px;
}
.the-time {
	text-align: center;
	float: left;
	padding: 12px 20px 0 20px;
}
.the-time span {
	display: block;
}
span.the-year {
	display: none;
}
.the-day {
	color: #dc1f28;
	font-size: 4.6em;
	font-family:'metaplus_capsbold', Arial, Verdana, sans-serif;
}
.the-month {
	font-size: 1.4em;
	letter-spacing: .3em;
	text-transform: uppercase;
	color: #000;
  margin-bottom: -6px;
	padding-left: 2px;
}
.subject {
	display: table;
	height: 100%;
}
.subject a {
	font-size: 1.6em;
	color: #363636;
	font-family:'metaplus_book', Arial, Verdana, sans-serif;
	border-left: 1px solid #f3f3f3;
	display: table-cell;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: middle;
	height: 100%;
}
.subject a span {
	display: block;
	color: #989898;
	font-size: 0.75em;
	text-transform: uppercase;
	font-family:'metaplus_caps', Arial, Verdana, sans-serif;
}

/* Quicklinks */
#quicklinks {
	background: #454571;
  padding-bottom: 100px;
  padding-top: 30px;
}
.quicklink-img {
	margin-right: 1px;
	height: 100%;
	overflow: hidden;
}
.quicklink {
	width: 25%;
	height: 250px;
	float: left;
	position: relative;
	cursor: pointer;
}
.quicklink .quicklink-link {
	width: 100%;
	height: 100%;
	background: url(../Images/secondary/quicklink-link-bg.png) repeat-x bottom;
	top: 0;
	left: 0;
	position: absolute;
}
.quicklink a {
	position: absolute;
	bottom: 0;
	font-size: 1.8em;
	font-family:'metaplus_black', Arial, Verdana, sans-serif;
	text-shadow: 0 3px 5px rgba(0,0,0,.31);
	width: 100%;
	color: #fff;
	text-align: center;
	letter-spacing: .05em;
	text-transform: uppercase;
	box-sizing:border-box;
	padding: 20px;
}
.quicklink-link:before {
	background: url(../Images/secondary/right-arr-ql.png) no-repeat right center;
  color: #fff;
  content: "OPEN LINK";
  font-family: 'metaplus_black', Arial, Verdana, sans-serif;
  font-size: 1.8em;
  height: 21px;
  position: absolute;
  text-align: left;
  width: 122px;
  z-index: 13;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -61px;
	display: none;
}
.quicklink-link:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	z-index: 13;
	background-image: url(../Images/secondary/ql-link.png);
	background-position: center 40%;
	background-repeat: no-repeat;
}
.external-link .quicklink-link:after {
	background-image: url(../Images/secondary/ql-external.png);
}
.document-download .quicklink-link:after {
	background-image: url(../Images/secondary/ql-download.png);
}
.stan .quicklink:hover .quicklink-link {
	background: rgba(0,0,0,.5);
	transition: all .5s ease;
}
.stan .quicklink:hover .quicklink-link:before {
	display: block;
}
.stan .quicklink:hover .quicklink-link:after {
	display: none;
}
.editmode #quicklinks table {
	table-layout: fixed;
  width: 100%;
	font-size: 1.4em;
	color: #fff;
}
.editmode #quicklinks table th {
	vertical-align: middle;
}
.editmode #quicklinks table img {
	width: 100%;
	height: auto;
}
.editmode #quicklinks table a {
	color: #fff;
}
#news-footer-sep {
	margin-top: -65px;
}

@media (max-width: 980px) {
#calendar-title a {
	background-image: url(../Images/mobile/calendar-icon.png);
	background-size: 14px 13px;
}
#quicklink-sep .sep-icon {
	background-image: url(../Images/mobile/ql-sep.png);
	background-size: 33px 17px;
}
#caption-wrap {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
#slide-nav {
  position: absolute;
  top: 40%;
	width: 100%
}
#prevslide {
	margin-left: 10px;
}
#nextslide {
	margin-right: 10px;
}
.secondary #slidecaption {
	padding-top: 0;
}
.secondary #gallery {
	min-height: 200px;
}
#welcome-news,
#calendar {
	width: auto;
	float: none;
	margin: 0;
}
#home-content-wrap {
	margin: 16px auto;
}
.post-contents {
	padding: 0 12px 12px 12px;
}
#calendar {
	margin-top: 16px;
}
#calendar ul {
	margin-left: -0.2%;
  margin-right: -0.2%;
  margin-top: 0.1%;
}
.event {
	width: 32.9%;
  margin: .2%;
	float: left;
	clear: none;
}
.event:last-child {
	display: block !important;
}
#quicklink-sep {
	margin-top: 0;
}
}

@media (max-width: 760px) {
#gallery {
	background: none;
}
#home-template #caption-wrap,
#caption-wrap {
	background:	url("../Images/secondary/gallery-caption-bg.png") repeat-x center bottom;
	padding: 30px 0;
	background-size: auto 100%;
}
#news-header a + a {
	margin-right: 0;
}
#welcome-image {
	width: 30%;
}
#welcome-text {
	width: 70%;
}
.event {
	margin: 0.3%;
  width: 49.4%;
}
#calendar ul {
  margin-left: -0.3%;
  margin-right: -0.3%;
  margin-top: 0.1%;
}
.quicklink {
	width: 50%;
	margin-top: 1px;
}
}

@media (max-width: 480px) {
#home-template #caption-wrap,
#caption-wrap {
	padding-bottom:10px;
}
}

@media (max-width: 520px) {
#home-template #caption-wrap,
#caption-wrap {
	padding-bottom:15px;
}
#home-template #caption-wrap .img-caption,
#caption-wrap .img-caption {
	font-size:1.4em;
	padding:0 65px;
}
.img-caption span {
	text-shadow: 0 0 5px rgba(0,0,0,.3);
}
.BlogSummaryView .post:first-child,
.BlogSummaryView .post:nth-child(2n+1),
.BlogSummaryView .post:first-child,
.BlogSummaryView .post:nth-child(2),
.BlogSummaryView .post:nth-child(3) {
	float: none;
	width: auto;
	margin:0;
}
.news-screen .post + .post {
	margin-top: 15px;
}
#welcome {
	height: auto;
}
#welcome-image {
	display: none;
}
#welcome-text {
	width: auto;
	float: none;
	margin: 0;
	margin-bottom: 16px;
	padding: 20px;
	background: #fff;
}
#welcome-text .featuretitle {
	margin: 0;
  padding: 0 0 20px;
}
#welcome-text .bodycontent {
	padding: 0;
	margin: 0;
}
#news {
	margin-top: 16px;
}
.event {
	margin: .3% 0;
  width: auto;
	float: none;
}
#calendar ul {
  margin-top: 0.1%;
}
.quicklink {
	float: none;
	width: auto;
}
.quicklink-img {
	margin: 0;
}
}

/*27-09-2014*/
.event {
	overflow: hidden
}
#quicklink-sep .sep-icon {
	cursor: inherit;
}

@media (max-width: 980px) {
#gallery-home-sep {
	display:none;
}
#hab-header {
	position:relative;
	top:auto;
	left:auto;
	z-index:auto;
}
#home-template #gallery {
	margin-top:0;
}
#content-template #gallery {
	margin-bottom:0;
}
}