/* Style the basic site elements - START */
@media only screen and (max-width: 767px)
{
	/* Force all DIVs to be on their own line - START */
	#mainBody div:not(.desktopSize):not(.tabletSize):not(#accordion):not(.ui-accordion-content):not(div#leagues):not(div#events) {
		display: block !important;
		width: 100% !important;
		float: none !important;
	}
	/* Force all DIVs to be on their own line - END */

	/* Force all images to be on their own line - START */
	#mainBody img {
		display: block !important;
		margin-left: auto !important;
		margin-right: auto !important;
		float: none !important;
		width: auto !important;
		height: auto !important;
	}
	/* Force all images to be on their own line - END */

	/* Change the header to remove the large logo - START */
	body {
		margin-top: 0px !important;
	}
	div#pageTop1 {
		/* display: none; */
	}
	/* Change the header to remove the large logo - END */

	/* Change the drop down menu that replaces the tabs - START */
	form#menuDropdown {
		margin: 30px 0 0 0;
		display: block !important;
		text-align: center !important;
	}

	p#menuDropdown,
	form#menuDropdown + p {
		display: none;
	}

	form#menuDropdown select[name="menu"] {
		width: calc(100% - 120px);
	}

	form#menuDropdown input[type="button"] {
		border: 1px solid #e0e0e2 !important;
		background-color: #ffffff !important;
		color: #585858 !important;
	    border-radius: 3px;
		padding: 12px 30px;
		font-size: 14px !important;
		line-height: 24px;
		font-weight: 600;
		letter-spacing: .06em;
		text-transform: uppercase;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		cursor: pointer;		
	}

	form#menuDropdown input[type="button"]:hover {
		background-color: #3f6caf !important;
		color: #ffffff !important;
	}
	/* Change the drop down menu that replaces the tabs - END */

	/* Make sure not fields overflow the size of the screen - START */
	input[type="text"], input[type="password"], textarea, select, input[type="submit"], input[type="button"] {
		max-width: 100%;
	}
	/* Make sure not fields overflow the size of the screen - END */
}
@media only screen and (min-width: 768px)
{
	/* Change basic layout - START */
	div#mainBody {
		padding: 0px;
		background-color: #FFF;
	}

	body #bodyCenter {
		margin-right: auto !important;
		margin-left: auto !important;
		max-width: 1330px;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
		padding: 0px !important;
	}
	/* Change basic layout - END */
}
/* Style the basic site elements - END */

/* Add the logo if there is room - START */
@media screen and (min-width: 768px) {
	#pageTop1 #bannerContainer #bannerImage {
		margin-top: -12px;
		display: block;
		float: left;
		margin-right: 10px;
	}

	#pageTop1 #bannerContainer {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		border: none;
		padding-left: 0px;
	}

	#pageTop1 #bannerContainer a {
		position: absolute;
		display: block;
		margin-top: -55px;
		padding-left: 10px;
		text-decoration: none;
		color: #585858 !important;
	}
}
@media screen and (max-width: 850px) and (min-width: 768px) {
	ul#main-menu {
		padding-left: 40px;
	}
}
@media screen and (min-width: 1025px) {
	#pageTop1 #bannerContainer a::after {
		content: "Okotoks CC";
		display: block;
		font-size: 24px;
		float: left;
		height: auto;
		width: auto;
	}
}
@media screen and (min-width: 1130px) {
	#pageTop1 #bannerContainer a::after {
		content: "Okotoks Curling Club";
		display: block;
		font-size: 24px;
		float: left;
		height: auto;
		width: auto;
	}
}
@media screen and (max-width: 767px) {
	#pageTop1 #bannerContainer #bannerImage {
		display: none;
	}

	#pageTop1 #bannerContainer {
		content: none;
	}

	#pageTop1 #bannerContainer a {
		position: absolute;
		display: block;
		text-decoration: none;
		color: #585858 !important;
		left: 70px;
		top: 18px;
	}

	#pageTop1 #bannerContainer a::after {
		content: "Okotoks CC";
		display: block;
		font-size: 22px;
		float: left;
		height: auto;
		width: auto;
		padding-left: 0px;
		padding-top: 5px;
	}

	.main-menu-btn {
		margin-top: 15px;
		margin-left: 15px;
		margin-bottom: 15px;
	}

	.homePageHeader {
		display: none;
	}
}
/* Add the logo if there is room - END */

/* Change the display of list items - START */
li {
	margin-bottom: 4px;
}
/* Change the display of list items - END */

/* Change the layout of the footer - START */
#pageBottom1 {
	display: none;
}

#pageBottom2 {
	color: #F0F0F0;
	padding-top: 15px;
	background-color: #585858;
	text-transform: uppercase;
	width: 100%;
	border-bottom: none;
	font-size: 12px !important;
	float: none !important;
	clear: none !important;
	min-height: auto !important;
}

#pageBottom3 {
	display: none;
}

#pageBottom3 + div,
#pageBottom1 + a + div {
	padding-top: 7px !important;
	background-color: #585858 !important;
	padding-bottom: 15px !important;
	float: none !important;
	font-size: 12px !important;
	clear: none !important;
	height: auto !important;
	margin-top: -1px !important;
}

#pageBottom3 + div a,
#pageBottom1 + a + div a {
	font-weight: normal;
	font-size: 12px;
	color: #F0F0F0 !important;
	background-color: #585858 !important;
	text-transform: uppercase;
}
/* Change the layout of the footer - END */

/* Change the basic layout - START */
body {
	font-family:'Open Sans', sans-serif !important;
	font-size:14px;
	font-weight:400;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

#bodyCenter {
	background-color: #FFFFFF;
}
/* Change the basic layout - END */

/* Change the look of a button - START */
input[type="submit"], input[type="button"] {
	border: 1px solid #3f6caf;
	background-color: #3f6caf !important;
	color: #FFF !important;
	border-radius: 3px;
	padding: 12px 30px;
	line-height: 24px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	text-align: center;
	font-size: 14px !important;
	cursor: pointer !important;
	font-family: 'Open Sans', sans-serif !important;
}

input[type="submit"]:hover, input[type="button"]:hover {
	background-color: #585858 !important;
	color: #ffffff !important;
}

input[type="submit"]:focus, input[type="button"]:focus {
	box-shadow: 0 0 5px #7B9FD9;
	border: 1px solid #7B9FD9;
}

/* Change the look of a button - END */



/* Center the site when the screen is smaller than the minimum - START */
@media only screen and (max-width: 959px)
{

	#mainBody {
		width: 100%;
		padding: 0 !important;
		margin: 0 !important;
	}

	#bodyCenter {
		background-color: #FFFFFF;
		margin: 0 !important;
		padding: 0 !important;
	}
	/* Center the site - END */
}
/* Center the site when the screen is smaller than the minimum - END */

/* Set general site settings - START */
@media only screen and (min-width: 768px) {
	body {
		margin: 0;
		width: auto;
		background-color: #eCF0F5;
	}
}
/* Set general site settings - END */

/* Change the navigation - START */
@media only screen and (min-width: 768px) {
	nav#main-nav {
		background-color: #FFF;
	}

	div#topNav {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		border: none;
		padding-left: 0px;
	}

	.sm-simple {
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.sm-simple a span.sub-arrow {
		border: solid #000;
		border-width: 0 2px 2px 0;
		display: inline-block;
		padding: 3px;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		right: 13px !important;
		margin-top: -7px;
		width: 5px;
		height: 5px;
	}

	.sm-simple > li {
		border: none;
	}

	.sm-simple ul a span.sub-arrow {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		right: 10px !important;
		border-color: #BBB;
	}

	div#topNav {
		background-color: #FFF;
		padding-top: 15px;
	}

	ul.sm-simple li a {
		color: #000 !important;
		display: block !important;
		text-transform: uppercase;
		font-size: 12px !important;
		letter-spacing: .05em !important;
	}

	ul.sm-simple li ul {
		padding: 0px 20px 20px 20px !important;
	}

	ul.sm-simple li li a {
		color: #888 !important;
		padding: 12px 60px 12px 12px !important;
		display: block !important;
		text-transform: none !important;
		font-size: 14px !important;
		padding-right: 33px;
	}

	.sm-simple a:hover {
		color: #af503f !important;
	}

	.sm-simple a:hover .sub-arrow {
		border-color: #af503f !important;
	}

	#main-menu ul {
		padding: 20px 20px 20px 20px !important;
		min-width: 100% !important;
		background-color: #fbfbfb !important;
		box-shadow: none !important;
		border: 1px solid #f3f3f3 !important;
		margin-top: 20px !important;
	}

	#main-menu ul ul {
		margin-top: -50px !important;
		margin-left: calc(100% + 20px) !important;
		margin-top: calc(0% - 55px) !important;
	}

	.sm-simple ul > li {
		border-top: none;
		padding: 0 !important;
		margin: 0 !important;
	}

	ul#main-menu {
		float: right;
		margin-bottom: 15px;
	}

	nav#main-nav {
		background-color: #FFF;
		border: 1px solid #f3f3f3 !important;
		padding: 5px 20px 5px 20px;
	}

	nav#main-nav::after {
		content: "."; 
		visibility: hidden; 
		display: block; 
		height: 0; 
		clear: both;
	}
}
@media only screen and (max-width: 767px) {
	.main-menu-btn-icon, .main-menu-btn-icon::before, .main-menu-btn-icon::after {
		background: #000;
	}

	div#topNav {
		background-color: #FFF;
		border: 1px solid #f3f3f3 !important;
	}

	ul.sm-simple {
	    -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

	ul.sm-simple li a {
		display: block !important;
		text-transform: uppercase;
		color: #000 !important;
		padding-left: 10px !important;
	}

	ul.sm-simple li li a {
		text-transform: none !important;
		color: #999 !important;
	}

	ul.sm-simple > li {
		border: none;
	}

	ul.sm-simple li a span.sub-arrow {
		border: solid #000;
		border-width: 0 2px 2px 0;
		display: inline-block;
		padding: 3px;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		right: 13px !important;
		margin-top: -5px;
		width: 5px;
		height: 5px;
	}

	ul.sm-simple li li a span.sub-arrow {
		border: solid #999;
		border-width: 0 2px 2px 0;
		display: inline-block;
		padding: 3px;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		right: 13px !important;
		margin-top: -5px;
		width: 5px;
		height: 5px;
	}

	.sm-simple a.highlighted span.sub-arrow {
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
	}

	#main-menu ul {
		background-color: #FFF;
		margin: 0;
		padding: 0;
	}

	#main-menu ul li {
		padding-left: 10px;
	}

	.sm-simple ul > li {
		border-top: none;
	}

	nav#main-nav {
		background-color: #50729F;
	}
}
/* Change the navigation - END */

/* Create generic buttons for hyperlinks - START */
a.actionButton, a.specialButton {
	background-color: #F8F8F8;
	border: 3px solid #585858;
	text-align: center;
	font-weight: bold;
	color: #303030;
	padding: 10px 20px;
	border-radius: 3px;
	text-decoration: none;
	display: inline-block;
}

a.actionButton:hover {
	background-color: #303030;
	border-color: #303030;
	color: #F8F8F8;
}
a.specialButton {
	border: 3px solid #990000;
	color: #990000;
}

a.specialButton:hover {
	background-color: #990000;
	border-color: #990000;
	color: #F8F8F8;
}
/* Create generic buttons for hyperlinks - END */

/* Style the contact us page - START */
body#contactUsPage .contactUsMap {
	margin-left: auto;
	margin-right: auto;
	width: calc(100% - 80px);
	max-width: 1200px;
	margin-bottom: 40px;
}

body#contactUsPage .contactUsMap iframe {
	width: 100%;
	height: 500px;
	display: block;
}

@media only screen and (max-width: 767px)
{
	body#contactUsPage .contactUsMap {
		width: calc(100% - 40px);
		margin-top: 20px;
		margin-bottom: 20px;
	}

	body#contactUsPage .contactUsMap iframe {
		width: 100%;
		height: 350px;
	}
}
/* Style the contact us page - END */

/* Change the H1, H2 & H3 tags - START */
h1.redesign, h2.redesign, h3.redesign, h4.redesign, h5.redesign, h6.redesign {
	font-weight: 100;
	margin: 0;
	padding: 0;
	color: #151515;
	background: none;
	text-align: left;
}

h1.redesign {
	padding: 0px !important;
	background: none !important;
	margin-bottom: 0px !important;
	color: #151515 !important;
	font-size: 56px;
}

h2.redesign {
	font-size: 32px;
}

h3.redesign {
	font-size: 28px;
}

h4.redesign {
	font-size: 24px;
}

h5.redesign {
	font-size: 20px;
}

h6.redesign {
	font-size: 18px;
}

p.redesign {
	color: #888;
	line-height: 1.8;
	font-size: 14px;
	margin-bottom: 50px;
}

a.redesign {
	border-radius: 3px;
	padding: 12px 30px;
	font-size: 12px;
	line-height: 24px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
}

a.redesign.button {
	border: 1px solid #3f6caf;
	background-color: #3f6caf !important;
	color: #FFF !important;
}

a.redesign.button:hover {
	background-color: #585858 !important;	
}

a.redesign.buttonDark {
	border: 1px solid #585858;
	background-color: #585858 !important;
	color: #FFF !important;
}

a.redesign.buttonDark:hover {
	background-color: #3f6caf !important;	
}

a.redesign.buttonLight {
	border: 1px solid #e0e0e2;
	background-color: #ffffff !important;
	color: #585858 !important;
}

a.redesign.buttonLight:hover {
	background-color: #3f6caf !important;
	color: #ffffff !important;
}

a.redesign.buttonSimple {
	border: none !important;
	background-color: #ffffff !important;
	color: #585858 !important;
}

a.redesign.buttonSimple:hover {
	background-color: #ffffff !important;
	color: #3f6caf !important;
}

a.redesign.buttonSimple::after {
	content: ">";
	padding-left: 10px;
}

body .rowElement {
	padding: 50px 30px 50px 30px;
}

.rowElement.alignCenter {
	text-align: center !important;
}

.rowElement.alignCenter * {
	text-align: center !important;
}

.rowElement.alignCenter p {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.rowElement.alignLeft {
	text-align: left !important;
}

.rowElement.alignLeft * {
	text-align: left !important;
}

.rowElement.colorOne {
	background-color: #fff;
}

.rowElement.colorOne h3 {
	color: #151515 !important;
}

.rowElement.colorOne * {
	color: #888 !important;
}

.rowElement.colorThree {
	background-color: #af503f;	
}

.rowElement.colorThree *,
.rowElement.colorThree a {
	color: #fff !important;
}

.rowElement.colorFour {
	background-color: #585858;
}

.rowElement.colorFour *,
.rowElement.colorFour a {
	color: #ffffff !important;
}

.rowElement.colorTwo {
	background-color: #3f6caf;
}

.rowElement.colorTwo *,
.rowElement.colorTwo a {
	color: #fff !important;
}

@media only screen and (max-width: 767px) {
	.rowElement.alignCenter p {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}

div.colorOne a.redesign,
div.colorTwo a.redesign,
div.colorThree a.redesign,
div.colorFour a.redesign {
	border: 1px solid #e0e0e2;
	background-color: #ffffff !important;
	color: #585858 !important;
}

div.colorOne a.redesign:hover,
div.colorTwo a.redesign:hover,
div.colorThree a.redesign:hover {
	background-color: #585858 !important;
	color: #ffffff !important;
}

div.colorFour a.redesign:hover {
	background-color: #3f6caf !important;
	color: #ffffff !important;
}

.rowElement.twoSections {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.rowElement.twoSections > div {
	flex: 0 0 50%;
	max-width: calc(50% - 40px);
	min-width: 200px;
	padding-right: 20px;
}

.rowElement.twoSections > div:last-of-type {
	padding-right: 0px;
}

@media only screen and (max-width: 767px) {
	.rowElement.twoSections > div {
		flex: none;
		padding: 30px 10px 0px 10px;
		width: calc(100% - 20px);
		max-width: calc(100% - 20px);
	}

	.rowElement.threeSections > div {
		flex: none;
		padding: 30px 10px 0px 10px;
		width: calc(100% - 40px);
		max-width: calc(100% - 40px);
	}
}

.rowElement.threeSections {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}

.rowElement.threeSections > div {
	flex: 0 0 33.3%;
	max-width: calc(25% - 30px) !important;
	min-width: 250px;
	padding: 0 20px 0 20px;
}

input[type="text"].redesign,
input[type="password"].redesign {
	padding: 15px;
	font-size: 14px;
	line-height: 24px;
	color: #888;
	border: 1px solid #ddd;
	border-radius: 3px;
	color: #495057;
	background-color: #f8f8f8;
	border-color: #ececee;
}

input[type="text"].redesign:focus,
input[type="password"].redesign:focus {
	background-color: #ffffff;
	box-shadow: 0 0 3px #3f6caf !important;
	border: 1px solid #3f6caf !important;
}

input[type="checkbox"].redesign {
	width: 25px;
	height: 25px;
	outline: none;
	cursor: pointer;
	box-sizing: border-box;
}


h1 + hr {
	display: none;
}

h1, h2, h3, h4, h5, h6 {
	color: #686868;
	margin-bottom: 0;
	font-weight: 100;
}

body h1:first-child {
	font-weight: 100;
	margin: 0;
	background: none;
	padding: 20px;
	color: #888;
	background-color: #f8f8f8;
	text-align: left;
}

body a {
	color: #3f6caf !important;
}

@media only screen and (max-width: 767px) {
	body h1:first-child {
		text-align: center;
	}

    #bodyCenter > p {
        padding-left: 10px;
        padding-right: 10px;
    }

    #bodyCenter > ul {
        padding-right: 10px;
    }

	body .rowElement {
		padding-left: 10px;
		padding-right: 10px;
	}

	.rowElement.alignLeft h3 {
		margin: 0 !important;
	}
}
/* Change the H1, H2 & H3 tags - END */


/* Style the HTML Template Page - START */
div.htmlTemplateSection p {
	font-size: 16px;
}

div.htmlTemplateSection h6.templateHeading {
	padding: 20px 0px 20px 20px;
	background-color: #efefee;
}
/* Style the HTML Template Page - END */

/* Style the row element "Heading" - START */
.rowElement.elementHeading li {
	font-size: 16px;
	line-height: 1.7;
}

.rowElement.elementHeading p {
	font-size: 16px;
	padding: 0px 0px 0px 0px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.7;
	color: #888;
}

.rowElement.elementHeading h3 {
	padding-bottom: 20px !important;
}

@media only screen and (max-width: 767px) {
	.rowElement.elementHeading h3 {
		margin: 0px 10px 0 10px !important;
	}

	.rowElement.elementHeading.alignLeft p {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}
/* Style the row element "Heading" - END */



/* Style the row element "Picture Links" - START */
.rowElement .linkArea .linkImageList {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.rowElement .linkArea .linkImageList .linkImage {
	flex: 0 0 50%;
	max-width: calc(50% - 20px);
	padding: 10px 20px 0 0;
}

.rowElement .linkArea .linkImageList .linkList {
	flex: 0 0 50%;
	max-width: calc(50%);
}

.rowElement .linkArea ul {
	padding: 0;
	list-style: none;
}

.rowElement .linkArea ul li {
	padding-bottom: 15px;
	font-size: 14px;
}

@media only screen and (max-width: 767px) {
	.rowElement .linkArea h5 {
		text-align: center;
		margin-bottom: 20px;
	}

	.rowElement .linkArea .linkImageList .linkImage,
	.rowElement .linkArea .linkImageList .linkList {
		flex: none;
		width: calc(100%);
		max-width: calc(100%);
	}

	.rowElement .linkArea .linkImageList .linkImage img {
		margin-bottom: 20px;
	}

	.rowElement .linkArea .linkImageList .linkList {
		text-align: center;
	}
}
/* Style the row element "Picture Links" - END */



/* Style the row element "Single Topic" - START */
.rowElement.elementSingleTopic {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.rowElement.elementSingleTopic.colorMedium {
	flex-direction: column;
}

.rowElement.elementSingleTopic.colorMedium > div.singleTopicHeading,
.rowElement.elementSingleTopic.colorMedium > div.singleTopicContent {
	width: 100%;
	min-width: 100%;
	padding: 10px 20px 0px 0px;
}

.rowElement.elementSingleTopic > div.singleTopicHeading {
	flex: 0 0 30%;
	max-width: calc(30% - 40px);
	min-width: 200px;
	padding: 10px 20px 0px 0px;
}

.rowElement.elementSingleTopic > div.singleTopicContent {
	flex: 0 0 76%;
	max-width: calc(70% - 40px);
	min-width: 200px;
}

.rowElement.elementSingleTopic > div > p {
	font-size: 16px;
	line-height: 1.5;
}

.rowElement.elementSingleTopic > div li {
	line-height: 1.5;
	font-size: 16px;
}

@media only screen and (max-width: 767px) {
	.rowElement.elementSingleTopic {
		padding-left: 5px;
		padding-right: 5px;
	}

	.rowElement.elementSingleTopic > div {
		flex: none !important;
		width: calc(100% - 40px) !important;
		max-width: calc(100% - 40px) !important;
	}

	.rowElement.elementSingleTopic > div.singleTopicHeading {
		padding: 0 !important;
	}
}
/* Style the row element "Single Topic" - END */

/* Style the row element "Two Topics" - START  */
.rowElement.elementTwoTopics {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	flex-direction: row;
}

.rowElement.elementTwoTopics > div {
	flex: 0 0 50%;
	max-width: calc(50% - 80px);
	min-width: 200px;
}

.rowElement.elementTwoTopics p {
	font-size: 16px;
	line-height: 1.5;
}

@media only screen and (max-width: 767px) {
	.rowElement.elementTwoTopics {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.rowElement.elementTwoTopics > div {
		flex: none !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-bottom: 50px;
	}

	.rowElement.elementTwoTopics > div:last-of-type {
		margin-bottom: 0px;
	}
}
/* Style the row element "Two Topics" - END */

/* Style the row element "People" - START */
.rowElement.elementPeople {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}

.rowElement.elementPeople .peoplePerson {
	flex: 0 0 25%;
	max-width: calc(25% - 40px);
	min-width: 150px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
	min-width: 200px;
}

.rowElement.elementPeople .peoplePerson .personPicture {
	min-width: 100px;
}

.rowElement.elementPeople .peoplePerson .personName {
	font-size: 20px;
	text-align: center;
	padding: 15px 0 0 0;
	margin: 0;
}

.rowElement.elementPeople .peoplePerson .personRole {
	font-size: 14px;
    line-height: 1.7;
    text-align: center;
    padding: 0;
    margin: 0;
    color: #af503f;
}

.rowElement.elementPeople .peoplePerson .personTerm {
	font-size: 12px;
    line-height: 1.7;
    font-style: italic;
    text-align: center;
    padding: 0;
    margin: 8px 0 0 0;
    text-transform: uppercase;
    color: #888;
}

@media only screen and (max-width: 767px) {
	.rowElement.elementPeople .peoplePerson {
		flex: 0 0 50%;
		max-width: calc(50% - 40px);
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 20px;
	}
}
/* Style the row element "People" - END */

/* Style the row element "Picture Links" - START */
.rowElement .linkArea .linkImageList {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.rowElement .linkArea .linkImageList .linkImage {
	flex: 0 0 50%;
	max-width: calc(50% - 20px);
	padding: 10px 20px 0 0;
}

.rowElement .linkArea .linkImageList .linkList {
	flex: 0 0 50%;
	max-width: calc(50%);
}

.rowElement .linkArea ul {
	padding: 0;
	list-style: none;
}

.rowElement .linkArea ul li {
	padding-bottom: 15px;
	font-size: 14px;
}

@media only screen and (max-width: 767px) {
	.rowElement .linkArea h5 {
		text-align: center;
		margin-bottom: 20px;
	}

	.rowElement .linkArea .linkImageList .linkImage,
	.rowElement .linkArea .linkImageList .linkList {
		flex: none;
		width: calc(100%);
		max-width: calc(100%);
	}

	.rowElement .linkArea .linkImageList .linkImage img {
		margin-bottom: 20px;
	}

	.rowElement .linkArea .linkImageList .linkList {
		text-align: center;
	}
}
/* Style the row element "Picture Links" - END */

/* Style the row element "Category" - START */
.rowElement.elementCategory {
	align-items: stretch;
}

.rowElement.elementCategory > div {
	max-width: calc(33.3% - 100px);
	margin-bottom: 20px;
}

.rowElement.elementCategory > .categoryWrapper {
	padding: 40px !important;
	border: 1px solid #ececee;
	text-align: center;
	margin-right: 20px;
	margin-left: 20px;
}

.rowElement.elementCategory > .categoryWrapper .categoryType {
	padding-bottom: 30px;
	border-bottom: 1px solid #ececee;
}

.rowElement.elementCategory > .categoryWrapper .categoryType h4 {
	text-align: center;
	color: #3f6caf;
	font-weight: bold;
}

.rowElement.elementCategory > .categoryWrapper .categoryTypeSubTitle {
	margin-bottom: 15px;
	font-size: 18px;
}

.rowElement.elementCategory > .categoryWrapper .categoryDescription {
	margin-top: 30px;
}

.rowElement.elementCategory > .categoryWrapper p {
	margin: 0;
	padding: 0;
	color: #888;
	font-size: 16px;
	line-height: 1.7;
}

@media only screen and (max-width: 767px) {
	.rowElement.elementCategory > div {
		flex: none !important;
		width: calc(100% - 110px) !important;
		max-width: calc(100% - 110px) !important;
		margin: 20px 20px 20px 20px !important;
	}
}
/* Style the row element "Category" - END */

/* Style the row element "Blurb" - START */
.rowElement.elementBlurb {
	align-items: stretch;
}

.rowElement.elementBlurb .blurbWrapper {
	margin-bottom: 40px;
	min-width: 300px !important;
	max-width: calc(33.3% - 40px) !important;
}

.rowElement.elementBlurb .blurbWrapper p {
	font-size: 16px;
	line-height: 1.5;
	color: #888;
}

.rowElement.elementBlurb.shapeCircle .blurbWrapper .blurbIcon {
	border: solid 1px #af503f;
	padding: 19px 30px 19px 30px;
	font-size: 40px;
	border-radius: 50%;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	max-width: fit-content;
	color: #af503f;
	text-transform: uppercase;
}

.rowElement.elementBlurb.shapeSquare .blurbWrapper .blurbIcon {
	font-size: 40px;
	max-width: fit-content;
	text-transform: uppercase;
	margin: 0 0 20px 0;
	padding: 10px 20px 10px 20px;
	color: #fff;
	background-color: #3f6caf;
}

.rowElement .blurbWrapper a.redesign {
	margin-top: 20px;
}

@media only screen and (max-width: 767px) {
	.rowElement.elementBlurb > div {
		flex: none !important;
		width: calc(100% - 20px) !important;
		max-width: calc(100% - 20px) !important;
	}

	.rowElement.elementBlurb .blurbWrapper:last-of-type {
		margin-bottom: 0px;
	}
}
/* Style the row element "Blurb" - END */

/* Style the row element "Picture Topics" - START */
.rowElement.elementPictureTopics .pictureTopicWrapper {
	max-width: calc(33.3% - 40px) !important;
	/* margin-bottom: 20px; */
}

.rowElement.elementPictureTopics img {
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-top: 20px !important;
}

.rowElement.elementPictureTopics h5 {
	margin: 20px 0 20px 0 !important;
}

.rowElement.elementPictureTopics a {
	text-decoration: none;
	color: #151515 !important;
}

.rowElement.elementPictureTopics a:hover {
	color: #3f6caf !important;	
}

.rowElement.elementPictureTopics p {
    line-height: 1.7;
    color: #888;
    font-size: 16px;
}

@media only screen and (max-width: 767px) {
	.rowElement.elementPictureTopics .pictureTopicWrapper {
		flex: none !important;
		max-width: calc(100% - 40px) !important;
		width: calc(100% - 40px) !important;
		margin-left: auto;
		margin-right: auto;
	}
}
/* Style the row element "Picture Topics" - END */


/* Style the row element "Topic Picture" - START */
.rowElement.elementTopicPicture {
	display: flex;
}

.rowElement.elementTopicPicture.pictureLeft {
	flex-direction: row-reverse;
	justify-content: flex-end;
}

.rowElement.elementTopicPicture.pictureLeft .topicPicImage {
	margin-right: 40px;
}

.rowElement.elementTopicPicture .topicPicInfo {
	/* flex: 2 0 70%; */
	width: calc(70% - 40px) !important;
	max-width: calc(70% - 40px) !important;
	margin-right: 40px;
}

.rowElement.elementTopicPicture.pictureLeft .topicPicInfo {
	margin-right: 0px;
}

.rowElement.elementTopicPicture .topicPicImage {
	/* flex: 0 0 30%; */
	/* max-width: 300px; */
}

.rowElement.elementTopicPicture li {
	font-size: 16px;
	line-height: 1.7;
}

.rowElement.elementTopicPicture  h3 {
	margin-bottom: 20px;
}

.rowElement.elementTopicPicture p {
	font-size: 16px;
	padding: 0px 0px 0px 0px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.7;
	color: #888;
}

.rowElement.elementTopicPicture a {
	margin-top: 20px;
}

@media only screen and (max-width: 767px) {
	.rowElement.elementTopicPicture  h3 {
		margin: 0px 0px 0 0px;
	}

	.rowElement.elementTopicPicture {
		flex-direction: column-reverse;
	}

	.rowElement.elementTopicPicture .topicPicInfo {
		flex: none !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.rowElement.elementTopicPicture .topicPicImage {
		flex: none !important;
		width: 100% !important;
		margin-bottom: 30px;
	}

	.rowElement.elementTopicPicture.pictureLeft {
		flex-direction: column-reverse !important;
	}
}
/* Style the row element "Topic Picture" - END */


/* Style a generic table - START */
body > div#mainBody > div#bodyCenter table.redesign {
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
}

body > div#mainBody > div#bodyCenter table.redesign th {
	margin: 0;
	padding: 15px;
	font-size: 16px;
	color: #888;
	text-transform: uppercase;
}

body > div#mainBody > div#bodyCenter table.redesign tr td:last-of-type {
	border-right: solid 1px #ececee;
}

body > div#mainBody > div#bodyCenter table.redesign tr:last-of-type td {
	border-bottom: solid 1px #ececee;
}

body > div#mainBody > div#bodyCenter table.redesign tr td {
	color: #888;
	font-size: 16px;
	margin: 0;
	padding: 10px;
	border-top: solid 1px #ececee;
	border-left: solid 1px #ececee;
	border-right: none;
	word-break: break-word;
}

body > div#mainBody > div#bodyCenter table.redesign > tbody > tr:nth-child(even) {
	background-color: #fff !important;
}

body > div#mainBody > div#bodyCenter table.redesign > tbody > tr:nth-child(odd) {
	background-color: #f8f8f8 !important;
}

@media only screen and (max-width: 767px) {
	body > div#mainBody > div#bodyCenter table.redesign {
		overflow-x: scroll;
		display: block;
	}
}
/* Style a generic table - END */









footer.pageFooter {
	background-color: #f8f8f8;
	/* margin-top: 50px; */
}

.pageFooter h3 {
	background: none;
	font-size: 20px;
	font-weight: 100;
	text-align: left;
	margin: 0;
	padding: 0;
}

div.pageFooter {
	background-color: #f8f8f8;
	color: #999;
	padding-bottom: 20px;
	padding-top: 40px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
}

.pageFooter p {
	line-height: 1.7;
	font-size: 14px;
}

.pageFooter p a,
.pageFooter p a: hover {color: #3f6caf; TEXT-DECORATION: none; font-weight: none}

.pageFooter div.pageFooter {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.pageFooter div.pageFooterSection.footerAboutUs {
	width: calc(28% - 20px);
	max-width: calc(30% - 20px);
	margin-right: 20px;
}

.pageFooter div.pageFooterSection.footerSocialMedia {
	width: calc(13%);
	max-width: calc(13%);
	margin-right: 20px;
}

.pageFooter div.pageFooterSection.footerContactUs {
	width: calc(25%);
	max-width: calc(25%);
	margin-right: 20px;
}

.pageFooter div.pageFooterSection.footerLegal {
	width: calc(25% - 20px);
	max-width: calc(25% - 20px);
}

div#pageBottom2,
div#pageBottom3 + div {
	display: none;
}

@media only screen and (max-width: 767px) {
	footer.pageFooter {
		/* margin-top: 20px; */
	}

	.pageFooter div.pageFooter {
		padding: 10px 15px 0px 15px !important;
		width: calc(100% - 30px);
	}

	.pageFooter div.pageFooterSection,
	.pageFooter div.pageFooterSection.footerSocialMedia,
	.pageFooter div.pageFooterSection.footerLegal {
		flex: none;
		max-width: 100% !important;
		width: 100% !important;
		padding-top: 20px !important;
		margin: 0px !important;
	}