@import 'MPSShared_RWD_Styles.css';
/* ==========================================================================================  RESETS */
	@media screen and (min-width:715px){
		.dropdown a,#topNav p{font-size:14px;font-size:1.4rem;line-height:24px;line-height:2.4rem;}
		.utilityNavContainer a,.utilityNavContainer p,.utilityNavContainer span{font-size:13px;font-size:1.3rem;}		
		.utilityNavContainer a,.utilityNavContainer p,.utilityNavContainer span{line-height:13px;line-height:1.3rem;white-space:nowrap;}	
		.topNav li .dropdown a{font-size:14px;font-size:1.4rem;}
		.topNav a,.topNav li .dropdown strong,.topNav li .dropdown strong a{font-size:16px;font-size:1.6rem;}	
		.dropdown a,#topNav p{line-height:18px;line-height:1.8rem;}
		.topNav li .dropdown strong,.topNav li .dropdown strong a{line-height:21px;line-height:2.1rem;}			
		.topNav a{line-height:25px;line-height:2.5rem;}
	}
	@media screen and (min-width:860px){
		.topNav  a{font-size:17px;font-size:1.7rem;line-height:27px;line-height:2.7rem;}	
		.topNav  .dropdown a{line-height:20px;line-height:2rem;}	
	}
	@media screen and (min-width:1080px){
		.dropdown strong,
		.dropdown strong a{font-size:17px;font-size:1.7rem;line-height:25px;line-height:2.5rem;}
	}

	/* white */
	#breadCrumbContainer,.pageTools a:hover i,.pageTools a:focus i,.pageTools a:active i,.pageTools span:hover i,.pageTools span:focus i,.pageTools span:active i,.Social,.share.open i,.Social *{color:#fff}
	@media screen and (min-width:715px){.utilityNavContainer a,.utilityNavContainer span{color:#fff}}
	
	/* mps yellow */
	#breadCrumbContainer a,.pageTools i{color:#f3d13c;}
	
	@media screen and (min-width:715px){.utilityNavContainer a,.utilityNavContainer p,.utilityNavContainer span{text-shadow:1px 1px #333;}}
	@media screen and (min-width:715px){.utilityNavContainer span:hover,.utilityNavContainer span:focus,.utilityNavContainer span:active{text-decoration:underline;cursor:pointer}}
	
/* === backgrounds - box-shadows - borders - border-radius === */

	/* phone nav */
	#phoneNav .menuButton{background-image:url("images/mpspublic/hamburger.gif");}
	#phoneNav .menu-wrapper{background:#d2d2d2;}
	#phoneNav .scroller{border-top:1px solid #fff;background:#ededed;}
	#phoneNav .languages p,
	#phoneNav .staff p,
	#phoneNav span a{background-image:url("images/mpspublic/phonenavright.png");}
	#phoneNav li,#phoneNav  .languages,#phoneNav  .staff{border-bottom:1px dotted #333;}
	#phoneNav li.open span a,#phoneNav .languages .open p,#phoneNav .staff .open p{background-image:url("images/mpspublic/phonenavdown.png");}
	
	/* search */
	.searchBarContainer {background:#f4f4f4;border:1px solid #dadada;border-radius:15px}
	
	/* utility nav */
	@media screen and (min-width:715px){
		.utilityNavContainer{background:#0073C6;}
		.utilityNavContainer ul{background:transparent url("images/mpspublic/utility.png") no-repeat left top;}
		.utilityNavContainer .languages p,
		.utilityNavContainer .staff p{background:transparent url("images/mpspublic/languageArrow.png") no-repeat 2px 11px;}
		.utilityNavContainer .languages .open p,
		.utilityNavContainer .staff .open p{background:transparent url("images/mpspublic/languageArrowdown.png") no-repeat left 13px;}
		#pageTopArea .languages ul,
		#pageTopArea .staff ul{background:#0073C6;border-bottom-left-radius:.3em;box-shadow:0 4px 4px rgba(0,0,0,0.3);}
	}
	@media screen and (min-width:800px){
		.utilityNavContainer{background:transparent url("images/mpspublic/utility.png") no-repeat right top;}
		#pageTopArea .languages ul,
		#pageTopArea .staff ul{border-bottom-right-radius:.3em;}
	}
	
	/* breadcrumbs page tools */
	#toolContainerWrapper{background:#06c;}	
	.pageTools i{border-right:1px solid #80b9e3;}
	.pageTools li:first-child i{border-left:1px solid #80b9e3;}
	.pageTools .share .Social{background:#06c;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5em;box-shadow:0 4px 4px rgba(0,0,0,0.3);}
	.pageTools .share .Social i,.pageTools .share .Social li:first-child i{border:0;}
	.pageTools .share .Social i{background:#fff;border-radius:50px;}
	.pageTools .share .Social i:hover,.pageTools .share .Social i:focus,.pageTools .share .Social i:active{background:#80b9e3;}
	
	/* footer */
	#bottomContainerWrapper{background:#0073c6 url("images/mpspublic/footerborder.png") repeat-x center top;}
	#emailUs{background:#fff;}
	@media screen and (min-width:870px){
		#emailUs{border-left:1px solid #dadada;border-bottom:1px solid #dadada;background:#f4f4f4 url('images/mpspublic/signUpTop.gif') no-repeat right top;}
	}

	/* customization for department page photo block sliders with fancybox overlay */
	#centerZoneLC .schoolSlider.departmentPhoto ul li, #centerZoneC .schoolSlider.departmentPhoto ul li, #centerZoneC .schoolSlider.schoolPhotos ul li, #centerZoneCR .schoolSlider.departmentPhoto ul li {margin:0 10px 0 0;}
	div.PhotoBlock div.filmstrip img {margin: 0;}
	.schoolSlider.departmentPhoto ul li img {width: auto;}