/*Below 700px but above 550px,
	*/
	
	#cellStraplineRight_template{
		width: 7.5em;
	}
	/* Remove min and max width*/
	#outerDivNormal{
		min-width: inherit;
		max-width: inherit;
	}
	
	
	
	
	/*Single-width header*/
	#headerRow{
		display: inherit;
		width: 100%;
	}
	
	#cellLogo{
		display: inherit;
		float: left;
	}

	
	
	#wrapperInsideCell_pageTitle{
		line-height: 2em;
		display: block;
		padding-left: 5px;
		width: 100%;
	}
	#headerTable, #headerRow{
		display: inherit;
	}
	#headerRow{
		/*margin-right: 5px;*/
	}
	#cellStraplineRight{
		display: none;
	}
	
	#wrapperInsideCell_straplineLeft{
		display: none; /*Not used for full-width*/
	}
	
	#wrapperInsideCell_straplineRight{
		font-size: 0.85em;
		position: inherit !important;

	}
	/*
	#wrapperInsideCell_logo{
		padding-top: 3px;
		font-size: 0.8em;
		width: 7em;
	}*/
	#wrapperInsideCell_logo{
			position: inherit;
			top: inherit;
			padding-top: 3px;
			font-size: 0.8em;
		}

	#linkTableWrapper{
		font-size: 0.85em;
	}
	.masthead1,.masthead2,.strapline1{
		display: inline;
	}
	.strapline2{
		display: inline-block;
	}

	#cellLogo{
		display: inherit;
		width: 7.5em;
		float: left;
	}

	#cellStraplineLeft, #mastheadBannerDivRight {
		display: inherit; /*inline or inline-block makes no difference*/
		margin-left: 11em;
		width: 7.8em;
		/*margin-top: 2em;*/
		position: inherit;/* no difference inherit or relative*/
		
		/*
		position: absolute;
		top: 0;
		/* brings up the title and does not fix strapline1*/
	}
	#mastheadBannerDivRight {
		margin-left: inherit;
		margin-top:0;
		padding-top:0;
		top: 1.8em;
	}
	#cellPageTitle{
		display: block;
	}

		/*
		#wrapperInsideCell_logo{
			background-color: orange;
		}
		#cellStraplineLeft {
			background-color: lime;
		}

		*/
@media (max-width: 550px) {
	/*
	Below 550px wide, logo and strapline become one width, then calendar, weather, news as separate widths
	Links in single column
	*/
	/*
	One row for links
	*/
	#linkTableWrapper{
		width: 100%;
		font-size: inherit;
	}
	#col1, #col2, #col3{
		display: inherit;
		width: 100%;
		margin-right: 5px;
	}
	#outerThreeFeeds,#innerThreeFeeds{
		display:inherit;
		/*inner with Table helped but why???*/
	}
	
}
@media (max-width: 450px) {	

	#cellLogo{
		display: block;
		width: 100%;
		border-bottom: 2px solid #238a89;
		padding-bottom: 0.3em;
	}

	#cellCalendar{
		display: inherit;
		margin-left: 5px;
		margin-right: 5px;
		padding-left: inherit;
		/*width: 100%;*/
		/*background-color: lime;*/
		/*
		This could place it in the right place, but subsequent does not flow around it */
		/*position: absolute;
		top: 4em;*/
	}
	.feedTitle{
		/*display: block;*/
	}
	
	
	#eventsLink{
		display: inherit;
	}
	#cellStraplineRight{
		position: absolute;
		top: 0px;
	}
	#wrapperInsideCell_logo{
		position: inherit;
		top: inherit;
		float: left;
	}
	#mastheadBannerDivRight {
		margin-left: inherit;
		position: absolute;
		top: -0.3em;
		right: 5px;
		margin-top:0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		vertical-align: top;
		line-height: 0.6em;
		text-align: right;
		float: right;
	}

}