body{
	display: flex;
	flex-direction: column;
}

body > * {
	flex-basis: 100%;
}

.cwsvHeader{
	order: 1;
}
.mainNav{
	order: 4;
}
.subNav{
	order: 2;
}
#content{
	order: 3;
}
.sideNotes{
	order: 5;
}
.footerBar{
	order: 6;
}

@media(min-width: 640px) and (max-width: 1279px){
	body{
		display: block;
	}
	.subNav{
		float: right;
		width: 33%;
	}
	#content {
		float: left;
		width: 67%;
/*		margin: 1%;
		padding: 1%;
*/
	}
	.sideNotes{
		float: right;
		width: 33%;
	}
	.footerBar{
		clear: both;
	}
}


@media(min-width: 1280px){
	body{
		flex-direction: row;
		flex-wrap: wrap;
	}
	.mainNav{
		order: 2;
	}
	.subNav{
		order: 3;
		flex-basis: 25%;
		align-self: flex-start;
	}
	#content{
		order: 4;
		flex-basis: 50%;
	}
	.sideNotes{
		align-self: flex-start;
		flex-basis: 25%;
	}
}