/*nav-primary.is-open*/
@-webkit-viewport{width:device-width;}
@-moz-viewport{width:device-width;}
@-ms-viewport{width:device-width;}
@-o-viewport{width:device-width;}
@viewport{width:device-width;}

/* For desktop screens */
@media only screen and ( min-width: 1230px ) {
	/*.promo { height:219px !important; }*/
}

@media only screen and ( max-width: 1230px ) {
	/*.logo img { width:147px; }*/
	
	.container { width:100%; padding:0 1% !important; margin:0; }		
	
	.col-md-12, .col-md-8, .col-md-6, .col-md-4, .col-md-2 { margin:0 0.5% 6px; }
	.col-md-12 { width: 99%; }
	.col-md-8 { width: 65.6666666666%; }
	.col-md-6 { width: 49%; }
	.col-md-4 { width: 32.3333333333%; }
	.col-md-2 { width: 15.6666666666%; }
	
	.headContain { width:99% !important; margin:0 auto; }
	
	#nav-primary { width:99.1%; margin:0 0.45%; }
	
	.featuredImg { margin:-7px 0 10px; }
	
	.promo { height: auto; max-height:219px; }
	
	.promoRollOver img { width:100%; }
	
	.promoSearch h2 { padding:0px 0 5px; }
	
	.caption p { line-height:1.42857143; }
	
	.rapInfo { margin-bottom:10px; }
	/*.rapInfo h1, .rapInfo h2 { font-size:18px; }*/
	.rapText p { margin:0; }
	
	.rapper { height:189px; }
	.rapCategory a { }
	.rapTitle { }
		.rapTitle a { }
}

@media only screen and ( min-width: 991px ) and ( max-width: 1230px ) {		
	
	.footContain .col-md-2 {  }
	.footContain .col-md-4 {  margin:0; }	
	
	a.logo img { width:100%; }
	
	.col-md-4.moreRap { }
		.moreRap .rapper { }
	
	#nav-primary.is-open { max-height:275px !important; }
	
	#doubleBox p { }	
	
	.breadcrumb { width:99%; margin:0 0.5%; }
	
	.texting { width:50%; height:200px; padding:15px; }
		
		.tagline { bottom:8px; }
	
	.promo { }
		.promo .bjqs p {  }						
	
	.recentRap { margin:0 0.5%; }
		.recentRap .rapper { margin:0 3px 15px; }		
	
}

@media only screen and ( max-width: 991px ) {  /* This fixes an issue caused by bootstrap at this specific size */
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { margin:0 0.5% 6px; float:left; }
}

@media only screen and ( max-width: 990px ) {
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { margin:0 0.5% 6px; float:left; }
	
	body, .mainContent .CS_Element_Schedule { font-size:11px; }
	
	.topLinks, .smallLinks, .searchMSPP { font-size:14px !important; }
	.footContain, .veryFooter { font-size:14px !important; }
	
	/*.col-md-12 { width: 760px; }
	.col-md-8 { width: 504px; }
	.col-md-6 { width: 376px; }
	.col-md-4 { width: 248px; }
	.col-md-2 { width: 120px; }	*/	
	
	.btn-blue, .btn-yellow { font-size:16px; }
	
	#doubleBox p { }	
	
		/*.promo .bjqs p { width:80%; padding-right:6px; margin:10px 0; }
		 MIght not need this
		.socialIcon, .promoDate { margin:10px 7px 0; width: 34px !important; height: 34px !important; line-height:1.1em; }
			.promoMonth { font-size:14px; }
			.promoDay { font-size:16px; }
		*/
		/*.socialIcon, .promoDate { margin:14px 5.7% 0; width:17.1% !important; } 
		.promo .bjqs p { width:71.5%; margin:14px 0; }*/
		
		.promoContact { line-height:18px; }
			.promoContact h2 { margin:0 0 6px 0; }
			
		
		.promoFader .description { padding:10px 10px 0; }

	
		.slidy h2 { padding:7px; }
		
	.topLinks { }
		.topLinks li { margin-bottom:4px; }
		
	.searchMSPP { }
	
	#fullBigCarousel .btn { width:15%; }
		#fullBigCarousel .btn-yellow { left:16.5%; }
		
	.rapportNav li { width:25%; }
	
	.bjqs-wrapper { width:auto !important; height:auto !important; }
	
}

@media only screen and ( min-width: 768px ) and ( max-width: 990px ) {
	
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { margin:0 0.5% 6px; float:left; }
	.rapper.col-md-2 { width:16.66666%; }
	.footContain .col-md-2 { width: 24%; margin:0 0 0 1%; }
	.footContain .col-md-4 { width: 32.333333333%; margin:0 0 0 1%; }
	
	#sideNav li a { font-size:16px; }
	
	.footContain .logo img { width:240px; }
	
	.footContain ul.lister { float:none; width:95%; height:114px; padding:10px 0 0 5% !important; margin:0; }
	
	.socialContainer { height:114px; }
	
	.footContain, .veryFooter { margin:0 4px; }

	.col-md-4.moreRap { margin:0; }
		.moreRap .rapper {  }
			
		.recentRap .rapper { }		
	
	.smallLinks { margin-bottom:13px; }
	
	.slidy h2 { padding:7px; }
	.promoLink a { font-weight:600; }
	
	#nav-primary.is-open { max-height:295px !important; }
	
	.promoSearchLink, .slidy { height:45px; }
	
	/*.promo .bjqs p { width:71.5%; margin:10px 0; }*/
	
	
	/*.container { width:768px; }*/
	
	.breadcrumb { width:99%; margin:0 0.5%; }
	
	/*.promo { height:139px; } */
	
	.promoSearch h2, .linkList h2 { }
	
	.texting { width:50%; height:140px; padding:7px; }
		.texting h2 { margin-bottom:4px; }
		.texting p { margin-bottom:4px; }
		.texting a { }
		
		#fullBigCarousel .texting h2 { }
		#fullBigCarousel .texting a { }
		
		.tagline { bottom:12px; right:30%; line-height:16px; }
	
	.promo { }					
	
}

/* the assumption was made that the smallest screen to view the site had a width of 480px, but there are devices that are smaller and have a width of 320px */
/*@media only screen and ( min-width: 480px ) and  ( max-width: 767px ) {*/
@media only screen and ( min-width: 320px ) and  ( max-width: 767px ) {

	.col-md-12 { width: 99%; }
	.col-md-8 { width: 99%; }
	.col-md-6 { width: 49%; }
	.col-md-4 { width: 49%; }
	.col-md-2 { width: 33.33333333%; }			
	
	.col-md-4.moreRap { width:100% !important; margin:0; max-width:none; }
		
		.rapper { width:130px; } /* was 112 */
		
		.moreRap .rapper { width:32.33333334%; }
			
	.tabletWide { width:99% !important; margin-bottom:10px; }
	.tabletWide .promo { width:49.5%; float:left; }
		.tabletWide .promo:first-child { margin-right:0.5%; }
		
	.tabletWide .linkList h2 { }
	.tabletWide .linkList, .linkList li a { }		
		
	#sideNav { margin-top:10px; }		
	
	.btn-blue, .btn-yellow { font-size:14px; }
	
	.btn { width:140px; margin:6px 6px 0 0; }
		.mainButtons { float:left; width:100%; }
 		.sideNavButton { display:block; float:right; margin-top:6px; }
 		/* Hide the ShareThis button when switching to responsive, the other is shown in sideNavButton */
 		.stNavButton { display: none; }
	
	.texting { width:50%; height:200px; padding:15px; }
		.texting h2 { }
		.texting p { }
		.texting a { }
		
	.tagline { bottom:12px; right:30%; line-height:14px; }
	
	.promoContact h3 { }
	
	.promo {  }			
	
		.promoContact { padding:0; }	
		
		.promoFader .description p {  }	
		
		.promoFader { margin-bottom:0; }	
		
	.promoSearch, .linkList { margin-bottom:6px !important; }
		
	.btn-lg {  }
	
	.slidy h2 { }
	
	#fullBigCarousel .texting { width:50%; padding:8px; }
		#fullBigCarousel .texting h2 {  }
		#fullBigCarousel .texting p {  }
		#fullBigCarousel .texting a {   }
		
		#fullBigCarousel .btn { width:24%; }
			#fullBigCarousel .btn-yellow { left:26%; }
			
	.descriptor { padding-right:70px; }
		.descriptor p {  }				
	
	#nav-footer .col-md-2 { margin-bottom:20px; }
	
	ul.rapportNav li a { }

}

/* the assumption was made that the smallest screen to view the site had a width of 480px, but there are devices that are smaller and have a width of 320px */
/*@media only screen and ( min-width: 480px ) and  ( max-width: 633px ) {*/
@media only screen and ( min-width: 320px ) and  ( max-width: 633px ) {
	.promo .bjqs p { margin:12px 0  }
}

/* For desktop screens */
@media only screen and ( min-width: 768px ) { 
	.navbar-collapse.collapse { display:none !important; }
	#nav-primary { height:36px; }
}

@media only screen and ( max-width: 767px ) { 

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { margin:0 0.5% 6px; float:left; }		

	body, .mainContent .CS_Element_Schedule { font-size:10px; }

	.footContain, .veryFooter { margin:0 0.5%; }

	.footContain ul.lister, .socialContainer { border-left:0; padding-left:0 !important; }
	.follow { margin-left:0; }
	.Social li a { margin-left:0; }
	
	.footContain .logo { padding:0; clear:both; }
	.footContain p { padding:0px; clear:both; }
	
	#nav-primary li a:hover { color:#00426A; }
	
	#headerWrap { background:#FFFCE1; }
		.logo { margin-bottom:15px; }
		
	#nav-primary ul { background:none; }
	
	.navbar { display:block !important; }	
		.navbar-collapse { width:99% !important; margin:0 auto; padding:0 1% !important; }	
		.topLinks.desktop { display:none; }
		
		.topLinks.mobile ul { padding:0; border-top:1px solid #007FA3; border-right:1px solid #007FA3; float:none; }
		.topLinks.mobile li { padding:6px 0 6px 15px; border-right:1px solid #007FA3; border-left:1px solid #007FA3; border-bottom:1px solid #007FA3; margin-bottom:0; font-family: 'Source Sans Pro', sans-serif; font-weight:800; }
			.topLinks.mobile li a { color:#007FA3; font-size:16px; }
			.topLinks.mobile li a:hover {	color:#00426A; text-decoration:underline }
	

	#nav-primary.is-open { max-height:325px !important; }
	
	#nav-primary { height:0px; }
		#nav-primary ul ul { height:auto; }
		#nav-primary ul li { width:100%; float:none; background:#6CACE4; }
		#nav-primary ul li a { padding:0 10px; }
		#nav-primary .col-md-2 { width:100%; float:none; display:block; clear:both; line-height:30px; border-bottom:1px solid #00426A; }
			#nav-primary .col-md-2:first-child { border-top:1px solid #00426A; }
		
		#nav-primary ul ul { padding:0; margin:0; border-left:0; }
		#nav-primary ul li li { background:#FFFCE1; margin-bottom:1px; padding:0; line-height:30px; font-family: 'Source Sans Pro', sans-serif; font-weight:600; }
		#nav-primary ul ul li a { color:#007FA3; padding:0px 10px; }
			#nav-primary ul ul li a:hover { color:#00426A; text-decoration:underline }
			#nav-primary ul li:last-child a { padding-right:9px; }
						
		/* Accordian Styling */						
		#nav-primary .accordianMenu ul { display: none; list-style: none; margin: 0; padding: 0; }
							
			
			#nav-primary .accordianMenu a.collapsed, #nav-primary .accordianMenu a.collasped { cursor:pointer; background:url(/images/icon-mobile-nav-closed.png) no-repeat center right; }
			#nav-primary .accordianMenu a.expanded { cursor:pointer; background:url(/images/icon-mobile-nav-open.png) no-repeat center right; padding-right:15px; }
					
							
	
	.searchMSPP.desktop { display:none !important; }		
	
	.container { }
	
	.breadcrumb { width:99%; line-height:20px; }
	
	.mainContent { margin-bottom:10px; }
	
	/* not needed i don't think .promo { height:132px !important; } */
	
	.smallLinks { display:none; }		
	
	.linkList h2 {  }
	.linkList, .linkList li a { }
	
	.promoContact h3 {  }
	
	.promoSearch h2 {  }
	.promoSearch p {  }
	
	.navbar-blue {width:auto; position:relative; display:block; overflow:hidden; height:auto; z-index:9999; }
	  
	.topLinks { width:100%; }
		.topLinks li { width:100%; float:left; border: none; }
		.topLinks li a { color:#222; }				
		
	#sideNav { width:100%; }	
		#sideNav li a {  }
		
	.tabletWide .promoRollOver:hover .slidy h2 { display:none; }
	.tabletWide .slidyInfo p { padding: 30px 10px 0; }
	
	.rollText .alignContain { padding:0 10px; }	
		
	.featuredImg { margin:0 0 20px; }
	.rapportHead { margin-bottom:0; }
	.mainArticle .col-md-8 { width:100%; margin:0; }
	
	a.readFull { width:100%; display:block; margin-bottom:20px; }

}

@media only screen and ( min-width: 601px ) and  ( max-width: 767px ) { 
	body, .mainContent .CS_Element_Schedule  { font-size:11px; }
	.footContain .col-md-4.logoaddress { width:46%; float:left; margin:0 2%; }
	.footContain .col-md-4.footlinks { width:48%; float:left; margin:0 2% 0 0; }
	.footContain .col-md-4.socialContainer { width:46%; float:right; margin:0 4% 0 0; }
}
@media only screen and ( max-width: 600px ) {
	body, .mainContent .CS_Element_Schedule { font-size:13px; }
	
	.promoFader { margin-bottom:0; }
	
	.footContain .col-md-2, .footContain .col-md-4 { width: 98%; margin:0 0 0 2%; float:none;  } /* was width: 47%; margin:0 0 0 3%; height:113px; */
		#nav-footer { clear:left; }
	
	.col-md-4, .col-md-6 { width:99%; max-width:390px; }
		.col-md-4.tabletWide { max-width: none; }
			.col-md-4.tabletWide .promo { width:100%; max-width: 390px; }
			
	.promo.col-md-6 { max-width:390px; }
	
	#fullBigCarousel { height:445px !important; background:#00426A; }
	#fullBigCarousel ol.bjqs-markers { width:100%; left:0 !important; bottom:56px !important; z-index:9999999999; background:none; }
	#fullBigCarousel .texting { width:100%;  padding:15px; position:relative; background:transparent; }
		#fullBigCarousel .texting h2 { margin-bottom:4px; }
		#fullBigCarousel .texting p {  }
		#fullBigCarousel .texting a { }
		
	#fullBigCarousel ul.bjqs { overflow:visible; }
		#fullBigCarousel .btn { width:49%; }
			#fullBigCarousel .btn-yellow { left:inherit; right:0 !important; }	
			
	.recentRap .rapper { width:32.33333333334%; margin:0 0.5%; }
}

@media only screen and ( max-width: 710px ) {
	.rapportLogo img { width:100%; }
}

@media only screen and ( max-width: 690px ) {
	ul.rapportNav li { width:100%; text-align:left; padding:6px 0; border-bottom:1px solid #003359; }
		ul.rapportNav li:last-child { border-bottom:none; }
		ul.rapportNav li a { padding-left:12px;  font-weight:400; font-size:15px; }
	
}

@media only screen and ( max-width: 479px ) {
	
	/*body { font-size:11px; }*/
	
	.logo img { padding-bottom:10px; max-width:185px; } /*was 147 */
		.footContain .logo img { max-width:255px; }
	
	.col-md-12 { width: 99%; }
	.col-md-8 { width: 99%; }	
	.col-md-6 { width: 99%; }
	.col-md-4 { width: 99%; max-width:390px; }
	.col-md-2 { width: 49%; }
	
	.footContain .col-md-2 { width: 97%; margin:0 0 0 3%; }
	.footContain .col-md-4 { width: 97%; margin:0 0 10px 3%; height:auto; }
	
	.footContain .logo { margin-bottom:0; }
	.footContain p { margin-bottom:0; }
	
	.footContain ul.lister { float:none; width:100%; height:auto; margin:0; }
	.footContain ul.lister.anotherlist { margin-left:0; margin-top:-4px; padding-top:5px !important; padding-bottom:7px !important; }
	
	.col-md-4.moreRap { width:100% !important; margin:0; max-width:none; }
		.moreRap .rapper { width:49%; }
		
	.navbar-blue { margin-right:5px; }
	
	.navbar-collapse { width:320px; }
	
		.navbar-toggle { margin-right:8px; margin-top:15px; }
			.navbar-toggle { width:25px; height:32px; background:url(/images/icon-toplinks-small.png) no-repeat top left; }
			.navbar-toggle.search-toggle { width:32px; height:32px; background:url(/images/icon-search-small.png) no-repeat top left; }
			.navbar-toggle.menu-toggle { width:40px; height:32px; background:url(/images/icon-main-nav-small.png) no-repeat top left; }
	
	.breadcrumb { width:99%; margin:0 0.5%; }
	
	
	.slidy h2 { padding:7px; }
	.promoLink a { ont-weight:600; }
	
			/*.promoMonth { font-size:20px; }
			.promoDay { font-size:28px; }		
			
	.promo .bjqs p { font-size:14px; padding-right:5px; width:70%; }*/		
		
	#homeBigCarousel { height:432px !important; }	
		#homeBigCarousel ol.bjqs-markers { width:100%; left:0 !important; bottom:270px !important; }
		#homeBigCarousel .tagline { right:60%; bottom:280px; margin-left:0; line-height:16px; }
		
		.texting { position:relative; background:#BFD1EC; z-index:999999999; width:100%; }	
			.texting h2 { }
			.texting p { }
			.texting a { }	
		#homeBigCarousel ul.bjqs { overflow:visible; }
		#homeBigCarousel .btn { width:49%; }
			#homeBigCarousel .btn-yellow { right:0; }	
	
	#fullBigCarousel { min-height:415px !important; }
	
			
	#sidebarBigCarousel, #sidebarBigCarousel ul.bjqs, #sidebarBigCarousel ul.bjqs li { height:261.3012658227848px !important; }	
		#sidebarBigCarousel .descriptor { height:100px; position:absolute; bottom:0; left:0; padding-right:50px; background:#00426A; }	
			#sidebarBigCarousel .descriptor p {  }				
		li.bjqs-prev a { bottom:65px; margin:0 5px; right:28px; }
		li.bjqs-next a { bottom:65px; margin:0 5px; right:0; }
		
	.mainButtons { position:relative; width:100%; margin-bottom:10px; }
		.mainButtons .btn { margin-bottom:10px !important; }
		.mainButtons .btn-lg { margin:6px 0 0 0; width:49%; }
		.mainButtons .btn-yellow { position:absolute; right:0; }
		
	.sideNavButton { display:block; width:100%; height:45px; clear:both; margin:15px 0 0; }
			.sideNavButton img { float:right; }
	
	#nav-footer .col-md-2 { min-height:150px; margin-bottom:10px; }
	
	.veryFooter p.footLinks { margin:12px 0; }
	
	/* Rapport */	
	ul.rapportNav { margin-bottom:0; }
	.mainArticle .col-md-8 { height:auto; /*margin-bottom:97px;*/ }
		.featuredImg { height:auto; }
		.caption { height:100px; position:relative; background:#00426A; }
		
	
	.rapInfo { margin-top:10px; }		
	
	.recentRap .rapper { width:49%; margin:0 0.5%; }
	
	.blockquote { width:100%; }
	
	.moreRap h1 { margin-top:0; }
	.rapHead h1 { margin:10px 0; }
	
}