@font-face {
    font-family: 'cooper_hewittbold';
    src: url('fonts/cooperhewitt-bold-webfont.woff2') format('woff2'),
         url('fonts/cooperhewitt-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'cooper_hewittbold_italic';
    src: url('fonts/cooperhewitt-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/cooperhewitt-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'cooper_hewittbook';
    src: url('fonts/cooperhewitt-book-webfont.woff2') format('woff2'),
         url('fonts/cooperhewitt-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'cooper_hewittbook_italic';
    src: url('fonts/cooperhewitt-bookitalic-webfont.woff2') format('woff2'),
         url('fonts/cooperhewitt-bookitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family: 'cooper_hewittbook', sans-serif;
	font-size: 16px;
}

strong {
	font-family: 'cooper_hewittbold';
}

em {
	font-family: 'cooper_hewittbook_italic';
}

a {
	color: #ED1892;
}

h1, h2 {
/*	font-family: 'Droid Serif', serif;*/
}

h2 {
	font-size: 28px;
}

/*header*/

.header-wrap {
	background-color: rgba(255, 255, 255, 0.9);
/*	height: 130px;*/
/*	overflow: hidden;*/
	z-index: 1001;
	position: relative;
}

header {
	
}

.logo-wrap {
/*	margin-top: 0px;*/
height: 105px;
}

.logo {
	padding-top: 10px;
	padding-bottom: 10px;
}

.logo img {
	width: 256px;
}

.top-social-links {
	text-align: right;
	color: #0D386C;
}

.top-social {
	height: 50px;
	padding-top: 20px;
}

.top-social img {
	margin-left: 15px;
}
.top-social img:hover {
	opacity: 0.5;
}

.top-links {
	height: 55px;
	padding-top: 13px;
	position: relative;
	z-index: 0;
}

.top-links ul {
	list-style: none;
}

.top-links li {
	list-style: none;
	display: inline;
}

.top-links a {
	background: #ED1892;
	border-radius:10px 10px 0 0;
	border: 1px solid #fff;
	padding: 10px 20px;
	text-transform: uppercase;
	font-family: 'cooper_hewittbold';
	color: #fff;
	display: inline-block;
	margin-left: -20px;
}

.top-links a:hover {
	background: #212121;
}

.top-links ul li:first-of-type {
z-index: 10;
position: relative;
}

.top-links ul li:last-of-type a {
padding-left: 30px;
}

.nav-wrap {
	background-color: #DDDDDD;
	z-index: 100;
	position: relative;
}

nav {
	color: #212121;
	font-size: 16px;
}

/*homepage*/

.home-hero {
	height: 590px;
/*	background-image: url('images/home-hero1.jpg');*/
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.cycle-bg-image {
/*	background-attachment:fixed!important;*/
	background-position: center top;
	background-size: cover!important;
}

.home-hero-heading img {
	padding: 0 50px;
}

.home-hero-heading {
	padding-top: 320px;

}

.home-hero-updates-wrap {
	min-height: 40px;
	/*margin-top: 30px;*/
	margin-bottom: -100px;
	margin-top: 30px;
	z-index: 10;
	}

.home-hero-updates {
background-color: #E91992;
background-color: rgba(232, 25, 145, 0.8);
/*margin-bottom: 80px;	*/
/*float: left;*/
overflow: hidden;
min-height: 40px;
}

.home-hero-updates p {
margin-bottom: 0;
padding-bottom: 0;
color: #fff;
font-size: 18px;	
}

.home-hero-updates a {
color: #fff;
text-decoration: underline;
}

#webticker-update ul li {
	font-size: 16px;
	font-weight: normal;
	color: #fff;

}


.home-hero-updates-left {
background-color: #E91992;
/*display: inline-block;*/
width: 15%;
padding: 10px;
color: #fff;
font-size: 18px;
text-transform: uppercase;
font-family: 'cooper_hewittbold', sans-serif;
float: left;
	
}
.home-hero-updates-right {
/*display: inline-block;*/
padding: 10px;
width: 85%;
float: left;
	
}


.home-welcome-wrap {
	background-color: #E9EAEC;
}

.home-welcome-links {
	background: #CCCCCC;
	padding-left: 0;
	padding-right: 0;
}

.home-welcome-links li {
	list-style: none;
	border-bottom: 1px solid #a7a7a7;
}

.home-welcome-links li:last-of-type {
	list-style: none;
	border-bottom: none;
}

.home-welcome-links li a {
	font-size: 22px;
	color: #fff;
	padding: 35px 0;
	display: block;
	background-image: url(images/blue-arrow.svg);
	background-position: center right 15px;
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-right: 15px;
}

.home-welcome-links li a:hover {
	background-color: #bbb;
}

.home-welcome h1 {
	color: #0058B8;
	font-size: 40px;
}

.home-welcome p {
	color: #6d6d6d;
	font-size: 18px;
	padding-right: 180px;
}

.home-welcome-text {
	background-image: url(images/welcomehead.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;

}

.home-welcome-text-inner {
	padding-top: 30px;
	padding-bottom: 30px;
}

.home-quote-wrap {
	background-color: #F7F8FA;
	height: 350px;
	background-image: url(images/homepanel.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
}

.slider-wrap {
	background: red;
	height: 570px;
	z-index: 1;
	position: relative;
	margin-top: -130px;
}

.home-news-wrap {
	padding: 40px 0;
}

.news-intro {
	text-align: center;
}

.home-news-wrap h1 {
	font-size: 36px;
	text-align: center;
	font-family: 'cooper_hewittbold', sans-serif;
	margin-bottom: 40px;
}

.home-news-block {
	background-color: #DDDDDD;
	padding: 15px;
}

.home-news-block h2 {
	font-family: 'cooper_hewittbold', sans-serif;
	color: #882D99;
	margin-top: 0;
	font-size: 22px;
}

.home-news-block h2 a {
	font-family: 'cooper_hewittbold', sans-serif;
	color: #882D99;
	margin-top: 0;
	font-size: 22px;
}

.home-news-block-twitter {
	background-color:#E9D4EB ;
}

.read-all-news {
	padding: 40px 0;
	text-align: center;
}

.home-diary-dates .eventitem {
	background-color: #CEE000;
	overflow: hidden;
	padding: 15px;
}

.home-diary-dates .eventitem span {
	display: block;
	text-align: center;
	text-transform: uppercase;
}

.home-diary-dates .homedateblock-day {
	font-size: 30px;
	font-family: 'cooper_hewittbold', sans-serif;
	color: #545454;
	line-height: 30px;
}

.home-diary-dates .homedateblock-month {
	font-size: 30px;
	color: #545454;
	line-height: 30px;
}
.home-diary-dates .homedateblock-year {
	font-size: 20px;
	color: #999;
	line-height: 20px;
}

.home-diary-dates .homedateblock {
	background-color: #fff;
	float:left;
	width: 35%;
	padding: 10px;
}
.home-diary-dates .homedateblock-detail {
	float:right;
	width: 65%;
	padding-left: 15px;
	font-size: 20px;
}

.home-diary-dates .homedateblock-detail h2 {
	
	font-size: 20px;
}



.btn-primary {
background-color: #ED1892;
border: none;
color: #fff;
text-transform: uppercase;
border-radius: 0px;
font-size: 18px;
padding: 5px 20px;
margin-top: 10px;
}

.btn-primary:hover {
background-color: #666;

}

.btn-outline {
background-color: #fff;
border: 1px solid #ED1892;
color: #ED1892;
text-transform: uppercase;
border-radius: 0px;
font-size: 18px;
padding: 10px 20px;
margin-top: 10px;
}

.btn-outline:hover {
border: 1px solid #666;
color: #666;

}

.home-image-wrap {
	background-color: #ECEDF1;
	height: 350px;
	background-image: url(images/homepanel3.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.home-image-wrap h1 {
	font-size: 34px;
	font-family: 'cooper_hewittbold', sans-serif;
	color: #0053BA;
	padding-top: 80px;
}

.home-diary-dates {
	padding: 40px 0;
}

.home-diary-dates h1 {
	font-size: 36px;
	text-align: center;
	font-family: 'cooper_hewittbold', sans-serif;
	margin-bottom: 40px;

}

/*general stuff*/

.image-header {
	height: 200px;
	background-color: #3F608A;
	background-image: url(images/headerimage-1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	position: relative;
}

.image-header-title {
	display: table-cell;
	height: 180px;
	vertical-align: bottom;
	
}

.image-header h1 {
	color: #fff;
	font-family: 'cooper_hewittbold', sans-serif;
	text-transform: uppercase;
}

.main-content-wrap {
	padding: 30px 0;
}

.main-content h1, .main-content h2 {
	font-size: 20px;
	color: #12396B;
	line-height: 1.4;
}

.main-content h3 {
	font-size: 18px;
	font-family: 'cooper_hewittbold', sans-serif;
	color: #ED1892;
	line-height: 1.4;
}

.main-content h4 {
	font-size: 16px;
	font-family: 'cooper_hewittbold', sans-serif;
	color: #ED1892;
	line-height: 1.4;
}

.quote-box {
	background-color: #CEDE00;
	margin-top: 30px;
	padding: 10px 45px 10px 10px;
	background-image: url(images/quotemark.png);
	background-repeat: no-repeat;
	background-position: top 10px right 10px;
	font-size: 18px;
	color: #163C6A;
}

.quote-box p {
	font-family: 'cooper_hewittbold', sans-serif;
}

.quote-box p:last-of-type {
	font-family: 'cooper_hewittbold', sans-serif;
	font-size: 14px;
	color: #fff;
}

/*link lists*/

.policies .main-content ul, .letters-home .main-content ul, .parents-forum .main-content ul, .newsletter .main-content ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.policies .main-content ul a, .letters-home .main-content ul a, .parents-forum .main-content ul a, .newsletter .main-content ul a {
	 display: block;
	 background-color: #f1f1f1;
	padding: 5px;
	margin-bottom: 5px;
	background-image: url(images/download-icon.svg);
	background-repeat: no-repeat;
	background-position: right 10px center;
}

.policies .main-content ul a:hover, .letters-home .main-content ul a:hover, .parents-forum .main-content ul a:hover, .newsletter .main-content ul a:hover   {
background-color: #ddd;
}

ul.link-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
 
 .link-list p {
margin: 0;
padding: 0;
 	
 }
 
 .link-list a {
 display: block;
 background-color: #f1f1f1;
padding: 5px;
margin-bottom: 5px;
background-image: url(images/download-icon.svg);
background-repeat: no-repeat;
background-position: right 10px center;
 	
 }
 
 .link-list a:hover {
 background-color: #ddd;
 }
 
 .contact-wrap {
 	padding: 15px;
 	color: #12396B;
 	
 }
 
 /*news*/
 
 
 .main-content .NewsSummary {
 	border-bottom: 1px solid #ccc;
 	padding-bottom: 20px;
 	margin-bottom: 20px;
 }
 
.main-content .NewsSummaryPostdate {
	font-family: 'cooper_hewittbold';
	font-size: 14px;
}

.main-content .NewsSummaryLink {
	font-size: 20px;
	margin-bottom: 7px;
}

.main-content #NewsPostDetailContent img {
	width: 100%;
	height: auto;
}

.main-content #NewsPostDetailTitle {
	font-family: 'cooper_hewittbold';
}

/*events*/

 .main-content .eventitem {
 	border-bottom: 1px solid #ccc;
 	padding-bottom: 20px;
 	margin-bottom: 20px;
 }
 
 .main-content .eventdate {
 	font-family: 'cooper_hewittbold';
 	font-size: 14px;
 }
 
 .main-content .eventtitle {
 	font-family: 'cooper_hewittbold';
 	font-size: 20px;
 	margin-top: 5px;
 }
 


/*maps*/
.google-maps {
     position: relative;
     padding-bottom: 35%;
     height: 0;
     overflow: hidden;
     margin-bottom: 30px;
 }
 .google-maps iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100% !important;
     height: 100% !important;
 }


/*footer*/

.sponsor-bar-wrap {
	background-color: #f2f2f2;
	padding: 40px 0;
}

.sponsor-bar-wrap h6 {
	font-size: 16px;
	color: #12396B;
}

.sponsor-bar-wrap img {
	max-width: 100%;
	height: auto;
}

.home-footer-wrap {
	background-color: #163C6A;
	color: #fff;
	padding: 50px 0;
}

.sub-footer {
	padding: 40px 0 0 0;
}

.sub-footer a {
	color: #ccc;
	font-size: 14px;
}

/* forms*/

.cms_textarea {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

textarea.cms_textarea {
  height: auto;
}

.cms_submit {
	background: #fff;
	border-radius: 6px;
	border: 1px solid #999;
	padding: 6px 10px;
}
.cms_submit:hover {

	border: 1px solid #333;

}

/*SLIDER*/

.quote-slider {
	margin-top: 60px;
	height: 250px;
	text-align: right;
}

.quote-slider p {
	font-size: 32px;
	color: #8B2799;
	font-family: 'cooper_hewittbold';

}

.quote-slider p:last-of-type {
	font-size: 20px;
	color: #666666;
}

.unslider{overflow:auto;margin:0;padding:0}.unslider-wrap{position:relative}.unslider-wrap.unslider-carousel>li{float:left}.unslider-vertical>ul{height:100%}.unslider-vertical li{float:none;width:100%}.unslider-fade{position:relative}.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}.unslider-fade .unslider-wrap li.unslider-active{z-index:10}.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer}.unslider-arrow.next{left:auto;right:20px}
/**
 *   Here's where everything gets included. You don't need
 *   to change anything here, and doing so might break
 *   stuff. Here be dragons and all that.
 */
/**
 *   Default variables
 *
 *   While these can be set with JavaScript, it's probably
 *   better and faster to just set them here, compile to
 *   CSS and include that instead to use some of that
 *   hardware-accelerated goodness.
 */
.unslider-nav ol {
  list-style: none;
  text-align: center;
}
.unslider-nav ol li {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background: transparent;
  border-radius: 5px;
  overflow: hidden;
  text-indent: -999em;
  border: 2px solid #ccc;
  cursor: pointer;
}
.unslider-nav ol li.unslider-active {
  background: #ccc;
  cursor: default;
}

.unslider img {
	max-width: 100%;
}


/*NAVIGATION */
/*NAVIGATION */
/*NAVIGATION */

/*subnav*/
.sub-nav-wrap {
/*	background-color: rgba(51, 170, 100, 0.4);
	padding-top: 18px;
	padding-bottom: 20px;
	margin-bottom: 10px;*/
	margin-top: -90px;
}

.sub-nav {
	background: #dddddd;
/*	padding: 15px;*/

}

.sub-nav-head {
	background: #123A6B;
/*	padding: 10px;*/
	height: 60px;
	padding: 0 10px;
	
}

.sub-nav-head h3 {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	line-height: 60px;
}

.sub-nav ul {
}

.sub-nav-wrap #footer-menu {
	list-style: none;
	margin: 0;
	padding: 10px;
	
}

.sub-nav-wrap #footer-menu a {
	color: #123A6B;
	display: block;
	/*margin-bottom: 5px;*/
	/*margin-top: 5px ;*/
	padding-bottom: 5px;
	padding-top: 5px;
/*	border-bottom: 1px solid #fff;*/
	background-image: url(images/blue-arrow.svg);
	background-repeat: no-repeat;
	background-position: center right;
	background-size: 20px 20px;
}

.sub-nav-wrap #footer-menu li:last-of-type {
border-bottom: none;
 }
 
 .sub-nav-wrap #footer-menu li {
 border-bottom: #fff 1px solid;
/* padding: 5px 0;*/
  }

.sub-nav-wrap #footer-menu a:hover {
color: #fff;
text-decoration: none;
background-image: url(images/white-arrow.svg);
}

/*end subnav*/


 nav {
	color: #163C6A;
	height: 37px;
}
nav ul, nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0
}
#main-menu {
	/*	margin-top: 25px;*/
}
#main-menu > li {
	display: block;
	border-bottom: 1px dotted #f1f1f1;
	position: relative;
}
#main-menu > li:last-child {
	border-bottom: none;
}
#main-menu > li > a, #main-menu > li.sectionheader > span {
	text-transform: uppercase;
	color: #163C6A;
	text-decoration: none;
	font-size: 1em;
	font-family: 'cooper_hewittbold';
	cursor: pointer;
	padding: 8px 0;
	display: block;
	position: relative;
}
#main-menu > li.current > a, #main-menu > li.current.sectionheader > span, #main-menu > li:hover > a, #main-menu > li.sectionheader:hover > span {
	color: #163C6A;
}
#main-menu > li > ul, #main-menu > li > ul > li > ul {
	position: absolute;
	left: -999em;
}
#main-menu > li:hover > ul, #main-menu > li.active > ul, #main-menu > li > ul > li:hover > ul, #main-menu > li > ul > li.active > ul {
	position: relative;
	left: 0;
}
#main-menu > li > ul > li > a, #main-menu > li > ul > li.sectionheader > span, #main-menu > li > ul > li > ul > li > a, #main-menu > li > ul > li > ul > li.sectionheader > span {
	text-decoration: none;
	color: #555;
	text-transform: uppercase;
	display: block;
	padding: 4px 0;
}
#main-menu > li > ul > li:hover > a, #main-menu > li > ul > li.sectionheader:hover > span, #main-menu > li > ul > li > ul > li:hover > a, #main-menu > li > ul > li > ul > li.sectionheader:hover > span {
	color: #999;
}
#main-menu > li > ul > li > ul > li > a, #main-menu > li > ul > li > ul > li.sectionheader > span {
	padding-left: 15px;
	font-size: .875em;
	text-transform: none;
}
#main-menu > li > a i, #main-menu > li > ul > li > a i, #main-menu > li.sectionheader > span i, #main-menu > li > ul > li.sectionheader > span i {
	/* float: right;*/
	float: left;
	position: relative;
	padding-top: 6px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: -webkit-transform 250ms ease-out 0s;
	-moz-transition: -moz-transform 250ms ease-out 0s;
	-o-transition: -o-transform 250ms ease-out 0s;
	transition: transform 250ms ease-out 0s;
}
#main-menu > li:hover > a i, #main-menu > li.active > a i, #main-menu > li > ul > li:hover > a i, #main-menu > li > ul > li.active > a i, #main-menu > li.sectionheader:hover > span i, #main-menu > li.active.sectionheader > span i, #main-menu > li > ul > li.sectionheader:hover > span i, #main-menu > li > ul > li.active.sectionheader > span i {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.cf:before, .cf:after {
	content:" ";
	display: table;
}
.cf:after {
	clear: both;
}
nav.main-navigation {
	z-index: 990;
	/*   height: 55px;*/
	line-height: 37px;
	/*margin-top: 20px;*/
}
#main-menu {
	/* float: right;*/
	float: left;
	margin-top: 0;
}
#main-menu > li {
	display: inline-block;
	padding: 0;
	margin: 0 2px;
	border: none;
	position: relative;
}
#main-menu > li i {
	display: none;
}
.touch-device #main-menu > li i {
	display: inline-block;
	float: none;
}
.touch-device #main-menu > li li i {
	float: left;
	display: inline-block;
	margin-right: 8px;
	padding-top: 2px;
	text-align: left;
}
.touch-device #main-menu > li:first-child li i {
	float: left;
	/* float: right;*/
}
#main-menu > li:first-child, #main-menu > li.first {
	margin-left: 0;
}
#main-menu > li:last-child, #main-menu > li.last {
	margin-right: 0;
}
#main-menu > li > a, #main-menu > li.sectionheader span {
	padding: 0 6px 0 10px;
	line-height: 37px;
	font-size: 1em;
}
#main-menu > li:first-of-type > a {
	padding: 0 6px 0 0px;
}
#main-menu > li.parent:hover > a, #main-menu > li.sectionheader.parent:hover > span, #main-menu > li.parent.active > a, #main-menu > li.parent.active > span {
	color: #fff;
	background-color: #555;
	background-color: rgba(85, 85, 85, .95);
}
#main-menu > li ul li.parent:after {
	content:'';
	color: #fff;
}
#main-menu > li > ul, #main-menu > li > ul > li > ul {
	display: block;
	width: 260px;
}
#main-menu > li:hover > ul, #main-menu > li.active > ul, #main-menu > li > ul > li:hover > ul, #main-menu > li > ul > li.active > ul {
	height: auto;
	position: absolute;
	z-index: 9999;
	top: 37px;
	left: 0;
	left: auto;
	display: block;
	border-radius: 3px;
}
#main-menu > li:first-child:hover > ul, #main-menu > li:first-child.active > ul {
	left: auto;
	right: 0;
}
#main-menu > li > ul > li {
	position: relative;
	line-height: 1;
	margin: 0;
	padding-right: 10px;
}
#main-menu > li:first-child > ul > li {
	padding-right: 10px;
	padding-left: 0;
}
#main-menu > li > ul > li > a, #main-menu > li > ul > li.sectionheader > span, #main-menu > li > ul > li > ul > li > a, #main-menu > li > ul > li > ul > li.sectionheader > span {
	color: #fff;
	display: block;
	text-transform: none;
	line-height: 1.2;
	border-bottom: 1px solid #666666;
	background-color: #555;
	background-color: rgba(90, 90, 90, .98);
	padding: 8px 12px;
	font-size: .875em;
	text-decoration: none;
}
#main-menu > li > ul > li.current > a, #main-menu > li > ul > li.current.sectionheader > span, #main-menu > li > ul > li > ul > li.current > a, #main-menu > li > ul > ul > li > li.current.sectionheader > span {
	color: #f39c2c;
}
#main-menu > li > ul > li:hover > ul, #main-menu > li > ul > li.active > ul {
	width: 250px;
	height: auto;
	top: 0;
	left: auto;
	right: -250px;
}
#main-menu > li:first-child > ul > li:hover > ul, #main-menu > li:first-child > ul > li.active > ul {
	right: auto;
	left: -250px;
}
.lt-ie9 #main-menu > li > ul > li:hover > ul, .lt-ie9 #main-menu > li > ul > li.active > ul {
	right: -247px;
}
#main-menu > li > ul > li:hover > ul:after, #main-menu > li > ul > li.active > ul:after {
	content:' ';
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 6px 7px 0px;
	border-color: transparent #555 transparent transparent;
	border-color: transparent rgba(85, 85, 85, .95) transparent transparent;
	position: absolute;
	left: -6px;
	top: 12px;
}
.lt-ie9 #main-menu > li:first-child > ul > li:hover > ul, .lt-ie9 #main-menu > li:first-child > ul > li.active > ul {
	right: auto;
	left: -247px;
}
#main-menu > li:first-child > ul > li:hover > ul:after, #main-menu > li:first-child > ul > li.active > ul:after {
	right: -10px;
	left: auto;
}
#main-menu li ul li a:hover, #main-menu li ul li span.sectionheader:hover {
	box-shadow: 0 0 5px rgba(85, 85, 85, .9);
	z-index: 2px;
}
#main-menu > ul > li:last-child > a, #main-menu > ul > li.sectionheader:last-child > span, #main-menu > ul > li > ul > li:last-child > a, #main-menu > ul > li > ul > li.sectionheader:last-child > span {
	border-bottom: none;
}
/*!
	 * SlickNav Responsive Mobile Menu v1.0.7
	 * (c) 2016 Josh Cope
	 * licensed under MIT
	 */
 .slicknav_btn {
	position: relative;
	display: block;
	vertical-align: middle;
	float: left;
	padding: 0.438em 0.625em 0.438em 0.625em;
	line-height: 1.125em;
	cursor: pointer;
	margin: 5px 5px 6px;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #fff;
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
	margin-top: 0.188em;
}
.slicknav_menu {
	*zoom: 1;
	font-size: 16px;
	box-sizing: border-box;
	background-image: url('images/sbutc-logo.svg');
	background-size: 150px auto;
	background-repeat: no-repeat;
	background-position: right 10px top 10px;
	padding: 5px 5px 10px 5px;
}
.slicknav_menu .slicknav_menutxt {
	display: block;
	line-height: 1.188em;
	float: left;
	color: #333;
	font-weight: bold;
	/*	text-shadow: 0 1px 3px rgba(255, 255, 255, 0.4);*/
}
.slicknav_menu .slicknav_icon {
	float: left;
	width: 1.125em;
	height: 0.875em;
	margin: 0.188em 0 0 0.438em;
}
.slicknav_menu .slicknav_icon:before {
	background: transparent;
	width: 1.125em;
	height: 0.875em;
	display: block;
	content:"";
	position: absolute;
}
.slicknav_menu .slicknav_no-text {
	margin: 0;
}
.slicknav_menu .slicknav_icon-bar {
	display: block;
	width: 1.125em;
	height: 0.125em;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
/*	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);*/
	background-color: #333;
	
}
.slicknav_menu:before {
	content:" ";
	display: table;
}
.slicknav_menu:after {
	content:" ";
	display: table;
	clear: both;
}
.slicknav_nav {
	clear: both;
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 0.875em;
	list-style: none;
	overflow: hidden;
}
.slicknav_nav ul {
	display: block;
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0 0 0 20px;
}
.slicknav_nav li {
	display: block;
}
.slicknav_nav .slicknav_arrow {
	font-size: 0.8em;
	margin: 0 0 0 0.4em;
}
.slicknav_nav .slicknav_item {
	cursor: pointer;
}
.slicknav_nav .slicknav_item a {
	display: inline;
}
.slicknav_nav .slicknav_row {
	display: block;
}
.slicknav_nav a {
	display: block;
	padding: 5px 10px;
	margin: 2px 5px;
	text-decoration: none;
	color: #212121;
	border-bottom: 1px solid #eee;
}

.slicknav_nav a a {
	border-bottom: none;
}

.slicknav_nav a:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #ccc;
	color: #222;
}

.slicknav_nav .slicknav_parent-link a {
	display: inline;
}
.slicknav_brand {
	float: left;
}
.slicknav_menu * {
	box-sizing: border-box;
}


.slicknav_nav .slicknav_row {
	padding: 5px 10px;
	margin: 2px 5px;
}
.slicknav_nav .slicknav_row:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #ccc;
	color: #fff;
}


.slicknav_nav .slicknav_txtnode {
	margin-left: 15px;
}
.slicknav_nav .slicknav_item a {
	padding: 0;
	margin: 0;
}
.slicknav_nav .slicknav_parent-link a {
	padding: 0;
	margin: 0;
}
.slicknav_brand {
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	padding: 7px 12px;
	height: 44px;
}
slicknav_menu .cf:before, .cf:after {
	display: none;
	content: none;
	clear: none;
}
.slicknav_menu {
	display:none;
}

@media only screen and (max-width : 768px) {
	.slicknav_menu {
		display:block;
	}
	
}

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
    
    #main-menu > li > a, #main-menu > li.sectionheader span {
    	padding: 0 6px 0 6px;
    	font-size: 14px;
    }

    #main-menu > li {
    	margin: 0 0px;
    }
    
    #main-menu > li > ul > li > a, #main-menu > li > ul > li.sectionheader > span, #main-menu > li > ul > li > ul > li > a, #main-menu > li > ul > li > ul > li.sectionheader > span {
    	padding: 8px 6px;

    }
 

    }
/*END NAVIGATION */


/*MEDIA QUEIRIES*/
/*MEDIA QUEIRIES*/
/*MEDIA QUEIRIES*/

  /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
    
	
	
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
    
		
	

	
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
    
    
    .home-hero {
/*    	height: 290px;*/

height:auto;
min-height: 300px;
background-image: url(images/home-hero1.jpg);
background-size: cover;
background-position: bottom right;
 
    }
    
    .home-hero div {
    position: relative!important;
    }
    .home-hero-updates {
    	margin-bottom: 0px;
    }
	
	.home-hero-updates p {
	
	font-size: 14px;	
	}
	
	.home-hero-updates-wrap {
		margin-bottom: 0;
	}
	
	.home-hero-updates-left {
		display: none;
	}
	
	.home-hero-updates-right {
		width: 100%;
	}
    
    .home-hero-heading {
    	/*display: none;*/
    	/*background: #0058B8;*/
		/*background-image: url(images/home-hero1.jpg);*/
    }
    
    .home-hero-heading img {
    	padding: 30px 10px;
    }
    
    .home-hero-heading {
    	padding-top: 60px;
    }
    
    .cycle-bg-image {
    /*	background-attachment:fixed!important;*/
    	background-position: center top;
    	background-size: contain!important;
    }
	
	
    
    .sub-nav-wrap {

    	margin-top: 40px;
    }
    
    .image-header h1 {
    	font-size: 24px;
    }
	
	.home-quote-wrap {
		background: #f5f5f5;
		height: auto;
	}
	
	.quote-slider {
		height: auto;
	}
    
	.quote-slider p {
		font-size: 16px;
		text-align: center;
	}
	
	.home-news-block {
		margin-bottom: 15px;
	}
	
	.home-diary-dates .eventitem {
		margin-bottom: 15px;
	}
    
	.home-image-wrap {
		background-size: cover;
	}
	
	.home-image-wrap h1 {
		display: none;
	}
  	
	}
	


    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
    
.home-welcome p {
	padding-right: 0px;
}
.home-welcome-text {
	background-image: none;
}

    }