#MainContent .left {
	float: left;
}

#MainContent .right {
	float: right;
}

#MainContent .half {
	max-width: 50%;
	height: auto !important;
}

#MainContent .third {
	max-width: 33%;
	height: auto !important;
}

#MainContent .fourth {
	max-width: 25%;
	height: auto !important;
}

#MainContent img.left {
	margin: 2% 2% 2% 0;
}

#MainContent img.right {
	margin: 2% 0 2% 2%;
}

#MainContent table {
	max-width: 100%;
}

#MainContent .column {
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
	overflow: hidden;
}

#MainContent .column img.left, #MainContent .column img.right {
	margin-top: 0;
	margin-bottom: 0;
}

#MainContent .column ul {
	margin-left: -4%;
}

#MainContent .column > * {
	float: left;
	margin-bottom: 4%;
}

#MainContent .column.two > * {
	width: 47%;
}

#MainContent .column.two > *:nth-child(2n+1) {
	clear: both;
}

#MainContent .column.three > * {
	width: 33%;
}

#MainContent .column.three > *:nth-child(3n+1) {
	clear: both;
}

#MainContent .column.four > * {
	width: 25%;
}

#MainContent .column.four > *:nth-child(4n+1) {
	clear: both;
}

.no-hashchange #MainContent .column > * {
	margin-bottom: 5%;
}

#MainContent .table {
	display: table;
	table-layout: fixed;
	padding: 0;
	width: 100%;
	list-style: none;
}

#MainContent .table > * {
	display: table-row;
}

.no-display-table #MainContent .table > * {
	display: block;
}

#MainContent .table > * > * {
	display: table-cell;
	padding: 1%;
	margin: 0;
}

.no-display-table #MainContent .table > * > * {
	float: left;
	width: 48%;
}

#MainContent .table.border > * > * {
	border: 1px solid #006A94; /* $primary */
}

#MainContent .table.border {
	border: 1px solid #006A94; /* $primary */
}

#MainContent .table.header-top > *:first-child {
	background-color: #006A94; /* $primary */
	color: #855B1E; /* $secondary */
}

#MainContent .table.header-side > * > *:first-child {
	background-color: #006A94; /* $primary */
	color: #FFFFFF;
}

@media (max-width:768px) {
	#MainContent .column.three > * {
		width: 100%;
		float: none;
	}

	#MainContent .column.four > * {
		width: 47%;
	}
}

@media (max-width:480px) {
	#MainContent .column.two > * {
		width: 100%;
		float: none;
	}

	#MainContent .column.four > * {
		width: 100%;
		float: none;
	}

	#MainContent .table > * > * {
		display: block;
	}

	#MainContent .table.no-break > * > * {
		display: table-cell;
	}
}