.frame {
	width:100%;
	max-width:1020px;
	margin:0 auto;
	position:relative;
}
#navigation-bar {
	height:50px;
}
#navigation-bar .navigation {
	padding-left:45px;
	padding-left:0;
}
#navigation-bar .navigation li {
	height:50px;
	display:inline-block;
	font-size:12px;
	line-height:50px;
	padding:0 20px;
	font-family:'Open Sans';
	font-weight:bold;
	text-transform:uppercase;
	cursor:pointer;
	color:#ddd;
}
#navigation-bar .navigation li a,
#navigaiton-bar .navigation li a:visited {
	color:#ddd;
	text-decoration:none;
}
#navigation-bar .navigation li + li {
	border-left:1px solid #606060;
}
.facebook-icon,
.twitter-icon,
.instagram-icon {
	position:absolute;
	top:0;
	right:180px;
	width:39px;
	height:50px;
	background:url(/wp-content/themes/westside/images/icon-facebook.png);
}
.twitter-icon {
	right:135px;
	width:39px;
	background:url(/wp-content/themes/westside/images/icon-twitter.png);
}
.instagram-icon {
	right:85px;
	width:39px;
	background:url(/wp-content/themes/westside/images/icon-instagram.png);
}
.lets-talk-icon {
	position:absolute;
	top:0;
	right:0;
	width:75px;
	height:50px;
	background:url(/wp-content/themes/westside/images/icon-lets-talk.png);
}
.search-box {
	position:absolute;
	top:0;
	right:245px;
}
.search-box input {
	height:36px;
	width:160px;
	border:1px solid #999;
	background:url(/wp-content/themes/westside/images/background-search.jpg) center right no-repeat #fff;
	margin-top:7px;
	font-size:14px;
	color:#666;
	padding:0 30px 0 10px;
	outline:none;
}
#header {
	height:287px;
	background:url(/wp-content/themes/westside/images/background-header.jpg) top repeat-x;
}
.header-graphic {
	height:287px;
	background:url(/wp-content/themes/westside/images/background-header-graphic.jpg) top left no-repeat;
	position:relative;
}
.imagine-a-district {
	position:absolute;
	bottom:7px;
	right:0;
	z-index:50;
}
#slider {
	background:#e6e7e8;
}
#subnav {
	background:#8f2f2b;
	background:#be0c27;
	margin-top:1px;
	margin-top:0;
}
#subnav ul {
	text-align:center;
}
#subnav li,
#subnav li a {
	display:inline-block;
	background:#cc112d;
	color:#fff;
	text-transform:uppercase;
	height:45px;
	padding:0 60px;
	line-height:42px;
	font-family:'Oswald';
	font-weight:300;
	font-size:20px;
	position:relative;
	cursor:pointer;
}
#subnav li a {
	padding:0;
	text-decoration:none;
}
#subnav li ul {
	background:url(/wp-content/themes/westside/images/background-subnav.jpg) bottom repeat-x #ab0812;
	background:#a80d24;
	position:absolute;
	top:45px;
	left:0;
	width:100%;
	padding:5px 0 8px;
	display:none;
	z-index:150;
}
#subnav li:hover ul {
	display:block;
}
#subnav li li,
#subnav li li a {
	display:block;
	font-size:14px;
	background:none;
	padding:0;
	text-align:left;
	text-transform:none;
}
#subnav li li a {
	padding: 2px 15px;
}
#subnav li li a:hover {
	background:#90091d;
}
/*==============================================
				STICKY NAVIGATION
==============================================*/
#subnav.stickytop {
	position:fixed;
	top:0;
	width:100%;
	z-index:500;
}
.hero.stickytop,
#slider.stickytop {
	margin-bottom:45px;
}
#internal #slider.stickytop {
	margin-bottom:0;
}
/*==============================================
					SLIDE SHOW
==============================================*/
.slideshow-wrapper {
	background:url(/wp-content/themes/westside/images/background-playground.jpg) bottom center no-repeat #ddd;
	padding:0 0 50px;
}
.slick-initialized .slick-slide {
	outline:none;
}
.slideshow-background {
	padding:30px 0;
	background:rgba(0,0,0,.05);
}
.slideshow {
	margin:0 auto;
	max-width:100%;
	width:644px;
}
.slideshow .news-slide {
	font-size:0;
}
.slideshow .wp-post-image {
	width:auto;
	height:auto;
	display:block;
	border:5px solid #fff;
}
.slideshow .image-wrapper {
	width:20%;
	display:inline-block;
	margin-right:5%;
	vertical-align:top;
	margin-top:20px;
}
.slideshow .news-wrapper {
	width:75%;
	display:inline-block;
	vertical-align:top;
}
@media screen and (max-width:900px) {
	.slideshow .news-wrapper {
		width:75%;
		display:inline-block;
		vertical-align:top;
		margin:0 auto;
	}
	.slick-initialized .slick-slide {
		padding:0 25px;
	}
}
.slideshow h2 {
	font-family: 'Oswald';
    text-transform: uppercase;
    font-size: 34px;
    color: #cc112d;
	margin-top:20px;
	margin-bottom:20px;
	line-height:46px;
}
.slideshow p {
	font-family:'Open Sans';
	font-size:16px;
	line-height:26px;
}
.slideshow .read-more {
	display:inline-block;
	background:#494949;
	padding:10px 15px;
	border-radius:5px;
	color:#fff;
	font-family:'Open Sans';
	font-size:14px;
	margin-top:20px;
	text-decoration:none;
}
.slick-next,
.slick-prev {
	display:block;
	width:56px;
	height:92px;
	border:none;
	outline:none;
	text-indent:-9000px;
	position:absolute;
	cursor:pointer;
}
.slick-slide img {
	max-width:100%;
}
button.slick-prev.slick-arrow {
	background:url(/wp-content/themes/westside/images/arrow-left.png);
	top:33%;
	left:-100px;
	z-index:100;
}
button.slick-next.slick-arrow {
	background:url(/wp-content/themes/westside/images/arrow-right.png);
	top:33%;
	right:-100px;
	z-index:100;
}
.slideshow-hero button.slick-prev.slick-arrow {
	top:45%;
	left:50px;
	z-index:100;
}
.slideshow-hero button.slick-next.slick-arrow {
	top:45%;
	right:50px;
	z-index:100;
}
/*==============================================
				QUICK LINKS
==============================================*/
.quick-links {
	text-align:center;
	padding: 50px;
}
.quick-links a {
	font-size:0;
}
.quick-links div {
	display:inline-block;
	margin:10px;
	vertical-align:top;
	width:232px;
	padding-top:303px;
	position:relative;
	border:5px solid  rgba(255,255,255,.3);
}
.school-links div {
	width:200px;
}
.quick-links div span {
	display:block;
	padding:0 15px;
	background:rgba(186,0,29,.8);
	font-size:22px;
	color:#fff;
	bottom:0;
	font-family:'Open Sans';
	font-weight:300;
	line-height:30px;
	display:table-cell;
	width:202px;
	height:90px;
	vertical-align:middle;
	background:url(/wp-content/themes/westside/images/background-red-stripes.jpg);
	background:#8e1622;
	opacity:.9;
}
.quick-links .new-to-westside {
	background:url(/wp-content/themes/westside/images/quick-link-planting.jpg) no-repeat;
}
.quick-links .student-services {
	background:url(/wp-content/themes/westside/images/quick-link-batteries.jpg) center no-repeat;
}
.quick-links .menus-and-nutrition {
	background:url(/wp-content/themes/westside/images/quick-link-menus-and-nutrition.jpg) no-repeat;
}
.quick-links .calendars {
	background:url(/wp-content/themes/westside/images/quick-link-food-drive.jpg) no-repeat;
}
.quick-links .jobs {
	background:url(/wp-content/themes/westside/images/quick-link-teachers.jpg) no-repeat;
}
.quick-links .volunteer {
	background:url(/wp-content/themes/westside/images/quick-link-volunteer.jpg) center no-repeat;
}
/*==============================================
				RECENT EVENTS
==============================================*/
.recent-events {
	display:block;
	max-width:750px;
	margin:0 auto;
	padding:5px;
	font-size:0;
	background: rgba(255,255,255,.3);
}
.recent-events h2 {
	font-family: 'Oswald';
	text-transform: uppercase;
	color: #fff;
	margin: 0 auto;
	text-align: center;
	font-size: 28px;
	background:#8e1622;
	padding:25px 0;
}
.recent-events .event {
	display:block
	;width:auto;
	text-align:center;
	background:#fff;
	padding:25px 0 40px;
	border-bottom:1px solid #aaa;
}
.recent-events .event + .event {
	margin-top:5px;
}
.recent-events .event .date {
	width: 65px;
	height: 35px;
	color: #fff;
	text-align: center;
	padding-top: 40px;
	font-family: 'Oswald';
	font-size: 22px;
	background:url(/wp-content/themes/westside/images/background-recent-event.jpg);
	display:inline-block;
	vertical-align:top;
}
.recent-events .event p,
.recent-events .event div {
	font-size: 16px;
	color: #494949;
	font-family: 'Open Sans';
	line-height:24px;
	padding:0 40px;
}
.recent-events .event .event-date {
	font-size:16px;
	font-family:'Open Sans';
	font-weight:600;
	background:url(/wp-content/themes/westside/images/gray-pixel.jpg) center repeat-x;
	padding:5px 0;
	margin:0 25px;
	text-transform: uppercase;
	color: #900;
}
.recent-events .event .event-date span {
	display:inline-block;
	padding:0 15px;
	background:#fff;
}
.recent-events .event .event-details {
	display:inline-block;
	width: 110px;
	padding-left: 15px;
}
.recent-events .event .event-title {
	font-size:18px;
	font-family:'Open Sans';
	color:#333;
	text-transform:uppercase;
	font-weight:bold;
	margin:0;
	padding:8px 0 20px;
}
.recent-events .event .read-more a {
	display:inline-block;
	font-family:'Open Sans';
	font-weight:300;
	text-decoration:none;
	font-size:14px;
	color:#fff;
	background:#333;
	border-radius:5px;
	padding:10px 25px;
}
/*==============================================
				FOOTER 
==============================================*/
#footer {
	padding:20px 0 50px;
	background:#b0b0ad;
}
#footer p {
	text-align: center;
	font-family: 'Open Sans';
	font-size: 12px;
	line-height:20px;
	max-width:700px;
	margin: 0 auto 20px;
}
#footer img {
	position:absolute;
	top:-100px;
	left:0;
}
#footer .non-discrimination {
	padding:15px 0;
	margin-bottom:25px;
	border-bottom:8px solid #fff;
}
#footer .footer-links {
	padding-top:170px;
}
#footer .footer-links p {
	text-align:left;
	max-width:100%;
	width:auto;
	font-weight:700;
	font-size:16px;
}
#footer .footer-links a,
#footer .footer-links a:visited {
	text-decoration:none;
	color:#000;
}
#footer .footer-links ul li {
	display:inline-block;
	padding-right:10px;
	margin-right:10px;
	border-right:1px solid #e51937;
	text-transform:uppercase;
	font-family:'Open Sans';
	font-size:14px;
}

/*==============================================
				INTERNAL PAGE 
==============================================*/

#internal #header {
	height:50px;
}
#internal #slider {
	font-size:0;
}
#internal #subnav {
	margin-top:0;
	padding-top:0;
}
.website-heading,	
#internal .website-heading {	
	background:url(/wp-content/themes/westside/images/light-gray.jpg) center repeat-x #fff;
	margin:0 auto;
	padding:15px 0;
	text-align:center;
	border-bottom:1px solid #ccc;
	display:block;
}
.website-heading h2,
#internal .website-heading h2 {
	font-family: 'Lato';
	font-weight:300;
	color: #666;
	color: #bd2d3e;
	text-transform: uppercase;
	font-size: 34px;
	line-height:40px;
	padding:35px 50px;
	background:#fff;
	display:inline-block;
}
.website-heading a,
#internal .website-heading h2 a {
	color:inherit;
	text-decoration:none;
}
.website-heading h2 span,
#internal .website-heading h2 span {
	color:#bbb;
	color:#666;
}
#internal .hero {
	width:100%;
	height:300px;
	background:url(/wp-content/themes/westside/images/hero-default.jpg) #fff center no-repeat;
	position:relative;
}
.internal-heading {
	background:url(/wp-content/themes/westside/images/light-gray.jpg) center repeat-x #fff;
	text-align:center;
	border-bottom:1px solid #ccc;
}
.page-content .internal-heading h2 {
	font-family: 'Open Sans';
	font-weight:300;
	text-transform: uppercase;
	font-size: 28px;
	line-height:36px;
	color: #666;
	padding:60px 50px;
	text-align:center;
	background:#fff;
	display:inline-block;
	margin:0 auto;
}
.internal-heading span {
	color:#bbb;
}
.hero-shadow {
	height:5px;
	width:100%;
	background:rgba(0,0,0,.05);
}
.page-content {
	padding-bottom:25px;
}
.page-content p,
.page-content ul {
	font-family:"Open Sans";
	font-size:16px;
	line-height:28px;
	color:#494949;
	margin-bottom:25px;
}
.page-content strong {
	font-weight:bold;
}
.page-content em {
	font-style:italic;
}
.page-content h2 {
	font-family: "Open Sans";
    font-size: 22px;
    font-weight: 700;
    color: #494949;
    margin-bottom: 25px;
    margin-top: 50px;
}
.page-content h3 {
	font-family: "Open Sans";
    font-size: 19px;
    font-weight: 700;
    color: #be0c27;
    margin-bottom: 20px;
    margin-top: 40px;
}
.page-content .internal-heading + h2,
.page-content .internal-heading + h3 {
	margin-top:0;
}
.page-content li {
	margin-bottom:18px;
	list-style:inside disc;
	padding:15px 25px;
	background:#f3f3f3;
	border-radius:5px;
}
.page-content b {
	font-weight:bold;
}
.page-content .internal-heading {
	border-bottom:none;
}
.page-content .alignleft,
.page-content .alignright {
	float:left;
	margin:6px 35px 25px 0;
	padding:5px;
	border:1px solid #ddd;
}
.page-content .alignright {
	float:right;
	margin:6px 0 25px 35px;
}
.page-content .button {
	display: inline-block;
    padding: 10px 22px;
    background: #494949;
    color: #fff;
    border-radius: 5px;
    margin-right: 25px;
	text-decoration:none;
}

/*==============================================
				SCHOOL PAGE 
==============================================*/

#school #header {
	height:50px;
}
#school #slider {
	font-size:0;
}
#school #subnav {
	margin-top:0;
	padding-top:0;
}
.school-title-wrapper {
	width:643px;
	display:inline-block;
	vertical-align:top;
}
.school-title-wrapper .top-bar,
.school-title-wrapper .bottom-bar {
	height:14px;
	background:#fff;
}
.school-title-wrapper .school-title {
	height:61px;
	background:#e6e7e8;
	font-size:24px;
	font-family:'Open Sans';
	font-weight:300;
	line-height:61px;
	text-transform:uppercase;
	padding-left:50px;
	color:#808080;
}
.school-title-wrapper .school-title p {
	display:inline-block
	;height:61px;
	line-height:61px;
	vertical-align:top;
	padding-right:30px;
}
.calendar-links {
	width:377px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
    padding: 10px 0 5px 25px;
    background: #e3e3e3;
    border-radius: 10px 0 0 0;
	position:absolute;
	bottom:0;
    right: 0;
}
@media screen and (max-width:1020px) {
	.school-title-wrapper .school-title {
		height:auto;
		font-size:18px;
		padding:0 10px;
		text-align:center;
		line-height:28px;
	}
	.school-title-wrapper .school-title p {
		display:block;
		padding:20px 0 0;
		text-align:center;
		height:auto;
		line-height:normal;
	}
	.school-title-wrapper {
		width:auto;
		height:auto;
		display:block;
		background:none;
	}
	.calendar-links {
		display:block;
		width:auto;
	}
	.calendar-links img + img {
		display:none;
	}
}

/*==============================================
				SCHOOL PAGE 
==============================================*/

.page-content .schools {
	text-align:center;
}
.school-wrapper {
	background: #be0c27;
	display: inline-block;
	vertical-align:top;
	margin-bottom: 5px;
	width:330px;
	max-width:100%;
}
.school-wrapper img {
	max-width:100%;
}
.page-content .school-wrapper h2 {
	font-family: 'Open Sans', Arial;
	text-align:center;
	padding:15px 10px;
	color:#fff;
	margin:0;
	font-weight:normal;
	font-size:16px;
}
.school-wrapper a {
	text-decoration:none;
}

/*==============================================
				NEWS AND EVENTS
==============================================*/

#internal .news-wrapper {
	padding:60px 0;
}
#internal .news-wrapper.gray-background {
	background:#f8f8f8;
	border-bottom:1px solid #ddd;
	border-top:1px solid #e6e6e6;
}
#internal .news-wrapper h2 {
	font-size: 24px;	
	font-family: 'Open Sans', Arial;
	color:#494949;
	margin-bottom:25px;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 25px;
	text-transform:uppercase;
	font-weight:400;
	margin-top:0;
}
#internal .news-wrapper .read-more {
	padding:10px 15px;
	background:#4F6DA0;
	font-family: 'Open Sans', Arial;
	text-decoration:none;
	color:#fff;
	font-size:16px;
	display:inline-block;
}
#internal .news-wrapper .image-wrapper {
	width:20%;
	display:inline-block;
	vertical-align: top;
	margin-right:5%;
	padding:7px;
	background:#fff;
	border:1px solid #ddd;
}
#internal .news-wrapper .image-wrapper img {
	width:100%;
	height:auto;
	display:block;
}
#internal .news-wrapper .article-wrapper-image {
	width: 70%;
	display: inline-block;
	vertical-align: top;
}
#internal .news-wrapper .article-wrapper {
	width:100%;
	display:block;
}

/*==============================================
				STAFF DIRECTORY
==============================================*/

.search-form {
	margin:0 0 45px 0;
}
.search-form p {
	text-align:center;
}
.search-form input[type="text"],
.search-form input[type="text"]:focus {
	padding:0 9px;
	font-size:14px;
	font-family:'Open Sans';
	height:45px;
	line-height:45px;
	width:330px;
	max-width:80%;
	border:1px solid #ddd;
	outline:none;
}
.search-form input[type="submit"] {
	border:none;
	outline:none;
	display:inline-block;
	padding:15px 30px;
	border-radius:5px;
	background:#4b91c7;
	color:#fff;
	margin:10px auto 0;
	font-size:14px;
	cursor:pointer;
}
.staff-member {
	width:200px;
	min-height:345px;
	height:auto;
	padding:15px;
	display:inline-block;
	vertical-align:top;
	background:#fff;
	border:1px solid #ddd;
	margin:10px;
	text-align:center;
}
.staff-member .image-wrapper {
	height:225px;
	width:200px;
	background:url(/wp-content/themes/westside/images/staff-default.jpg);
	display:inline-block;
	margin-bottom:20px;
	background-size:cover;
}
.staff-member h2 {
	font-family:'Open Sans';
	font-size:16px;
	font-weight:bold;
	color:#be0c27;
	line-height:20px;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px dashed #ddd;
	text-transform:uppercase;
	margin-top:0;
}
.staff-member p {
	line-height:22px;
}
.staff-member .school {
	font-size:14px;
	font-weight:bold;
	margin-bottom:0;
}
.staff-member .grade-subject {
	font-size:12px;
	margin-bottom:0;
}
.internal-content .staff-member p {
	margin:12px 0;
	padding:0;
}
.internal-content .staff-member p + p {
	margin:8px 0;
}
.fancy-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline:none;
	background:url(/wp-content/themes/westside/images/select.jpg) right center no-repeat #f1f1f1;
	height:45px;
	border:1px solid #d3d3d3;
	padding:0 65px 0 15px;
	font-size:14px;
	font-family:'Open Sans';
	color:#494949;
	cursor:pointer;
	border-radius:3px;
	width:350px;
	max-width:90%;
}