@import url('mnu2_in-page_content_0-01_ng1.css');
@import url('mnu2_in-page_content_0-01_rg1.css');
@import url('mnu2_in-page_content_0-01_nk1.css');
@import url('mnu2_in-page_content_0-01_nk2.css');


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Codewise Presentation Manager - Content Cascading Style Sheet,
	manitobanurses.ca - Manitoba Nurses Union

Copyright (c) 2004-2017 Twisted Lime Media Inc. (nee Codewise Systems Inc.)
All rights reserved.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Common (all-media) styles */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Expand-O's */

div.ExpandOMatic.ExpandOMaticStyled {
	padding: 20px;
	background: #ffffff;
	border: 1px solid #d8d8d8;
}
	div.ExpandOMatic.ExpandOMaticStyled div.ExpandOMaticHeading {

	}
		div.ExpandOMatic.ExpandOMaticStyled div.ExpandOMaticHeading > h2:first-child,
		div.ExpandOMatic.ExpandOMaticStyled div.ExpandOMaticHeading > h3:first-child,
		div.ExpandOMatic.ExpandOMaticStyled div.ExpandOMaticHeading > h4:first-child {
			margin-top: 0px;
		}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Drop-shadows */

.withShadow, .withshadow, .with-shadow,
.dropShadow, .dropshadow, .drop-shadow {
		-moz-box-shadow: 0px 0px 4px 1px rgba(51, 51, 51, 0.25);
		-webkit-box-shadow: 0px 0px 4px 1px rgba(51, 51, 51, 0.25);
	box-shadow: 0px 0px 4px 1px rgba(51, 51, 51, 0.25);
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Banner images */

img.bannerImage {
	display: block;
	width: 100%;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Stylish borders */

.borderTop, .borderTopMagenta, .borderTopDarkMagenta, .borderTopRed, .borderTopBlue, .borderTopDarkBlue, .borderTopGold, .borderTopYellow, .borderTopDarkGold, .borderTopGreen, .borderTopDarkGreen, .borderTopDarkGrey, .borderTopDarkGray,
.topBorder, .topBorderMagenta, .topBorderDarkMagenta, .topBorderRed, .topBorderBlue, .topBorderDarkBlue, .topBorderGold, .topBorderYellow, .topBorderDarkGold, .topBorderGreen, .topBorderDarkGreen, .topBorderDarkGrey, .topBorderDarkGray {
	border-top: 5px solid #c70054 !important;
}
.borderBottom, .borderBottomMagenta, .borderBottomDarkMagenta, .borderBottomRed, .borderBottomBlue, .borderBottomGold, .borderBottomYellow, .borderBottomDarkGold, .borderBottomGreen, .borderBottomDarkGreen, .borderBottomDarkGrey, .borderBottomDarkGray,
.bottomBorder, .bottomBorderMagenta, .bottomBorderDarkMagenta, .bottomBorderRed, .bottomBorderBlue, .bottomBorderGold, .bottomBorderYellow, .bottomBorderDarkGold, .bottomBorderGreen, .bottomBorderDarkGreen, .bottomBorderDarkGrey, .bottomBorderDarkGray {
	border-bottom: 5px solid #c70054 !important;
}
.borderTopDarkMagenta, .borderBottomDarkMagenta,
.topBorderDarkMagenta, .bottomBorderDarkMagenta,
.borderTopRed, .borderBottomRed,
.topBorderRed, .bottomBorderRed {
	border-color: #7b0e42 !important;
}
.borderTopBlue, .borderBottomBlue,
.topBorderBlue, .bottomBorderBlue {
	border-color: #157e92 !important;
}
.borderTopDarkBlue, .borderBottomDarkBlue,
.topBorderDarkBlue, .bottomBorderDarkBlue {
	border-color: #33666f !important;
}
.borderTopGold, .borderBottomGold,
.topBorderGold, .bottomBorderGold,
.borderTopYellow, .borderBottomYellow,
.topBorderYellow, .bottomBorderYellow {
	border-color: #cdbe33 !important;
}
.borderTopDarkGold, .borderBottomDarkGold,
.topBorderDarkGold, .bottomBorderDarkGold {
	border-color: #b4aa88 !important;
}
.borderTopGreen, .borderBottomGreen,
.topBorderGreen, .bottomBorderGreen {
	border-color: #78d500 !important;
}
.borderTopDarkGreen, .borderBottomDarkGreen,
.topBorderDarkGreen, .bottomBorderDarkGreen {
	border-color: #61ab00 !important;
}
.borderTopDarkGrey, .borderTopDarkGray, .borderBottomDarkGrey, .borderBottomDarkGray,
.topBorderDarkGrey, .topBorderDarkGray, .bottomBorderDarkGrey, .bottomBorderDarkGray {
	border-color: #4e504f !important;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Styled headings */

.smallHeading {
	font-family: "Roboto Condensed", Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	/* text-transform: uppercase; */
}
.smallHeading.withIcon.withoutLeading {
	padding-top: 3px;
}
	.smallHeading > i.fa {
		vertical-align: -1px;
		margin-right: 8px;
	}

.styledHeading {
	margin-bottom: 0px;
}
body.desktopVersion .styledHeading {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.styledHeading.styledHeadingGreyBackground {
	/* background: #eaeaea; */
	background: rgba(0,0,0,0.3);
}
.styledHeading.styledHeadingOverlay {
	position: relative;
}
h1.styledHeading {
	/* height: 50px; */
	height: 80px;
	margin-top: 0px;
	padding-top: 30px;
}
h1.styledHeading.styledHeadingOverlay {
	margin-top: -50px;
}
h2.styledHeading {
	/* height: 44px; */
	height: 74px;
}
h2.styledHeading.styledHeadingOverlay {
	margin-top: -44px;
}
body.mobileVersion h2.styledHeading.styledHeadingOverlay {
	margin-top: -44px;
}
h3.styledHeading {
	height: 38px;
	/* height: 68px; */
}
h3.styledHeading.styledHeadingOverlay {
	margin-top: -38px;
}
body.mobileVersion h3.styledHeading {
	height: 32px;
	line-height: 29px;
}
body.mobileVersion h3.styledHeading.styledHeadingOverlay {
	margin-top: -32px;
}
h4.styledHeading {
	height: 32px;
	height: 62px;
}
h4.styledHeading.styledHeadingOverlay {
	margin-top: -32px;
}
	.styledHeading .styledHeadingInner {
		display: inline-block;
		float: left;
		width: auto;
		height: auto;
		margin: 0px;
		/* text-transform: uppercase; */
		color: #ffffff;
		background: #c70054;
	}
	body.desktopVersion h1.styledHeading .styledHeadingInner {
		height: 50px;
		padding: 5px 12px 0px 12px;
		font-size: 40px;
		line-height: 40px;
	}
	body.mobileVersion h1.styledHeading .styledHeadingInner {
		padding: 5px 12px 0px 12px;
	}
	body.desktopVersion h2.styledHeading .styledHeadingInner {
		height: 44px;
		padding: 4px 12px 0px 12px;
		font-size: 36px;
	}
	body.mobileVersion h2.styledHeading .styledHeadingInner {
		padding: 4px 12px 0px 12px;
	}
	body.desktopVersion h3.styledHeading .styledHeadingInner {
		height: 38px;
		padding: 3px 10px 0px 10px;
		font-size: 28px;
	}
	body.mobileVersion h3.styledHeading .styledHeadingInner {
		padding: 3px 10px 0px 10px;
	}
	body.desktopVersion h4.styledHeading .styledHeadingInner {
		height: 32px;
		padding: 4px 10px 0px 10px;
		font-size: 22px;
	}
	body.mobileVersion h4.styledHeading .styledHeadingInner {
		padding: 4px 10px 0px 10px;
	}
	.styledHeading::after {
		content: " ";
		display: block;
		visibility: hidden;
		clear: both;
		height: 0;
		font-size: 0;
	}
	.styledHeading.styledHeadingRight .styledHeadingInner {
		float: right;
		text-align: right;
	}
	.styledHeading.borderBottom .styledHeadingInner,
	.styledHeading.bottomBorder .styledHeadingInner {
		margin-top: -5px;
	}
	.styledHeading.styledHeadingOverlay.borderBottom .styledHeadingInner,
	.styledHeading.styledHeadingOverlay.bottomBorder .styledHeadingInner {
		margin-top: 0px;
		margin-bottom: -5px;
	}
	.section.borderBottom > .section > .styledHeading,
	.section.bottomBorder > .section > .styledHeading {
		margin-bottom: -5px ;
	}
	.styledHeading.styledHeadingMagenta .styledHeadingInner {
		/* Default */
	}
	.styledHeading.styledHeadingDarkMagenta .styledHeadingInner {
		background: #7b0e42;
	}
	.styledHeading.styledHeadingBlue .styledHeadingInner {
		background: #157e92;
	}
	.styledHeading.styledHeadingDarkBlue .styledHeadingInner {
		background: #33666f;
	}
	.styledHeading.styledHeadingGold .styledHeadingInner {
		background: #cdbe33;
	}
	.styledHeading.styledHeadingDarkGold .styledHeadingInner {
		background: #b4aa88;
	}
	.styledHeading.styledHeadingGreen .styledHeadingInner {
		background: #78d500;
	}
	.styledHeading.styledHeadingDarkGrey .styledHeadingInner, .styledHeading.styledHeadingDarkGray .styledHeadingInner {
		background: #4e504f;
	}
		h1.styledHeading .styledHeadingInner i.fa {
			vertical-align: 4px;
			margin-right: 10px;
			font-size: 32px;
		}
		body.desktopVersion h1.styledHeading .styledHeadingInner i.fa {
			vertical-align: 2px;
		}
		h2.styledHeading .styledHeadingInner i.fa {
			margin-right: 8px;
			font-size: 26px;
		}
		body.desktopVersion h2.styledHeading .styledHeadingInner i.fa {
			vertical-align: 3px;
		}
		h3.styledHeading .styledHeadingInner i.fa {
			vertical-align: 1px;
			margin-right: 6px;
			font-size: 22px;
		}
		body.desktopVersion h3.styledHeading .styledHeadingInner i.fa {
			vertical-align: 0px;
		}
		h4.styledHeading .styledHeadingInner i.fa {
			vertical-align: 0px;
			margin-right: 4px;
			font-size: 18px;
		}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
News items */

div.newsItem {
	opacity: 0;
		-moz-transition: background 0.4s ease-in-out, opacity 1s ease-in-out;
		-webkit-transition: background 0.4s ease-in-out, opacity 1s ease-in-out;
	transition: background 0.4s ease-in-out, opacity 1s ease-in-out;
}
div.newsItem + div.newsItem {
	margin-top: 20px;
}
div.newsItem.last {
	margin-bottom: 4px;
}
div.newsItem:hover {
	background: #f8f8f8;
}
div.newsItem[data-colour-scheme="blue"]:hover, div.newsItem[data-colour-scheme="darkBlue"]:hover {
	background: #f7fafa;
}
div.newsItem[data-colour-scheme="magenta"]:hover, div.newsItem[data-colour-scheme="darkMagenta"]:hover {
	background: #faf7f8;
}
div.newsItem[data-colour-scheme="gold"]:hover, div.newsItem[data-colour-scheme="darkGold"]:hover {
	background: #fffdeb;
	background: #fffef7;
}
div.newsItem[data-colour-scheme="green"]:hover, div.newsItem[data-colour-scheme="darkGreen"]:hover {
	background: #f9fff0;
}
	div.newsItem h4.newsItemIntroHeading {
		font-size: 15px;
		text-transform: uppercase;
	}
	body.desktopVersion div.newsItem h4.newsItemIntroHeading {
		margin-top: -4px !important;
	}

	div.newsItem h3.newsItemMainHeading {
		margin-top: 10px;
	}
	@media all and (max-width: 1024px) {
	div.newsItem h3.newsItemMainHeading {
		font-size: 20px;
	}}
	@media all and (min-width: 1025px) {
	div.newsItem h3.newsItemMainHeading {
		font-size: 21px;
	}}
	@media all and (min-width: 1119px) {
	div.newsItem h3.newsItemMainHeading {
		font-size: 22px;
	}}
	@media all and (min-width: 1199px) {
	div.newsItem h3.newsItemMainHeading {
		font-size: 23px;
	}}
	@media all and (min-width: 1279px) {
	div.newsItem h3.newsItemMainHeading {
		font-size: 24px;
	}}
	@media all and (min-width: 1359px) {
	div.newsItem h3.newsItemMainHeading {
		font-size: 25px;
	}}

	div.newsItem p.newsItemDate {
		opacity: 0.5;
		font-family: "Roboto Condensed", Helvetica, sans-serif;
		font-size: 15px;
	}

	div.newsItem hr {
		opacity: 0.67;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	div.newsItem p.newsItemSocialStats {
		margin-bottom: -6px !important;
		font-size: 150%;
	}
	body.mobileVersion div.newsItem p.newsItemSocialStats {
		margin-bottom: 0px !important;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Front Lines items */

div.frontLinesItem {
	opacity: 0;
	/* margin: 0px 0px 20px 0px; */
	margin: 0px; /* Margin-bottom not needed due to the padding on .frontLinesItemHighlights */
		-moz-transition: background 0.4s ease-in-out, opacity 1s ease-in-out;
		-webkit-transition: background 0.4s ease-in-out, opacity 1s ease-in-out;
	transition: background 0.4s ease-in-out, opacity 1s ease-in-out;
}
	div.frontLinesItem div.frontLinesItemImageContainer {
		min-height: 318px; /* 275px of img.frontLinesItemImage height (@1920px wide) + 43px of p.frontLinesItemCaption height */
		background-color:
	}
	@media all and (max-width: 1800px) {
	body.desktopVersion #MNUActionItemsContentContainer #MNUActionItemsFrontLines.actionItemsColumn div.frontLinesItemImageContainer {
		min-height: 298px;
	}}
	@media all and (max-width: 1680px) {
	body.desktopVersion #MNUActionItemsContentContainer #MNUActionItemsFrontLines.actionItemsColumn div.frontLinesItemImageContainer {
		min-height: 278px;
	}}
	@media all and (max-width: 1600px) {
	body.desktopVersion #MNUActionItemsContentContainer #MNUActionItemsFrontLines.actionItemsColumn div.frontLinesItemImageContainer {
		min-height: 265px;
	}}
	@media all and (max-width: 1520px) {
	body.desktopVersion #MNUActionItemsContentContainer #MNUActionItemsFrontLines.actionItemsColumn div.frontLinesItemImageContainer {
		min-height: 252px;
	}}
	@media all and (max-width: 1440px) {
	body.desktopVersion #MNUActionItemsContentContainer #MNUActionItemsFrontLines.actionItemsColumn div.frontLinesItemImageContainer {
		min-height: 239px;
		/* Here's how to calculate this:
			1440px of page width - 16px of scrollbar width (more or less) - 60px of container right padding - 60px of left padding = 1304px
			1304px * 37% = 482.48
			482.48px - 20px of column right padding - 20px of column left padding = 442.48px of image width
			442.48px tall image / 2.257 aspect ratio of the image = 196.04px
			196px + 43px of p.frontLinesItemCaption height = 239px
			sigh...
		*/
		min-height: 232px; /* That all said, while 239 is the "right" value mathmatically, 232 works better */
	}}
	@media all and (max-width: 1366px) {
	body.desktopVersion #MNUActionItemsContentContainer #MNUActionItemsFrontLines.actionItemsColumn div.frontLinesItemImageContainer {
		min-height: 227px;
		min-height: 221px; /* 227 is the "right" value mathmatically, but 221 works better */
	}}
	@media all and (max-width: 1280px) {
	body.desktopVersion #MNUActionItemsContentContainer #MNUActionItemsFrontLines.actionItemsColumn div.frontLinesItemImageContainer {
		min-height: 216px; /* 50px of right and left container padding */
		min-height: 210px; /* 216 is the "right" value mathmatically, but 210 works better */
	}}
	@media all and (max-width: 1180px) {
	body.desktopVersion #MNUActionItemsContentContainer #MNUActionItemsFrontLines.actionItemsColumn div.frontLinesItemImageContainer {
		min-height: 203px; /* 40px of right and left container padding */
	}}
	@media all and (max-width: 1100px) {
	body.desktopVersion #MNUActionItemsContentContainer #MNUActionItemsFrontLines.actionItemsColumn div.frontLinesItemImageContainer {
		min-height: 193px; /* 30px of right and left container padding */
	}}
	@media all and (max-width: 1024px) {
	body.desktopVersion #MNUActionItemsContentContainer #MNUActionItemsFrontLines.actionItemsColumn div.frontLinesItemImageContainer {
		min-height: 184px; /* 20px of right and left container padding */
	}}
	body.mobileVersion div.frontLinesItem div.frontLinesItemImageContainer {
		min-height: 0px;
	}
		div.frontLinesItemImageContainer img.frontLinesItemImage {
			display: block;
			width: 100%;
			height: auto;
		}

		div.frontLinesItemImageContainer p.frontLinesItemCaption {
			margin: 0px;
			padding: 10px;
		}
			div.frontLinesItemImageContainer p.frontLinesItemCaption i.fa {
				vertical-align: -3px;
				margin-right: 10px;
				font-size: 22px;
			}

	div.frontLinesItem div.frontLinesItemHighlights {

	}
		div.frontLinesItem h3 {
			margin: 0px 0px 5px 0px;
			text-transform: uppercase;
		}

		div.frontLinesItem ul {
			margin: 0px;
			/* text-transform: uppercase; */
		}
			div.frontLinesItem ul li {
				font-size: 14px;
			}
			@media all and (min-width: 1025px) {
			div.frontLinesItem ul li {
				font-size: 15px;
			}}
			@media all and (min-width: 1200px) {
			div.frontLinesItem ul li {
				font-size: 16px;
			}}

div.frontLinesSubscribeFormContainer {
	overflow: auto;
	margin: 0px 0px 20px 0px;
}
body.mobileVersion div.frontLinesSubscribeFormContainer {
	margin-top: 4px;
}
	div.frontLinesSubscribeFormContainer form > i.fa {
		margin: -2px 10px 0px 0px;
	}

	body.desktopVerison div.frontLinesSubscribeFormContainer h4.frontLinesSubscribeFormHeading {
		margin-top: -4px !important;
		margin-bottom: 4px;
	}

	div.frontLinesSubscribeFormContainer p.frontLinesSubscribeFormCopy {
		padding-left: 38px;
		font-size: 95%;
	}

	div.frontLinesSubscribeFormContainer p.frontLinesSubscribeFormFields {
		width: 100%;
		overflow: hidden;
		margin: 0px;
	}
	body.desktopVersion div.frontLinesSubscribeFormContainer p.frontLinesSubscribeFormFields {
		height: 36px;
	}
	body.mobileVersion div.frontLinesSubscribeFormContainer p.frontLinesSubscribeFormFields {

	}
	div.frontLinesSubscribeFormContainer p.frontLinesSubscribeFormFields::after {
		display: inline-block;
		position: absolute;
		margin: 14px 0px 0px -32px;
		content: "\f1d8";
		font-family: FontAwesome;
		font-size: 18px;
		line-height: 0.5em;
		color: #ffffff;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
	}
		div.frontLinesSubscribeFormContainer p.frontLinesSubscribeFormFields input[type="email"] {
				width: -moz-calc(100% - 105px);
				width: -webkit-calc(100% - 105px);
			width: calc(100% - 105px);
			height: 36px;
			/* vertical-align: 1px; */
			border-right-width: 0px;
				-moz-border-radius: 5px 0px 0px 5px;
				-webkit-border-radius: 5px 0px 0px 5px;
			border-radius: 5px 0px 0px 5px;
		}

		div.frontLinesSubscribeFormContainer p.frontLinesSubscribeFormFields input[type="submit"] {
			width: 105px;
			height: 36px;
			vertical-align: 1px;
			padding-right: 40px;
			text-transform: uppercase;
				-moz-border-radius: 0px 5px 5px 0px;
				-webkit-border-radius: 0px 5px 5px 0px;
			border-radius: 0px 5px 5px 0px;
		}
		body.is_firefox div.frontLinesSubscribeFormContainer p.frontLinesSubscribeFormFields input[type="submit"],
		body.is_ie div.frontLinesSubscribeFormContainer p.frontLinesSubscribeFormFields input[type="submit"] {
			vertical-align: 0px;
		}
		body.mobileVersion div.frontLinesSubscribeFormContainer p.frontLinesSubscribeFormFields input[type="submit"] {
			height: 37px;
		}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Web forms */

form.webform-client-form {

}
	form.webform-client-form .webform-progressbar {
		padding-bottom: 10px;
	}
	form.webform-client-form .webform-component.form-item {

	}
		form.webform-client-form .webform-component.form-item .form-radios {

		}
			form.webform-client-form .webform-component.form-item .form-radios .form-item.form-type-radio {

			}
				form.webform-client-form .webform-component.form-item .form-radios .form-item.form-type-radio input[type=radio] {
					margin-top: -4px;
					margin-right: 8px;
				}

		form.webform-client-form .form-actions {

		}
			form.webform-client-form .form-actions input.webform-next {
				float: right;
			}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Splash content (on the homepage) */

#splashContent {
	display: none;
}
	#splashContent a[href="#closeSplashContent"] {
		min-width: 240px;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Login popop */

div.loginPopup {
	padding: 20px;
	text-align: center;
	background: #e0e0e0;
}
	div.loginPopup div.loginLogoContainer {
		text-align: center;
	}
		div.loginPopup div.loginLogoContainer img {
			max-width: 360px;
			margin: 0px auto;
		}

	div.loginPopup div.loginPopupInnerContainer {

	}
	body.desktopVersion div.loginPopup div.loginPopupInnerContainer {
		width: auto;
		max-width: 350px;
		margin: 0px auto;
	}
		div.loginPopup p.loginLogoContainer {
			text-align: center;
		}
			div.loginPopup p.loginLogoContainer img {
				width: 100%;
			}

		div.loginPopup div.loginFormInner {

		}
			div.loginPopup div.loginFormInner div.form-item {

			}
			div.loginPopup div.loginFormInner div.form-item + div.form-item,
			div.loginPopup div.loginFormInner div.form-actions {
				margin-top: 15px;
			}
				div.loginPopup div.loginFormInner div.form-item label {
					display: none;
				}

				div.loginPopup div.loginFormInner div.form-item input[type="email"],
				div.loginPopup div.loginFormInner div.form-item input.email[type="text"],
				div.loginPopup div.loginFormInner div.form-item input#edit-name[type="text"],
				div.loginPopup div.loginFormInner div.form-item input[type="password"],
				div.loginPopup div.loginFormInner div.form-item input#edit-pass {
					width: 100%;
					padding-top: 10px;
					padding-bottom: 9px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
					border-radius: 5px;
				}

			div.loginPopup div.loginFormInner fieldset {
				margin: 0px !important;
				padding: 0px !important;
				text-align: left;
				border: none !important;
			}
				div.loginPopup div.loginFormInner fieldset legend {
					display: none;
				}

				div.loginPopup div.loginFormInner div.fieldset-wrapper {
					overflow: auto;
					padding-left: 15px;
					border-left: 4px solid #7a74a9;
				}
					div.loginPopup div.loginFormInner div.fieldset-wrapper div.fieldset-description {
						color: #666666;
						font-size: 14px;
					}

					div.loginPopup div.loginFormInner div.fieldset-wrapper div.form-item.form-item-captcha-response {
						margin-bottom: 0px;
					}
						div.loginPopup div.loginFormInner div.fieldset-wrapper div.form-item.form-item-captcha-response span.field-prefix,
						div.loginPopup div.loginFormInner div.fieldset-wrapper div.form-item.form-item-captcha-response div.description {
							color: #666666;
							font-size: 14px;
						}

						div.loginPopup div.loginFormInner div.fieldset-wrapper div.form-item.form-item-captcha-response div.description {
							float: right;
								width: -moz-calc(100% - 120px);
								width: -webkit-calc(100% - 120px);
							width: calc(100% - 120px);
							margin-top: 4px;
						}

			div.loginPopup div.loginFormInner p.accountQuestion {
				margin-top: 15px;
				margin-bottom: 0px;
				text-align: right;
				font-size: 14px;
				color: #7a74a9;
			}
			div.loginPopup div.loginFormInner p.accountQuestion + p.accountQuestion {
				margin-top: 8px;
			}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Content panels (homepage) */

div.contentPanelOuter {
	overflow: hidden;
}
body.mobileVersion div.contentPanelOuter {
	min-height: 100vh;
}
	div.contentPanel {
		width: 100%;
		height: auto;
		text-align: left;
	}
	div.contentPanel.lastContentPanel {

	}
	body.mobileVersion div.contentPanel {
		width: auto;
	}
	div.contentPanel.verticallyCenteredContainer {

	}
		div.contentPanelInner {

		}

		div.contentPanelInner.positionedContentContainer {

		}
		div.contentPanelInner.paddedTop {
			padding-top: 96px;
		}
		body.desktopVersion.homePage.withAdminToolbar div.contentPanelInner.paddedTop,
		body.desktopVersion.homePage.admin-menu div.contentPanelInner.paddedTop {
			padding-top: 132px;
		}
		body.mobileVersion div.contentPanelInner.paddedTop {
			padding-top: 48px;
		}
		/* @media all and (max-width: 1200px) {
		body.desktopVersion div.contentPanelInner.paddedTop {
			padding-top: 140px;
		}
		body.desktopVersion.withAdminToolbar div.contentPanelInner.paddedTop,
		body.desktopVersion.admin-menu div.contentPanelInner.paddedTop {
			padding-top: 176px;
		}}
		@media all and (max-width: 1440px) {
		body.desktopVersion.homePage div.contentPanelInner.paddedTop {
			padding-top: 140px;
		}
		body.desktopVersion.homePage.withAdminToolbar div.contentPanelInner.paddedTop,
		body.desktopVersion.homePage.admin-menu div.contentPanelInner.paddedTop {
			padding-top: 176px;
		}} */

		div.contentPanelInner.verticallyCentered {
			/* opacity: 0; */
				-moz-transition: all 0.4s ease-in-out;
				-webkit-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
		}
		div.contentPanelInner.verticallyCentered.paddedTop {
			padding-top: 0px;
		}
			div.contentPanelInner div.contentPanelCallout {
				opacity: 0;
					-moz-transition: all 0.9s ease-in-out;
					-webkit-transition: all 0.9s ease-in-out;
				transition: all 0.9s ease-in-out;
			}
			body.loaded div.contentPanelInner div.contentPanelCallout {

			}
			div.contentPanel.initialized div.contentPanelInner div.contentPanelCallout {
				opacity: 1;
			}
				div.contentPanelInner div.contentPanelCallout div.contentPanelCalloutContent {
					display: inline-block;
					width: 40vw;
					max-width: 660px;
					margin: 0px auto;
					padding: 20px 20px;
					text-align: left;
					background-color: rgb(52, 99, 112);
					background-color: rgba(52, 99, 112, 0.67);
					border: 2px solid rgb(255, 255, 255);
					border: 2px solid rgba(255, 255, 255, 0.85);
						-moz-border-radius: 20px;
						-webkit-border-radius: 20px;
					border-radius: 20px;
						-moz-text-shadow: 0px 3px 5px rgba(51, 51, 51, 0.8);
						-webkit-text-shadow: 0px 3px 5px rgba(51, 51, 51, 0.8);
					text-shadow: 0px 3px 5px rgba(51, 51, 51, 0.8);
						-moz-transition: all 1s ease-in-out;
						-webkit-transition: all 1s ease-in-out;
					transition: all 1s ease-in-out;
				}
				div.contentPanelInner div.contentPanelCallout.positionedContent div.contentPanelCalloutContent {
					width: 100vw;
				}
				div.contentPanelInner div.contentPanelCallout.positionedContent.positionedCenter div.contentPanelCalloutContent,
				div.contentPanelInner div.contentPanelCallout.positionedContent.positionedCentre div.contentPanelCalloutContent {
					/* max-width: 100%; */
				}
				div.contentPanelInner div.contentPanelCallout.positionedRight div.contentPanelCalloutContent {
					max-width: 658px;
					border-right-width: 0px;
						-moz-border-radius: 20px 0px 0px 20px;
						-webkit-border-radius: 20px 0px 0px 20px;
					border-radius: 20px 0px 0px 20px;
				}
				div.contentPanelInner.constrained div.contentPanelCallout.positionedRight div.contentPanelCalloutContent {
					max-width: 660px;
					border-right-width: 2px;
						-moz-border-radius: 20px;
						-webkit-border-radius: 20px;
					border-radius: 20px;
				}
				div.contentPanelInner div.contentPanelCallout.positionedLeft div.contentPanelCalloutContent {
					max-width: 658px;
					border-left-width: 0px;
						-moz-border-radius: 0px 20px 20px 0px;
						-webkit-border-radius: 0px 20px 20px 0px;
					border-radius: 0px 20px 20px 0px;
				}
				div.contentPanelInner.constrained div.contentPanelCallout.positionedLeft div.contentPanelCalloutContent {
					max-width: 660px;
					border-left-width: 2px;
						-moz-border-radius: 20px;
						-webkit-border-radius: 20px;
					border-radius: 20px;
				}

				body.mobileVersion div.contentPanelInner div.contentPanelCallout.positionedContent div.contentPanelCalloutContent {
					/* width: 100%; */
				}
				body.desktopVersion div.contentPanelInner div.contentPanelCallout.positionedRight div.contentPanelCalloutContent {
					padding-right: 80px;
						-moz-transition: all 1s ease-in-out;
						-webkit-transition: all 1s ease-in-out;
					transition: all 1s ease-in-out;
				}
				@media all and (max-width: 1280px) {
				body.desktopVersion div.contentPanelInner div.contentPanelCallout.positionedRight div.contentPanelCalloutContent {
					padding-right: 70px;
				}}
				@media all and (max-width: 1180px) {
				body.desktopVersion div.contentPanelInner div.contentPanelCallout.positionedRight div.contentPanelCalloutContent {
					padding-right: 60px;
				}}
				@media all and (max-width: 1100px) {
				body.desktopVersion div.contentPanelInner div.contentPanelCallout.positionedRight div.contentPanelCalloutContent {
					padding-right: 50px;
				}}
				@media all and (max-width: 1024px) {
				body.desktopVersion div.contentPanelInner div.contentPanelCallout.positionedRight div.contentPanelCalloutContent {
					padding-right: 40px;
				}}
				body.mobileVersion div.contentPanelInner div.contentPanelCallout div.contentPanelCalloutContent {
						width: -moz-calc(100% - 20px);
						width: -webkit-calc(100% - 20px);
					width: calc(100% - 20px);
					margin: 0px 10px;
					padding: 10px 10px 10px 10px;
				}
				body.mobileVersion div.contentPanelInner div.contentPanelCallout.positionedRight div.contentPanelCalloutContent {
						width: -moz-calc(100% - 10px);
						width: -webkit-calc(100% - 10px);
					width: calc(100% - 10px);
					margin-right: 0px;
				}
				body.mobileVersion div.contentPanelInner div.contentPanelCallout.positionedLeft div.contentPanelCalloutContent {
						width: -moz-calc(100% - 10px);
						width: -webkit-calc(100% - 10px);
					width: calc(100% - 10px);
					margin-left: 0px;
				}
					div.contentPanelInner div.contentPanelCallout div.contentPanelCalloutContent h2,
					div.contentPanelInner div.contentPanelCallout div.contentPanelCalloutContent h3,
					div.contentPanelInner div.contentPanelCallout div.contentPanelCalloutContent h4 {
						margin-top: 0px !important;
						font-family: "Roboto Condensed", Helvetica, sans-serif;
						font-size: 32px;
						/* font-style: italic; */
						line-height: 1.05em;
						color: #ffffff;
							-moz-transition: font-size 0.9s ease-in-out;
							-webkit-transition: font-size 0.9s ease-in-out;
						transition: font-size 0.9s ease-in-out;
					}
					body.mobileVersion div.contentPanelInner div.contentPanelCallout div.contentPanelCalloutContent h2,
					body.mobileVersion div.contentPanelInner div.contentPanelCallout div.contentPanelCalloutContent h3,
					body.mobileVersion div.contentPanelInner div.contentPanelCallout div.contentPanelCalloutContent h4 {
						font-size: 32px;
					}

					div.contentPanelInner div.contentPanelCallout div.contentPanelCalloutContent p {
						margin: 0px;
						color: #ffffff;
							-moz-transition: font-size 0.9s ease-in-out;
							-webkit-transition: font-size 0.9s ease-in-out;
						transition: font-size 0.9s ease-in-out;
					}
					body.desktopVersion div.contentPanelInner div.contentPanelCallout div.contentPanelCalloutContent p {
						font-size: 20px;
						line-height: 1.2em;
					}
					body.mobileVersion div.contentPanelInner div.contentPanelCallout div.contentPanelCalloutContent p {
						font-size: 18px;
						line-height: 1.25em;
					}
					div.contentPanelInner div.contentPanelCallout div.contentPanelCalloutContent p + p {
						margin-top: 20px;
					}
					body.mobileVersion div.contentPanelInner div.contentPanelCallout div.contentPanelCalloutContent p + p {
						margin-top: 10px;
					}
						div.contentPanelInner div.contentPanelCallout div.contentPanelCalloutContent p cite {
							display: block;
							padding-bottom: 10px;
							font-style: normal;
							font-size: 44px;
								-moz-transition: font-size 0.9s ease-in-out;
								-webkit-transition: font-size 0.9s ease-in-out;
							transition: font-size 0.9s ease-in-out;
						}
					@media all and (max-width: 1440px) {
					div.contentPanelInner div.contentPanelCallout div.contentPanelCalloutContent h2,
					div.contentPanelInner div.contentPanelCallout div.contentPanelCalloutContent h3,
					div.contentPanelInner div.contentPanelCallout div.contentPanelCalloutContent h4 {
						font-size: 36px;
					}

					div.contentPanelInner div.contentPanelCallout div.contentPanelCalloutContent p {
						font-size: 24px;
						line-height: 1.25em;
					}
					div.contentPanelInner div.contentPanelCallout div.contentPanelCalloutContent p + p {
						margin-top: 24px;
					}
						div.contentPanelInner div.contentPanelCallout div.contentPanelCalloutContent p cite {
							font-size: 36px;
						}
					}
					@media all and (max-width: 1200px) {
					div.contentPanelInner div.contentPanelCallout div.contentPanelCalloutContent h2,
					div.contentPanelInner div.contentPanelCallout div.contentPanelCalloutContent h3,
					div.contentPanelInner div.contentPanelCallout div.contentPanelCalloutContent h4 {
						font-size: 30px;
					}

					div.contentPanelInner div.contentPanelCallout div.contentPanelCalloutContent p {
						font-size: 20px;
						line-height: 1.3em;
					}
					div.contentPanelInner div.contentPanelCallout div.contentPanelCalloutContent p + p {
						margin-top: 20px;
					}
						div.contentPanelInner div.contentPanelCallout div.contentPanelCalloutContent p cite {
							font-size: 30px;
						}
					}

		#content div.contentPanelOuter:first-child div.contentPanel div.contentPanelInner {

		}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Landing panel (content panel #1
on the homepage) */

#landingAreaPanelContainer {

}
	#landingAreaPanelContainer div.backstretch {
		opacity: 0;
	}

	#landingAreaPanel {

	}
		#landingAreaPanel div.contentPanelInner {

		}
			#landingAreaPanel div.contentPanelInner div.contentPanelCallout {
				margin-bottom: 20px;
			}
			body.desktopVersion #landingAreaPanel div.contentPanelInner div.contentPanelCallout {

			}
			@media all and (max-height: 600px) {
			body.desktopVersion #landingAreaPanel div.contentPanelInner div.contentPanelCallout {

			}}
			body.tabletVersion.portrait #landingAreaPanel div.contentPanelInner div.contentPanelCallout,
			body.tabletVersion.landscape #landingAreaPanel div.contentPanelInner div.contentPanelCallout {
				margin-bottom: 80px !important;
			}
			body.mobileVersion.portrait #landingAreaPanel div.contentPanelInner div.contentPanelCallout {
				margin-bottom: 80px !important;
			}
			body.mobileVersion.landscape #landingAreaPanel div.contentPanelInner div.contentPanelCallout {
				margin-bottom: 10px !important;
			}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Action Items (content panel #2
on the homepage) */

#ascrail2000.nicescroll-rails {
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	border-radius: 2px;
}

#MNUActionItemsPanelContainer {
	min-height: 0px !important;
	background: #157e92;
}
#MNUActionItemsPanel {

}
	#MNUActionItemsPanel div.contentPanelInner {

	}
	body.mobileVersion #MNUActionItemsPanel div.contentPanelInner {
		padding-top: 28px;
	}
		#MNUActionItemsHeading {
			/* background: #eaeaea; */
		}
		body.desktopVersion #MNUActionItemsHeading {
			height: 110px; /* 176px; */
			margin: 0px;
			padding: 66px 80px 0px 80px;  /* 136px 80px 0px 80px;*/
		}
		body.mobileVersion #MNUActionItemsHeading {
			padding: 39px 48px 0px 0px;
		}
		@media all and (max-width: 1280px) {
		body.desktopVersion #MNUActionItemsHeading {
			padding-right: 70px;
			padding-right: 70px;
		}}
		@media all and (max-width: 1180px) {
		body.desktopVersion #MNUActionItemsHeading {
			padding-right: 60px;
			padding-right: 60px;
		}}
		@media all and (max-width: 1100px) {
		body.desktopVersion #MNUActionItemsHeading {
			padding-right: 50px;
			padding-right: 50px;
		}}
		@media all and (max-width: 1024px) {
		body.desktopVersion #MNUActionItemsHeading {
			padding-right: 40px;
			padding-right: 40px;
		}}

		body.mobileVersion #MNUActionItemsHeading {
			/* height: 100px;
			padding: 96px 80px 0px 80px; */
		}

		#MNUActionItemsContentContainer {
			max-width: 1904px;
			margin: 0px 0px 15% 0px;
			margin: 0px 0px 15vh 0px;
			padding: 20px 60px 0px 60px;
			text-align: center;
			background: #ffffff;
		}
		body.desktopVersion.is_ie9 #MNUActionItemsContentContainer,
		body.desktopVersion.is_ie8 #MNUActionItemsContentContainer {
			overflow: auto;
		}
		@media all and (max-width: 1280px) {
		body.desktopVersion #MNUActionItemsContentContainer {
			padding-right: 50px;
			padding-left: 50px;
		}}
		@media all and (max-width: 1180px) {
		body.desktopVersion #MNUActionItemsContentContainer {
			padding-right: 40px;
			padding-left: 40px;
		}}
		@media all and (max-width: 1100px) {
		body.desktopVersion #MNUActionItemsContentContainer {
			padding-right: 30px;
			padding-left: 30px;
		}}
		@media all and (max-width: 1024px) {
		body.desktopVersion #MNUActionItemsContentContainer {
			padding-right: 20px;
			padding-left: 20px;
		}}
		body.mobileVersion #MNUActionItemsContentContainer {
			padding-right: 10px;
			padding-left: 10px;
		}
			#MNUActionItemsContent {
				/* margin: 0px 80px; */
				margin: 0px auto;
				text-align: left;
			}
			@media all and (max-width: 1024px) {
			#MNUActionItemsContent {
				/* margin: 0px 60px; */
			}}
			body.mobileVersion #MNUActionItemsContent {
				padding: 10px 0px 10px 0px;
			}
			body.desktopVersion #MNUActionItemsContent {
					display: box;
					display: flexbox;
					display: -ms-flexbox;
					display: -webkit-box;
					display: -webkit-flex;
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				-ms-flex-align: start;
				align-items: flex-start;
			}
			body.mobileVersion #MNUActionItemsContent {

			}
				#MNUActionItemsContent .actionItemsColumn {

				}
				body.desktopVersion #MNUActionItemsContent .actionItemsColumn {
					flex-grow: 1;
					flex-shrink: 1;
					width: 26%;
					padding: 0px 20px;
				}
				body.desktopVersion.is_ie9 #MNUActionItemsContent .actionItemsColumn,
				body.desktopVersion.is_ie8 #MNUActionItemsContent .actionItemsColumn {
					float: left;
				}
				body.desktopVersion #MNUActionItemsContent .actionItemsColumn:nth-child(2),
				body.desktopVersion #MNUActionItemsContent .actionItemsColumn:nth-child(3) {
					width: 37%;
				}
				body.desktopVersion.is_ie8 #MNUActionItemsContent #MNUActionItemsLatestNews.actionItemsColumn {
					padding-bottom: 20px;
				}
				body.desktopVersion.is_ie8 #MNUActionItemsContent #MNUActionItemsFrontLines.actionItemsColumn,
				body.desktopVersion.is_ie8 #MNUActionItemsContent #MNUActionItemsPriorities.actionItemsColumn {
					width: 37% !important;
				}
				body.mobileVersion #MNUActionItemsContent .actionItemsColumn {
					overflow: visible;
				}
				body.mobileVersion #MNUActionItemsContent .actionItemsColumn {
					-webkit-overflow-scrolling: touch;
				}
					body.desktopVersion #MNUActionItemsContent .actionItemsColumn .actionItemsColumnInner {

					}
						body.desktopVersion #MNUActionItemsContent .actionItemsColumn .actionItemsColumnInner > h3.smallHeading:first-child {
							margin-top: 0px;
						}

						body.mobileVersion #MNUActionItemsContentContainer #MNUActionItemsFrontLines.actionItemsColumn img.frontLinesItemImage {
							/* padding-right: 10px;
							padding-left: 10px; */
						}

/* Social media */
#MNUActionItemsPriorities {

}
	div.prioritiesItem {
		overflow: hidden;
		margin: 0px 0px 20px 0px;
	}
		div.prioritiesItem > img, div.prioritiesItem > a > img {
			display: block;
			width: 100%;
			height: auto;
		}

	div.stayConnected {
		text-align: right;
	}
		div.stayConnected img.stayConnectedGraphic, div.stayConnected img.socialMediaIcon {
			width: auto;
			height: auto;
				-moz-transition: all 0.4s ease-in-out;
				-webkit-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
		}
		div.stayConnected img.socialMediaIcon {
			margin: 0px 0px 0px 12px;
		}
		@media all and (max-width: 1024px) {
		div.stayConnected img.stayConnectedGraphic, div.stayConnected img.socialMediaIcon {
			max-height: 45px;
		}}
		@media all and (min-width: 1024px) {
		div.stayConnected img.stayConnectedGraphic, div.stayConnected img.socialMediaIcon {
			max-height: 45px;
		}}
		@media all and (min-width: 1119px) {
		div.stayConnected img.stayConnectedGraphic, div.stayConnected img.socialMediaIcon {
			max-height: 49px;
		}}
		@media all and (min-width: 1199px) {
		div.stayConnected img.stayConnectedGraphic, div.stayConnected img.socialMediaIcon {
			max-height: 51px;
		}}
		@media all and (min-width: 1279px) {
		div.stayConnected img.stayConnectedGraphic, div.stayConnected img.socialMediaIcon {
			max-height: 56px;
		}}
		@media all and (min-width: 1359px) {
		div.stayConnected img.stayConnectedGraphic, div.stayConnected img.socialMediaIcon {
			max-height: 61px;
		}}
		@media all and (min-width: 1439px) {
		div.stayConnected img.stayConnectedGraphic, div.stayConnected img.socialMediaIcon {
			max-height: 64px;
		}}
		@media all and (min-width: 1519px) {
		div.stayConnected img.stayConnectedGraphic, div.stayConnected img.socialMediaIcon {
			max-height: 70px;
		}}
		body.desktopVersion.is_ie8 div.stayConnected img.stayConnectedGraphic,
		body.desktopVersion.is_ie8 div.stayConnected img.socialMediaIcon {
			max-height: 48px;
		}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Member Resources (content panel #3,
on the homepage) */

#memberResourcesPanel {
	min-height: 100vh;
}
	#memberResourcesPanel div.contentPanelInner {

	}
		#memberResourcesLinks {
			background: rgb(255, 255, 255) no-repeat center center none;
			background: rgba(255, 255, 255, 0.85) no-repeat center center none;
			background-size: 0% auto;
				  -moz-transition: all 0.4s ease-in-out;
				  -webkit-transition: all 0.4s ease-in-out;
			  transition: all 1s ease-in-out;
		}
		#memberResourcesLinks.withShadow {

		}
		body.desktopVersion #memberResourcesLinks {
			width: 50vw;
			max-width: 640px;
			/* min-height: 314px; *//* Twice the min-height of img.memberResourcesTile (260px), based on an aspect ratio of 1.66 */
				max-height: -moz-calc(640px / 1.66);
				max-height: -webkit-calc(640px / 1.66);
			max-height: calc(640px / 1.66);
			overflow: hidden;
			margin-right: 80px;
			margin-bottom: 5%;
			margin-bottom: 5vh;
		}
		@media all and (max-width: 1280px) {
		body.desktopVersion #memberResourcesLinks {
			margin-right: 70px;
		}}
		@media all and (max-width: 1180px) {
		body.desktopVersion #memberResourcesLinks {
			margin-right: 60px;
		}}
		@media all and (max-width: 1100px) {
		body.desktopVersion #memberResourcesLinks {
			margin-right: 50px;
		}}
		@media all and (max-width: 1024px) {
		body.desktopVersion #memberResourcesLinks {
			margin-right: 40px;
		}}
		body.mobileVersion #memberResourcesLinks {
			margin: 0px 10px;
		}
		body.tabletVersion.portrait #memberResourcesLinks {
			width: 100vw;
			margin-top: 15%;
			margin-top: 15vh;
			margin-bottom: 0px;
		}
		body.mobileVersion #memberResourcesLinks.marginRight80 {
			margin-right: 0px !important;
		}
		body.mobileVersion #memberResourcesLinks {
			margin-bottom: 80px !important;
		}
			ul#memberResourcesLinksList {
				list-style: none;
				margin: 0px;
				padding: 0px;
			}
				ul#memberResourcesLinksList li {
					opacity: 0;
					position: relative;
					float: left;
					overflow: auto;
						-moz-transition: all 0.4s ease-in-out;
						-webkit-transition: all 0.4s ease-in-out;
					transition: all 1.4s ease-in-out;
				}
				ul#memberResourcesLinksList li.opaque {
					opacity: 1;
				}
				ul#memberResourcesLinksList li:nth-child(odd) {
					clear: left;
				}
				ul#memberResourcesLinksList li:hover {

				}
					ul#memberResourcesLinksList li a {
						display: block;
						overflow: auto;
					}
					ul#memberResourcesLinksList li a:hover {

					}
						ul#memberResourcesLinksList li img.memberResourcesTile {
							display: block;
							opacity: 0.85;
							width: 25vw;
							max-width: 320px;
							height: auto;
								-moz-transition: all 0.4s ease-in-out;
								-webkit-transition: all 0.4s ease-in-out;
							transition: all 0.4s ease-in-out;
						}
						body.mobileVersion ul#memberResourcesLinksList li img.memberResourcesTile {
							width: calc(50vw - 10px);
						}
						body.tabletVersion.portrait ul#memberResourcesLinksList li a img.memberResourcesTile {
							width: 50vw;
						}
						ul#memberResourcesLinksList li a:hover img.memberResourcesTile { /* For FF's benefit... sigh... */
							opacity: 1 !important;
						}

						ul#memberResourcesLinksList li div.imageOverlay {

						}
						body.desktopVersion.is_ie8 ul#memberResourcesLinksList li div.imageOverlay {
							display: none;
						}
							body.mobileVersion ul#memberResourcesLinksList li div.imageOverlay h3 {
								margin-bottom: 6px;
								font-size: 20px;
								line-height: 22px;
							}

							ul#memberResourcesLinksList li div.imageOverlay p {
								font-size: 85%;
								line-height: 1.35em;
							}
							body.mobileVersion ul#memberResourcesLinksList li div.imageOverlay p {
								line-height: 1.2em;
							}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
MNU & You (content panel #4,
on the homepage) */

#MNUandYouPanelContainer {

}
#MNUandYouPanel {
	min-height: 100vh;
	background: #ffffff;
}
	#MNUandYouPanel div.contentPanelInner {

	}
	body.mobileVersion #MNUandYouPanel div.contentPanelInner {
		padding-top: 44px;
	}
		#MNUandYouHeading {
			margin-top: -69px;
			padding: 30px 80px 0px 80px;
		}
		body.desktopVersion #MNUandYouHeading {

		}
		@media all and (max-width: 1280px) {
		body.desktopVersion #MNUandYouHeading {
			padding-right: 70px;
			padding-right: 70px;
		}}
		@media all and (max-width: 1180px) {
		body.desktopVersion #MNUandYouHeading {
			padding-right: 60px;
			padding-right: 60px;
		}}
		@media all and (max-width: 1100px) {
		body.desktopVersion #MNUandYouHeading {
			padding-right: 50px;
			padding-right: 50px;
		}}
		@media all and (max-width: 1024px) {
		body.desktopVersion #MNUandYouHeading {
			padding-right: 40px;
			padding-right: 40px;
		}}
		body.mobileVersion #MNUandYouHeading {
			padding: 35px 48px 0px 0px;
		}

		#MNUandYouContentContainer {
			max-width: 1440px; /* With the 80px of left and right padding, that makes this effectively max 1280px */
min-height: 40vh;
			margin: 0px auto;
		}
		body.desktopVersion #MNUandYouContentContainer {
			padding: 80px 70px 40px 70px;
		}
		@media all and (max-width: 1280px) {
		body.desktopVersion #MNUandYouContentContainer {
			padding-right: 60px;
			padding-left: 60px;
		}}
		@media all and (max-width: 1180px) {
		body.desktopVersion #MNUandYouContentContainer {
			padding-right: 50px;
			padding-left: 50px;
		}}
		@media all and (max-width: 1100px) {
		body.desktopVersion #MNUandYouContentContainer {
			padding-right: 40px;
			padding-left: 40px;
		}}
		@media all and (max-width: 1024px) {
		body.desktopVersion #MNUandYouContentContainer {
			padding-right: 30px;
			padding-left: 30px;
		}}
		body.mobileVersion #MNUandYouContentContainer {
			padding: 0px 10px 0px 10px;
		}
			#MNUandYouContent {

			}
			body.desktopVersion #MNUandYouContent {
					display: box;
					display: flexbox;
					display: -ms-flexbox;
					display: -webkit-box;
					display: -webkit-flex;
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				-ms-flex-align: end;
				align-items: flex-start;
			}
			body.desktopVersion.is_ie9 #MNUandYouContent,
			body.desktopVersion.is_ie8 #MNUandYouContent {
				overflow: hidden;
			}
				body.desktopVersion #MNUandYouContent .MNUandYouColumn {
					flex-grow: 1;
					flex-shrink: 1;
					width: 50%;
					padding: 0px 10px;
				}
				body.desktopVersion.is_ie9 #MNUandYouContent .MNUandYouColumn,
				body.desktopVersion.is_ie8 #MNUandYouContent .MNUandYouColumn {
					float: left;
				}
				body.mobileVersion #MNUandYouContent .MNUandYouColumn {
					margin: 40px 0px 0px 0px;
				}
					body.desktopVersion #MNUandYouContent .MNUandYouColumn .MNUandYouColumnInner {

					}
						.MNUandYouWhoWeAreTiles {
							overflow: hidden;
						}
							body.desktopVersion .MNUandYouWhoWeAreTiles .tileItem {
								float: left;
								width: 35.666666%;
							}
							body.desktopVersion .MNUandYouWhoWeAreTiles .tileItem:nth-child(1) {

							}
							body.desktopVersion .MNUandYouWhoWeAreTiles .tileItem:nth-child(2),
							body.desktopVersion .MNUandYouWhoWeAreTiles .tileItem:nth-child(3) {
								width: 64.333333%;
							}
								.MNUandYouWhoWeAreTiles .tileItem img {
									display: block;
									width: 100%;
								}

								.MNUandYouWhoWeAreTiles .tileItem .styledHeading {

								}

						#MNUandYouContent #MNUandYouWhoWeAre {

						}
						body.is_ie10 #MNUandYouContent #MNUandYouWhoWeAre {
							position: relative;
							top: -40px;
						}

						#MNUandYouContent #MNUandYouHowWeWorkForYou {

						}
						body.is_ie10 #MNUandYouContent #MNUandYouHowWeWorkForYou {

						}
						body.mobileVersion #MNUandYouContent #MNUandYouHowWeWorkForYou {
							margin-bottom: 30px;
						}
							body.mobileVersion #MNUandYouContent #MNUandYouHowWeWorkForYou ul.slick-dots {
								padding-right: 4px;
								padding-left: 0px;
							}
								#MNUandYouContent #MNUandYouHowWeWorkForYou #featuredLinkLabel {
									margin-left: 0px;
								}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Magazine content */

#MNUFrontLinesHeading {

}
body.mobileVersion #MNUFrontLinesHeading {
	padding-top: 38px;
	padding-left: 10px;
}
	body.desktopVersion #MNUFrontLinesHeading.styledHeading.borderBottom .styledHeadingInner,
	body.desktopVersion #MNUFrontLinesHeading.styledHeading.bottomBorder .styledHeadingInner {
		margin-top: 2px;
	}

	body.mobileVersion #MNUFrontLinesHeading i.fa {
		vertical-align: 0px;
	}

#content.magazineContent {
	padding: 0px;
}

/* Nav - drop-down */
#magazineSectionNavContainer {

}
body.mobileVersion #magazineSectionNavContainer {
	margin: 0px;
	padding: 4px 4px 0px 4px;
	background: #eaeaea;
}
#magazineSectionNav {
	position: relative;
	float: right;
	min-width: 200px;
	max-width: 300px;
	margin: 20px 0px 0px 10px;
}
body.mobileVersion #magazineSectionNav {
	float: none;
		/* width: -moz-calc(100% - 8px);
		width: -webkit-calc(100% - 8px);
	width: calc(100% - 8px); */
	width: 100%;
	max-width: none;
	margin: 0px;
}

/* Nav - dots */
.slick-dots.magazineContent {
	float: right;
	/* margin: 25px 48px 0px 19px; */
	margin: 19px 0px 0px 20px;
}
body.mobileVersion .slick-dots.magazineContent {
	float: none;
	margin: 2px 30px 0px 30px;
	text-align: center;
}
	.slick-dots.magazineContent li.slick-active button {
			/* -moz-box-shadow: 0px 0px 4px 0px rgba(51, 51, 51, 0.8);
			-webkit-box-shadow: 0px 0px 4px 0px rgba(51, 51, 51, 0.8);
		box-shadow: 0px 0px 4px 0px rgba(51, 51, 51, 0.8); */
	}

/* Nav - arrows */
#content.magazineContent .slick-arrow.slick-prev, #content.magazineContent .slick-arrow.slick-next {
	position: fixed;
	margin-top: -28px;
	color: #7b0e42;
}
	/* nav arrows for an album inside the magazineContent */
	#content.magazineContent .carousel.album .slick-arrow.slick-prev, #content.magazineContent .carousel.album  .slick-arrow.slick-next {
		position: absolute;
		margin: auto;
		color: #fff;
		text-shadow: 0 0 3px #333;
	}

#content.magazineContent .slick-arrow.slick-prev {
	left: 7px;
}
#content.magazineContent .slick-arrow.slick-next {
	right: 7px;
}
body.mobileVersion #content.magazineContent .slick-arrow.slick-prev,
body.mobileVersion #content.magazineContent .slick-arrow.slick-next {
	position: absolute;
	top: 177px;
	margin-top: 0px;
}
body.mobileVersion #content.magazineContent .slick-arrow.slick-next {
	float: right;
}

/* album carousel inside magazine page*/
div.carousel.magazineContent .carousel.album {

}
	div.carousel.magazineContent .carousel.album .carouselItemCopy {
		color: #666;
		background-color: #ddd;
		text-align: center;
		padding: 20px;
	}

/* Carousel itself */
div.carousel.magazineContent div.carouselItem {
	overflow: auto;
	min-height: 200px;
}
	div.carousel.magazineContent div.carouselItem div.magazineSection {
		overflow: auto;
	}
	body.desktopVersion div.carousel.magazineContent div.carouselItem div.magazineSection {
			display: box;
			display: flexbox;
			display: -ms-flexbox;
			display: -webkit-box;
			display: -webkit-flex;
		display: flex;
	}
	body.desktopVersion.is_ie9 #content div.carousel.magazineContent div.carouselItem div.magazineSection.withColumns,
	body.desktopVersion.is_ie8 #content div.carousel.magazineContent div.carouselItem div.magazineSection.withColumns {
		position: relative;
	}
	body.mobileVersion #content div.carousel.magazineContent div.carouselItem div.magazineSection {
		padding-right: 0px;
		padding-left: 0px;
	}
		div.carousel.magazineContent div.carouselItem div.magazineSection.paddedTop,
		div.carousel.magazineContent div.carouselItem div.magazineSection > .paddedTop,
		div.carousel.magazineContent div.carouselItem div.magazineSection > .magazineSectionColumn > .paddedTop {
			padding-top: 40px;
		}
		div.carousel.magazineContent div.carouselItem div.magazineSection.paddedBottom,
		div.carousel.magazineContent div.carouselItem div.magazineSection .paddedBottom {
			padding-bottom: 40px;
		}
		body.mobileVersion div.carousel.magazineContent div.carouselItem div.magazineSection.paddedTop,
		body.mobileVersion div.carousel.magazineContent div.carouselItem div.magazineSection > .paddedTop,
		body.mobileVersion div.carousel.magazineContent div.carouselItem div.magazineSection > .magazineSectionColumn > .paddedTop {
			padding-top: 20px;
		}
		body.mobileVersion div.carousel.magazineContent div.carouselItem div.magazineSection.paddedBottom,
		body.mobileVersion div.carousel.magazineContent div.carouselItem div.magazineSection .paddedBottom {
			padding-bottom: 20px;
		}
		div.carousel.magazineContent div.carouselItem div.magazineSection.lightColourScheme {
			color: #ffffff !important;
		}
			div.carousel.magazineContent div.carouselItem div.magazineSection.lightColourScheme * {
				color: #ffffff !important;
			}

		/* Headings */
		div.carousel.magazineContent div.carouselItem div.magazineSection.paddedTop > h3:first-child,
		div.carousel.magazineContent div.carouselItem div.magazineSection > .paddedTop > h3:first-child,
		div.carousel.magazineContent div.carouselItem div.magazineSection > .magazineSectionColumn > .paddedTop > h3:first-child {
			margin-top: 0px;
		}

		/* Magazine section columns */
		body.desktopVersion div.carousel.magazineContent div.carouselItem div.magazineSection div.magazineSectionColumn {
			width: 100%;
		}
		body.desktopVersion div.carousel.magazineContent div.carouselItem div.magazineSection.withColumns div.magazineSectionColumn {
			flex-grow: 1;
			flex-shrink: 1;
			flex: 1;
			float: left;
			width: 50%;
			/* min-height: 50%;
			min-height: 50vh; */
			padding-right: 45px;
			padding-left: 45px;
		}
		body.desktopVersion.is_ie9 div.carousel.magazineContent div.carouselItem div.magazineSection.withColumns div.magazineSectionColumn.magazineSectionColumnRight,
		body.desktopVersion.is_ie8 div.carousel.magazineContent div.carouselItem div.magazineSection.withColumns div.magazineSectionColumn.magazineSectionColumnRight {
			float: right;
		}
		body.desktopVersion.is_ie9 div.carousel.magazineContent div.carouselItem div.magazineSection.withColumns div.magazineSectionColumn.magazineSectionExtraColumn,
		body.desktopVersion.is_ie8 div.carousel.magazineContent div.carouselItem div.magazineSection.withColumns div.magazineSectionColumn.magazineSectionExtraColumn {
			position: absolute;
			height: 100%;
		}
		body.desktopVersion.is_ie9 div.carousel.magazineContent div.carouselItem div.magazineSection.withColumns div.magazineSectionColumn.magazineSectionExtraColumn.magazineSectionExtraColumnLeft,
		body.desktopVersion.is_ie8 div.carousel.magazineContent div.carouselItem div.magazineSection.withColumns div.magazineSectionColumn.magazineSectionExtraColumn.magazineSectionExtraColumnLeft {
			top: 0px;
			/* right: 0px; */
			bottom: 0px;
			left: 0px;
		}
		body.desktopVersion.is_ie9 div.carousel.magazineContent div.carouselItem div.magazineSection.withColumns div.magazineSectionColumn.magazineSectionExtraColumn.magazineSectionExtraColumnRight,
		body.desktopVersion.is_ie8 div.carousel.magazineContent div.carouselItem div.magazineSection.withColumns div.magazineSectionColumn.magazineSectionExtraColumn.magazineSectionExtraColumnRight {
			top: 0px;
			right: 0px;
			bottom: 0px;
			/* left: 0px; */
		}
		body.mobileVersion div.carousel.magazineContent div.carouselItem div.magazineSection.withColumns div.magazineSectionColumn {
			padding-right: 20px;
			padding-left: 20px;
		}
		body.mobileVersion div.carousel.magazineContent div.carouselItem div.magazineSection.withColumns div.magazineSectionColumn.magazineSectionExtraColumn {
			padding-right: 0px;
			padding-left: 0px;
		}
			body.mobileVersion div.carousel.magazineContent div.carouselItem div.magazineSection.withColumns div.magazineSectionColumn.magazineSectionExtraColumn img {
				display: block;
				width: 100%;
				height: auto;
			}

			div.carousel.magazineContent div.carouselItem div.magazineSection.withColumns div.magazineSectionColumn div.subColumnContainer {
				clear: both;
			}
			body.mobileVersion div.carousel.magazineContent div.carouselItem div.magazineSection.withColumns div.magazineSectionColumn div.subColumnContainer.withBottomMargin {
				margin-bottom: 10px !important;
			}
				body.desktopVersion div.carousel.magazineContent div.carouselItem div.magazineSection.withColumns div.magazineSectionColumn div.subColumn {
					width: 47.874%;
					margin-right: 2.126%;
					margin-left: 2.126%;
				}
				body.desktopVersion div.carousel.magazineContent div.carouselItem div.magazineSection.withColumns div.magazineSectionColumn div.subColumn.subColumn100 {
					width: 100%;
					margin-right: 0px;
					margin-left: 0px;
				}

			div.carousel.magazineContent div.carouselItem div.carouselItemCopy,
			div.carousel.magazineContent div.carouselItem div.carouselItemButtons {
				display: block;
			}

/* Magazine callouts */
div.callout {
	margin: 0px 0px 30px 0px;
	padding: 0px;
}
p + div.callout {
	margin-top: 30px;
}
/* p.withoutBottomMargin + div.callout {
	margin-top: 30px;
} */
div.magazineSection div.callout.borderTopBlue,
div.magazineSection div.callout.topBorderBlue,
div.magazineSection div.callout.borderTopGreen,
div.magazineSection div.callout.topBorderGreen,
div.magazineSection div.callout.borderTopRed,
div.magazineSection div.callout.topBorderRed,
div.magazineSection div.callout.borderTopTeal,
div.magazineSection div.callout.topBorderTeal,
div.magazineSection div.callout.borderTopYellow,
div.magazineSection div.callout.topBorderYellow {
	padding-top: 20px;
}
div.magazineSection div.callout.borderBottomBlue,
div.magazineSection div.callout.bottomBorderBlue,
div.magazineSection div.callout.borderBottomGreen,
div.magazineSection div.callout.bottomBorderGreen,
div.magazineSection div.callout.borderBottomRed,
div.magazineSection div.callout.bottomBorderRed,
div.magazineSection div.callout.borderBottomTeal,
div.magazineSection div.callout.bottomBorderTeal,
div.magazineSection div.callout.borderBottomYellow,
div.magazineSection div.callout.bottomBorderYellow {
	padding-bottom: 20px;
}
div.magazineSection.lightColourScheme div.callout.borderTopBlue,
div.magazineSection.lightColourScheme div.callout.topBorderBlue,
div.magazineSection.lightColourScheme div.callout.borderTopGreen,
div.magazineSection.lightColourScheme div.callout.topBorderGreen,
div.magazineSection.lightColourScheme div.callout.borderTopRed,
div.magazineSection.lightColourScheme div.callout.topBorderRed,
div.magazineSection.lightColourScheme div.callout.borderTopTeal,
div.magazineSection.lightColourScheme div.callout.topBorderTeal,
div.magazineSection.lightColourScheme div.callout.borderTopYellow,
div.magazineSection.lightColourScheme div.callout.topBorderYellow,

div.magazineSection.lightColourScheme div.callout.borderBottomBlue,
div.magazineSection.lightColourScheme div.callout.bottomBorderBlue,
div.magazineSection.lightColourScheme div.callout.borderBottomGreen,
div.magazineSection.lightColourScheme div.callout.bottomBorderGreen,
div.magazineSection.lightColourScheme div.callout.borderBottomRed,
div.magazineSection.lightColourScheme div.callout.bottomBorderRed,
div.magazineSection.lightColourScheme div.callout.borderBottomTeal
div.magazineSection.lightColourScheme div.callout.bottomBorderTeal,
div.magazineSection.lightColourScheme div.callout.borderBottomYellow,
div.magazineSection.lightColourScheme div.callout.bottomBorderYellow {
	border-color: #ffffff !important;
}
div.callout.withLeading {
	margin-top: 30px;
}
div.callout.leftAligned {
	width: 47.874%;
	margin-right: 40px;
	margin-left: 0px;
}
body.mobileVersion div.callout.leftAligned {
	margin-right: 20px;
}
div.callout.rightAligned {
	width: 47.874%;
	margin-right: 0px;
	margin-left: 40px;
}
body.mobileVersion div.callout.rightAligned {
	margin-left: 20px;
}
div.callout.leftAligned::after, div.callout.rightAligned::after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
}
	div.callout > p {
		margin-bottom: 0px;
		font-size: 24px;
		line-height: 1.25em;
	}
		div.callout > p + p {
			margin-top: 20px;
		}

p.citation {
	padding-right: 10px;
	font-size: 100%;
	line-height: 15px;
	text-align: right;
	border-right: 1px solid rgb(68, 68, 68);
	border-right: 1px solid rgba(68, 68, 68, 0.5);
}
div.magazineSection.lightColourScheme p.citation {
	border-color: rgb(255, 255, 255);
	border-color: rgba(255, 255, 255, 0.5);
}
	p.citation em, p.citation strong, p.citation span {
		display: inline-block;
		padding: 3px 0px;
	}
	p.citation em + em, p.citation strong + strong, p.citation span + span {
		margin-left: 10px;
		padding-left: 10px;
		border-left: 1px solid rgb(68, 68, 68);
		border-left: 1px solid rgba(68, 68, 68, 0.5);
	}
	div.magazineSection.lightColourScheme p.citation em + em,
	div.magazineSection.lightColourScheme p.citation strong + strong,
	div.magazineSection.lightColourScheme p.citation span + span {
		border-color: rgb(255, 255, 255);
		border-color: rgba(255, 255, 255, 0.5);
	}

/* Careers */
div#block-views-careers-view-block--2 {

}
	div#block-views-careers-view-block--2 div.content {
		border-top: 1px solid #eaeaea;
		border-bottom: 1px solid #eaeaea;
	}
		div#block-views-careers-view-block--2 div.content div.view-content {

		}
			@media all and (min-width: 1040px) {
			div#block-views-careers-view-block--2 div.content div.view-content div.views-field {
				max-width: 66%;
			}}
			div#block-views-careers-view-block--2 div.content div.view-content div.views-field.views-field-title {
				margin: -6px 0px 10px 0px;
			}
				div.views-field.views-field-field-start-date-alternate-text,
				div.views-field.views-field-field-statement-of-qualification div.field-content {
					margin-top: 0px;
					margin-bottom: 10px;
					font-family: "Lato", Helvetica, sans-serif;
					font-size: 16px;
					line-height: 1.4em;
					color: #505050;
				}
				div.views-field.views-field-field-forward-resum-s-to div.field-content {

				}
					div.views-field.views-field-field-forward-resum-s-to div.field-content p:last-of-type {
						margin-bottom: 0px;
					}

div.view.view-careers-view {

}
	div.view.view-careers-view .view-empty {
		padding: 20px 0px;
		font-family: "Lato", Helvetica, sans-serif;
		font-size: 16px;
		color: #505050;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Print media styles */
@media print {

} /* Closing brace for "@media print" statement */