
@media screen and (max-width: 1850px) and (min-width: 1150px){ /*large size -- 1850px > X > 1150px*/
	#navWrapper{
		left: 0px;
	}

}

@media screen and (max-width: 1400px) and (min-width: 1150px){ /*medium size -- 1150px > X > 1400px*/
	#navBar{
		padding-top: 15px;
		padding-left: 20px;

	} 
	#navBar ul.navElements {
		width: 660px;
		margin-right:auto;
		margin-left:auto;
		position:relative;
	}
	#navBar ul.navElements li{
		margin-right:0px;
		font-family: 'Open Sans', sans-serif;
		font-size:12px;
		text-transform:uppercase;	
	}
	
	#CAlogo{
		width: 200px;
		float: left;
		margin-top: 6px;
		margin-left: 20px;
	}
	
	#navWrapper{
		left: 0px;
	}

}



@media (max-width:1150px) and (min-width:775px) {
	.wrapper{
	}

	body {
    }
	
	/*Nav bar stuff*/
	#navBar{
		padding:0px;
		position:inherit;
	}
	#innerNav_wrapper{width:600px; padding-top: 10px; }
	#program{ margin-bottom: 20px;}
	#programAreas{top:220px;}
	#innerNav{height: 330px;}
	#aniversary125logo-programs{top: 315px;}
	#aniversary125logo-monthataglance{top: 315px;}
	#aniversary125logo-more{display:none;}
	#navBar ul.navElements {
		width: 660px;
		margin-right:auto;
		margin-left:auto;
		position:relative;
	}
	
	#navBar ul.navElements li{
		margin-right:0px;
		font-size:12px;	
	}
	
	#navWrapper{
		width:auto;
		left:auto;
		position:relative;
	}
	
	#CAlogo{
		width: 260px;
		float: none;
		margin-top: 8px;
		margin-left: 0px;
	}
	#CAlogo-inside{
		width: 260px;
		float: none;
		margin-top: 8px;
		margin-left: 20px;
	}
	#socialMedia{
		position:relative;
		right:inherit;
	}
	
	#social_div{
		height: auto;
		position: absolute;
		top: 16px;
		width: 270px;
		right: 0px;
	} 
	#slider{padding-top:0px;}
	#slider.flexslider{ margin-top: 0px;}
	/*-- END OF NAV STUFF -- */
	
	#wrapper_div2{
		width:90%;
		padding: 0 20px;
	}
	 #wrapper_div{
		width:90%;
		padding: 0 20px;
	}
	 
	#aboutUL{height:auto;}
	#aboutViewport{width:auto;}
	#program-titles{display:none;}
	#aboutUL{width:auto;}
	.aboutUL{width:auto;  margin-bottom: 50px;}
	.photoDiv{
		margin:auto;
		float:none;
		display: block;
		width: 351px;
	}
	.progAreaDesc{
		margin-top: 20px;
		width: 80%;
		margin-right: auto;
		margin-left: auto;
		border-top: 1px dashed #fff;
		padding-top: 12px;
		border-bottom: 1px dashed #fff;
		padding-bottom: 8px;
	}
	#aboutUL h3{text-align:center;}
	#blog ul li {margin-bottom: 35px;}
	.newsEventsHeader{display:none;}
	.speakRight.triangle-border:after{
		left: 527px;
		top:73px;
	}
	.speakRight.triangle-border:before{
		left:537px;
	}
	.speakRightTop.triangle-border:after{
		left: 562px;
		top: -58px;
	}
	.speakRightTop.triangle-border:before{
		left: 554px;
	} 
	.triangle-border.top:after{
		left:40%;
		top: -58px;
	}
	.triangle-border.top:before{
		left:40%;
	}
	.speakLeft.triangle-border:after{
		top: 73px;
	}
	
	.facility{height:auto;}
	
}

@media (max-width:975px) and (min-width:865px) {
	.galleria{ width: 700px; height: 350px; left:25px; position:relative;}
}
@media (max-width:864px) and (min-width:775px) {
	.galleria{ width: 600px; height: 300px; left:25px; position:relative;}
}
	



@media (max-width:775px) and (min-width:600px) {
	.wrapper{
	}

	body {
    }
	
	/*Nav bar stuff*/
	#navBar{
		padding:0px;
		position:inherit;
		
	}
	#navBar ul.navElements {
		display:none;
	} 
	
	#navBar ul.navElements li{
		margin-right:0px;
		font-size:12px;	
	}
	
	#navWrapper{
		display:none;
	}
	
	#innerNav_wrapper{width:550px; padding-top: 20px;} 
	#program{ margin-bottom: 10px; padding-top: 0px;}
	#programAreas{top:140px;}
	
	#innerNav{height: 330px;}
	#aniversary125logo-programs{display:none;}
	#aniversary125logo-monthataglance{display:none;}
	#aniversary125logo-more{display:none;}
	
	#CAlogo{
		width: 260px;
		float: none;
		margin-top: 8px;
		margin-left: 0px;
	}
	#CAlogo-inside{
		width: 260px;
		float: none;
		margin-top: 8px;
		margin-left: 20px;
	}
	#socialMedia{
		position:relative;
		right:inherit;
	}
	
	#social_div{
		height: auto;
		position: absolute;
		top: 16px;
		width: 270px;
		right: 0px;
	} 
	#slider{padding-top:0px;}
	#slider.flexslider{ margin-top: 0px;}
	/*-- END OF NAV STUFF -- */
	
	#aniversary125logo{width:150px;}
	
	#wrapper_div2{
		width:90%;
		padding: 0 20px;
	}
	#wrapper_div{
		width:90%;
		padding: 0 20px;
	}
	 
	#aboutUL{height:auto;}
	#aboutViewport{width:auto;}
	#program-titles{display:none;}
	#aboutUL{width:auto;}
	.aboutUL{width:auto;  margin-bottom: 50px;}
	.photoDiv{
		margin:auto;
		float:none;
		display: block;
		width: 351px;
	}
	.progAreaDesc{
		margin-top: 20px;
		width: 80%;
		margin-right: auto;
		margin-left: auto;
		border-top: 1px dashed #fff;
		padding-top: 12px;
		border-bottom: 1px dashed #fff;
		padding-bottom: 8px;
	}
	#aboutUL h3{text-align:center;}
	#blog ul li {margin-bottom: 35px;}
	.newsEventsHeader{display:none;}
	.profile{width:230px;}
	.profile2{width:230px;}
	
	.speakRight.triangle-border:after{
		left: 81%;
		top: 73px;
	}
	.speakRight.triangle-border:before{ 
		left: 80%;
	}
	.speakRightTop.triangle-border:after{
		left: 80%;
		top: -58px;
	}
	.speakRightTop.triangle-border:before{
		left: 80%;
	} 
	.speakLeft.triangle-border:after{
		top: 73px;
	}
	.triangle-border.top:after{
		left:40%;
		top: -58px;
	}
	.triangle-border.top:before{
		left:40%;
	}
	
	.galleria{ width: 400px; height: 200px; left:25px; position:relative;}
	.facility{height:auto;}
	
}  /*media 775px-310px*/

@media (max-width:600px) and (min-width:500px) {
	.galleria{ width: 400px; height: 200px; left:25px; position:relative;}
}

@media (max-width:500px) and (min-width:310px) {
	.galleria{ width: 250px; height: 200px; left:0px;}
}

@media (max-width:600px) and (min-width:310px) {
	/*Nav bar stuff*/
	#navBar{
		padding:0px;
		position:inherit;	
	}
	#navBar ul.navElements {
		display:none;
	} 
	#rightBubble{width:auto;}
	#navWrapper{
		display:none;
	}
	#innerNav_wrapper{width:300px; padding-top: 20px;}
	#innerNav{height: 415px;}
	#aniversary125logo-programs{display:none;}
	#aniversary125logo-monthataglance{display:none;}
	#aniversary125logo-more{display:none;}
	#programAreas{top:auto; position:relative; left:auto;}
	#program{
		font-size: 30px;
		width: auto;
		text-align: center;
		padding-top: 0px;
		
	}
	
	#goHome{ margin-bottom: 22px;}
	.expandable_menu ul { width:90%;}
	#CAlogo{
		width: 260px;
		float: none;
		margin-top: 8px;
		margin-left: 0px;
	}
	#CAlogo-inside{
		width: 260px;
		float: none;
		margin-top: 8px;
		margin-left: 20px;
	}

	#social_div{
		display:none;
	} 
	/*-- END OF NAV STUFF -- */
	
	#slider{padding-top:0px; }
	#slider.flexslider{ margin-top: 0px;}
	#slider-wrapper > #slider > .flexslider{ margin-top: 0px; min-height:105px;}
	
	#aniversary125logo{width:100px; margin-top:30px;}
	#slider-wrapper > #slider > .flexslider > .flex-control-nav{
		bottom: -35px;
	}
	#slider-wrapper > #slider > .flexslider > .flex-control-paging li a{
		width:20px;
		height:20px;
	}
	#wrapper_div2{
		width:90%;
		padding: 0 20px;
	}
	#wrapper_div{
		width:90%;
		padding: 0 20px;
	}
	 
	#aboutUL{height:auto;}
	#aboutViewport{width:auto;}
	#program-titles{display:none;}
	#aboutUL{width:auto;}
	.aboutUL{width:auto;  margin-bottom: 50px;}
	.photoDiv{
		margin:auto;
		float:none;
		display: block;
		width: auto;
	}
	.photoDiv > img{
		width: 100%;
	}
	.progAreaDesc{
		margin-top: 20px;
		width: auto;
		margin-right: auto;
		margin-left: auto;
		border-top: 1px dashed #fff;
		padding-top: 12px;
		border-bottom: 1px dashed #fff;
		padding-bottom: 8px;
	}
	.programAreasMore{left:auto;}
	#aboutUL h3{text-align:center;}
	#blog ul li {margin-bottom: 35px;}
	.newsEventsHeader{display:none;}
	.profile{width:230px;}
	.profile2{width:230px;}
	
	.speakRight.triangle-border:after{
		left: 41%;
		top: 73px;
	}
	.speakRight.triangle-border:before{ 
		left: 40%;
	}
	.speakRightTop.triangle-border:after{
		left: 35%;
		top: -58px;
	}
	.speakRightTop.triangle-border:before{
		left: 37%;
	} 
	.speakLeft.triangle-border:after{
		top: 73px;
	}
	.triangle-border.top:after{
		left:40%;
		top: -58px;
	}
	.triangle-border.top:before{
		left:40%;
	}
	
	
	h2{font-size: 27px;}
	.profile{position:relative;}
	#whyItMatters {	margin-top: 60px;}
	#wrapper_div2{margin-bottom:20px;}
	#wrapper_div{margin-bottom:20px;}
	#bottomPadding{display:none;}
	#learnMoreBook{position:relative;}
	#footerLogo{ margin-left:15px; width: 200px;}
	#events {margin-top: 20px;}
	.catalina{ 
		position: relative;
		margin-right: auto;
		margin-left: auto;
		display: block;
		right:auto;
	}
	#events ul li{
		width:auto;
		margin-bottom:20px;
	}
	#events ul li img{
		margin-right: auto;
		margin-left: auto;
		display: block;
	}
	
	#events ul li a{
		margin-right: auto;
		margin-left: auto;
		display: block;
		text-align:center;
		width: 185px;
	}
	
	#bottomStuff li{ width:auto;	}
	#joinMailinglistFooter{left:20px;}
	.facility{height:auto;}
	#staff .staff img{float:none;}
	#staff h3{margin-top:none;}
	.overview{height:auto;}
	.staff .readMore{display:none;}
	.moreProfile{display:block;}
	#boysandgirlscamp{    font-size: 10px;}
}
