body {
		/*font-size: 200%;*/
	}
	#headerRow{
		display: inherit;
		width: 100%;
	}
	.outerDiv{
		min-width: inherit;
		max-width: inherit;
	}
	#linkTableWrapper{
		width: 100%;
	}
	#col1, #col2, #col3{
		display: inherit;
		width: 100%;
		margin-right: 5px;
	}
	#headerLogo{
		display: inherit;
		float: left;
	}
	#headerOuter{
		display: block;
	}
	

	#outerThreeFeeds {
		display: inherit;
		position: inherit;
	}
	#innerThreeFeeds{
		width: inherit;
		display: inherit;
	}
	#rowThreeFeeds{
		display:inherit;
	}
	#cellCalendar{
		display:inherit;
		margin-left: 9em;
		padding-right: 5px;
		width: auto;
	}
	#cellWeather{
		display: inherit;
		padding-right:0;
	}
	#cellNews{
		display: inherit;
		margin-right:0;
	}
	#innerWeather, #innerNews{
		padding-left: 5px;
	}
	#innerWeather{
		padding-right: 5px;
	}
	#divAfterCalendar{
		clear: both;
	}
	#cellWeather, #cellNews{
		margin-top: 5px;
		padding-top: 5px;
		border-top: 2px solid #238a89;
	}
	#headerOuter{
			display: inherit;
		}
		#divAfterStraplineLeft{
			/*display: inline-block;*/
				/*inherit or inline-block or inline or blockmakes no difference*/
			clear: both;
		}
		#wrapperInsideCell_pageTitle{
			line-height: 2.2em;
			display: block;
			padding-left: 5px;
		}
		#headerTable, #headerRow{
			display: inherit;
		}
		#headerRow{
			/*margin-right: 5px;*/
		}
		#cellStraplineRight{
			display: none;
		}
		#wrapperInsideCell_straplineLeft, #wrapperInsideCell_straplineRight{
			font-size: 0.85em;
			position: inherit !important;

		}
		#wrapperInsideCell_logo{
			padding-top: 3px;
			font-size: 0.8em;
		}

		
		.masthead1,.masthead2,.masthead3{
			display: inline;
		}
		.masthead4{
			display: inline-block;
		}

		#cellLogo{
			display: inherit;
			width: 11em;
			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*/
			text-align: right;
			float: right;
			/*
			position: absolute;
			top: 0;
			/* brings up the title and does not fix masthead3*/
		}
		#cellPageTitle{
			display: block;
		}
		/*
		#wrapperInsideCell_logo{
			background-color: orange;
		}
		#cellStraplineLeft {
			background-color: lime;
		}
		#headerOuter{
			background-color: cyan;
		}
		*/
@media (max-width: 550px) {
	#headerLogo{
		display: block;
		width: 100%;
	}
	#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;*/
	}
	#outerThreeFeeds,#innerThreeFeeds{
		display:inherit;
		/*inner with Table helped but why???*/
	}
	
	#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;
	}
}