#banner{ height: 425px; position: relative; overflow: hidden; z-index: 1; border-bottom: 1px solid #fff;}
#slideshow { position: absolute; top: 0; left: 0; z-index: -1;}
#slideshow, #slideshow ul, #slideshow ul li {width: 100%; height: 428px; float: left; position: relative; }
.bannerWrapper {position: absolute; top: 0px; left: 50%; width: 980px; margin-left: -490px;}
#slideshow ul li img {width: 100%;}

.notes { width: 440px; height: 173px; position: relative; border-left: 10px solid #D98310; margin: 74px 0 0 0; background: url('../img/grey-dot.png') repeat; list-style: none;}

.bannerWrapper .notes { padding: 27px 28px 0px 23px; color: #FFFFFF; line-height: 22px; font-size: 14px;}
.notes .title { display: block; width: 100%; border-bottom: 2px solid #fff; font-size: 30px; line-height: 26px; font-family: 'OpenSans';  text-transform: uppercase; margin-bottom: 10px;}
.notes p a { display: block; text-transform: lowercase; color: #D98310; background: url( '../img/sprite.png') no-repeat left center; background-position: -100px -247px; line-height: 16px; font-size: 20px; margin-top: 9px; padding-left: 17px; width: 193px; font-family: 'OpenSans'; text-decoration: none;}
.notes p a:hover { color: #fff;}
#nav { position: absolute; top: 247px; left: 50%; width: 980px; margin-left: -475px; z-index: 99999;}
#nav a { background: url('../img/sprite.png') no-repeat left center; background-position: 0 -350px; display: block; width: 27px; height: 36px; line-height: 30px; text-align: center; font-size: 14px; color: #FFFFFF; float: left; margin-right: 6px; text-shadow: 1px 1px 0px #000; text-decoration: none;}
#nav a.activeSlide, #nav a:hover {
background-position: 0 -300px;
}
/*#featured #nav a {display: none;}*/

#school-types {margin-top: -100px; margin-bottom: 20px;}
#school-types h2 {margin:0; padding: 0px;}
#school-types h2 a {font-size:20px; display: block; line-height: 22px; text-decoration: none; font-weight: bold; }
#school-types p a  {text-decoration: none;}

#promotion {margin-bottom: 20px;}
#promotion .promotion-link { display: block; border-bottom: 3px solid #CCDF93; border-top: 3px solid #CCDF93; width: 100%; overflow: auto;}
#promotion .promotion-img { width: 50%; float: left; background-size: cover; height: 145px;}
#promotion .promotion-text { width: 50%; float: left; background-color: #01aef0; padding: 50px 0; height: 179px;}
#promotion .promotion-text .title, 
#promotion .promotion-text .caption { margin-left: 25px; color: #fff;}
#promotion .promotion-text .title p { font-size: 28px;}

#news-section{ float: left; width: 450px; position: relative;}
.caroufredsel_wrapper, #news-section ul {width: 450px!important; height: 270px!important;}
#news-section li {float: left; width: 585px!important; padding-bottom: 15px; border-bottom: 1px dotted #00aef0; margin-bottom: 25px;}
#news-section a#next_news, #news-section a#prev_news { position: absolute; top: -40px; text-decoration: none; text-indent: -9999px; width: 26px; height: 26px; background: url('../img/news_arrow.png') no-repeat;}
#news-section a#next_news{ right: 0px; background-position:-26px 0px} 
#news-section a#prev_news { right: 30px; background-position: -26px -26px;}
#news-section a#next_news:hover{ background-position:0px 0px} 
#news-section a#prev_news:hover { background-position: 0px -26px;}
.news-img {width: 200px; height: 110px; float: left; max-width: 30%;}
.news-desc { width: 58%; float: left; margin-left: 2%; font-size: 14px; line-height: 18px;}
.news-desc h4 {margin: 0; padding: 0 0 10px; font-size: 15px; font-weight:bold ;}
.news-desc h4 a {text-decoration: none;}
.news-desc p a{ font-size: 14px; text-transform: lowercase; display: block; margin-top: 10px;}
#all-news {margin-top: 10px;}




@media (max-width:1023px) {
	.wrapper {width: 100%;}
	#banner, #slideshow, #slideshow ul, #slideshow ul li, #slideshow ul li img{height: 320px;}
	#slideshow ul li img {width: auto; margin-left: -25%;}
	#school-types,
	#promotion, #newsAndVideo {float: left; width: 100%;}
	#slideshow ul li img {width: auto; margin-left: -25%;}
	.bannerWrapper, #nav{margin-left: -220px; width: 440px; left: 50%;}
	.bannerWrapper {top: 25px;}
	 #nav {top: 218px;}
	.notes {width: 280px; margin-top: 20px;}
	.notes .title {font-size: 22px; line-height: 20px;}
	#school-types {margin-top: -50px;}
	#school-types img {width: 209px; height: 139px;}
	.notes {width: 320px}
	#promotion .promotion-img, #promotion .promotion-text {height: auto;}
	#promotion .promotion-text { padding: 24px 0 25px; }
	#promotion .promotion-text .title p {font-size: 22px;}
	#news-section, .caroufredsel_wrapper, #news-section ul, #news-section li {width: 100%!important}
	.news-desc h4 {margin-top: 0px; margin-bottom: 2px; padding-bottom: 2px;}
	.news-desc {font-size: 13px; line-height: 16px;}

	}

@media (max-width:767px) {
#banner, #slideshow, #slideshow ul, #slideshow ul li, #slideshow ul li img{height: 250px;}
#slideshow ul li img {width: auto; margin-left: -25%;}
.bannerWrapper, #nav{margin-left: 0px; width: 100%; left: 10px;}
 #nav {top: 193px; left: 25px;}
.bannerWrapper .notes {width: 280px;  height: 168px; line-height: 22px; margin-top: 0px; padding: 20px 28px 0 23px;}
.notes .title {font-size: 22px; line-height: 20px;}
#school-types {margin-top: 20px;}
#school-types img {width: 209px; height: 139px;}
#promotion .promotion-img, #promotion .promotion-text { width: 100%; height: auto; font-size: 13px;}
#promotion .promotion-text { padding: 20px 0 6px; }
#promotion .promotion-text .title p {font-size: 17px; font-weight: bold; margin-bottom: 0px;}
#school-news,  #school-video  { float: left; width: 100%; margin-bottom: 20px;}
#news-section, .caroufredsel_wrapper, #news-section ul, #news-section ul li {width: 100%!important;}
.news-img {width: 30%;}
.news-desc {width: 67%; padding-left: 3%; font-size: 12px; line-height: 15px;}
.news-desc h4 { margin-top: 0px;  padding-bottom: 2px;}

}