/* Generic Responsive Rules in use */

@-ms-viewport {
	width: device-width;
}

html {
	box-sizing: border-box;
}

*,
*:after,
*:before {
	box-sizing: inherit;
}

img {
	height: auto;
	max-width: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
	display: block;
}

input[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

[hidden] {
	display: none;
}

/* NEW Utility Classes */

/* For removing text visually, but can still be read by screen readers */

.hidden-a11y {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/*	-------------------------------------------------------------



	Template Links



	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

a {
	outline: none;
}

a:link,
a.not-visited:visited {
	color: #2F75C8;
	text-decoration: none;
}

a:visited {
	color: #426CA0;
	text-decoration: none;
}

a:focus,
a:hover,
a.not-visited:hover {
	color: #e50;
	text-decoration: none;
}

a:active,
a.not-visited:active {
	color: #e50;
	text-decoration: none;
}

/*	-------------------------------------------------------------



	Main Sections



	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html {
	font-size: 100%;
}

@media (min-width:50em) {
	html {
		font-size: 105%;
	}
}

@media (min-width:60em) {
	html {
		font-size: 110%;
	}
}

@media (min-width:70em) and (min-height:40em) {
	html {
		font-size: 115%;
	}
}

body {
	background: #242424;
	font-size: 100%;
}

.page {
	background: #fefefe;
}

.masthead,
.page,
.footer {
	width: 100%;
	min-width: inherit;
	/* override non-responsive value */
	margin: 0;
	padding: 0;
	overflow: visible;
	/* Required for popup menus */
	clear: both;
}

.page {
	overflow: auto;
	/* Required to contain floats */
}

@media (max-width:62.5em) {
	.fixed-banner-message,
	.fixed-banner-wrapper,
	.fixed-bubble-banner-wrapper,
	.fixed-eyebrow-banner-wrapper {
		/*temporarily override wrapper classes*/
		display: none !important;
	}
}

/*	-------------------------------------------------------------



	Masthead



	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.masthead {
	background: #f7f7f7;
	background: linear-gradient(#fff 50px, #f0f0f0);
	border-bottom: 2px solid #bdbdbd;
	padding: 0.5em 0 1em;
	position: relative;
	/* Fallback for non-sticky browsers */
	top: 0;
	font-size: 0.9em;
	/* Temporary override for larger body size */
}

.masthead:after {
	content: '';
	background: url(/_img/framework/templates/default/2012/banner_shadow.png) center bottom no-repeat;
	height: 6px;
	margin: auto;
	left: 0;
	max-width: 1000px;
	width: 100%;
	position: absolute;
	right: 0;
	top: 100%;
}

@media (min-height:30em),
(orientation:portrait) {
	.masthead.masthead-sticky {
		position: -webkit-sticky;
		position: sticky;
		z-index: 100;
		transition: transform 0.5s ease;
	}
	.masthead-up {
		transform: translateY(-102%);
		/* Extra large to account for the masthead's shadow image */
	}
}

.masthead .masthead-inner {
	color: #555;
	margin: 0 auto;
	max-width: 92.6em/*69.44em*/
	;
	max-width: 69.44rem;
	max-width: 62.5rem;
	overflow-x: hidden;
	text-align: center;
}

.masthead-inner-mobile-top-row {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.masthead .navigation-open,
.masthead .logo,
.masthead .member-button {
	display: inline-block;
	vertical-align: middle;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.masthead .navigation-open>span,
.masthead .member-button>span {
	display: block;
	margin: 0 auto;
}

/*.masthead .logo {

	-webkit-box-flex: 0 0 auto;

	-moz-box-flex: 0 0 auto;

	-webkit-flex: 0 0 auto;

	-ms-flex: 0 0 auto;

	flex: 0 0 auto;

}


.masthead .logo img
.masthead .logo img { display: block; }*/

.masthead .logo {
	-webkit-box-flex: 0 0 25%;
	-moz-box-flex: 0 0 25%;
	-webkit-flex: 0 0 25%;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	text-align: center;
}

.masthead .logo a {
	width: 100%;
}

.masthead .logo img {
	display: block;
	margin: 0 auto;
	/* Added for Anniversary Style Logo */
	width: 100px;
}

.masthead .logo a:focus {
	outline: 1px dashed #333;
}

.masthead .navigation-open,
.masthead .member-button,
.masthead .featured-content-open {
	background: #f7f7f7;
	background: linear-gradient(#fff 20px, #f0f0f0);
	border: 2px solid #e8e8e8;
	border-bottom-color: #d7d7d7;
	border-radius: 8px;
	color: #666;
	font-size: 0.9em;
	font-weight: 700;
	padding: 0.5em 0.75em 0.75em;
	text-align: center;
}

.masthead .navigation-open,
.masthead .member-button {
	margin: 0 1em;
	/*    -webkit-box-flex: 1 1 auto;

	-moz-box-flex: 1 1 auto;

	-webkit-flex: 1 1 auto;

	-ms-flex: 1 1 auto;

	flex: 1 1 auto;*/
	-webkit-box-flex: 1 1 37.5%;
	-moz-box-flex: 1 1 37.5%;
	-webkit-flex: 1 1 37.5%;
	-ms-flex: 1 1 37.5%;
	flex: 1 1 37.5%;
}

.masthead.logged-in .member-button {
	/*	background: #e7e7e7;

	background: linear-gradient(#e7e7e7 20px, #f7f7f7);*/
	color: rgb(109, 179, 63);
}

.masthead .member-button {
	/*	font-size: 0.85em;*/
	font-weight: 500;
	line-height: 1;
}

.masthead .member-button .member-button-feature {
	color: #666;
	font-size: 1.3em;
	font-weight: 700;
	display: inline-block;
	padding-bottom: 0.3em;
}

.masthead .featured-content-open-wrapper {
	padding-top: 0.5em;
	transition: margin-right 0.3s;
	/* Flexbox Rules */
	-webkit-box-flex: 0;
	-moz-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.masthead .featured-content-open {
	margin: 0 1em 0 0;
	position: relative;
}

.masthead .featured-content-open .notification {
	background-color: #e00000;
	border-radius: 50%;
	color: #fff;
	font-size: 0.9em;
	height: 2em;
	line-height: 2;
	margin-right: 0.25em;
	position: absolute;
	right: -0.75em;
	top: -0.75em;
	width: 2em;
}

@media (min-width:47em) {
	.masthead.logged-in .member-button {
		background: #6eb43f;
		background: linear-gradient(#6eb43f, #9bd178);
		color: #fff;
	}
	.masthead.logged-in .member-button .member-button-feature {
		color: #fff;
		text-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.2);
	}
}

@media (min-width:63.75em) {
	.masthead .member-button {
		font-size: 0.85em;
	}
}

.masthead .member-button:hover,
.masthead .member-button:focus,
.masthead .member-button:active,
.masthead .navigation-open:hover,
.masthead .navigation-open:focus,
.masthead .navigation-open:active,
.masthead .featured-content-open:hover,
.masthead .featured-content-open:focus,
.masthead .featured-content-open:active {
	background: #333;
	color: #fff;
}

.masthead .featured-content-open:hover .notification,
.masthead .featured-content-open:focus .notification,
.masthead .featured-content-open:active .notification {
	background-color: #f00;
}

.masthead .member-button:hover span,
.masthead .member-button:focus span,
.masthead .member-button:active span {
	color: inherit;
}

.masthead .member-button-desktop {
	display: none;
}

/*@media (min-width:21em) {

	.masthead .navigation-open,

	.masthead .member-button {

		font-size: 1em;

	}

}*/

/* Mobile Second Row */

.masthead-inner-desktop-top-row {
	/* Flexbox Rules */
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-moz-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

/* Search Form CSS */

.masthead .masthead-search {
	transition: flex 0.3s;
	/* Flexbox Rules */
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.masthead .masthead-search:focus-within+.featured-content-open-wrapper {
	margin-right: -6.5em;
}

.masthead .search-input-container {
	background-color: #fff;
	color: #bbb;
	display: inline-block;
	border: 3px solid #ccc;
	border-bottom-color: #bbb;
	border-radius: 0.5em;
	margin: 1em 1em 0;
	/* Flexbox Rules */
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-moz-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.masthead .search-input-container label {
	color: inherit;
	padding: 0.3em 0 0.25em 0.5em;
	/* Flexbox Rules */
	-webkit-box-flex: 0;
	-moz-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.masthead .search-input-container input[type="search"] {
	color: #bbb;
	font-family: inherit;
	border: 0 none;
	padding: 0.1em 0.5em;
	min-width: 0;
	width: 100%;
	/* Flexbox Rules */
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.masthead .search-input-container input[type="search"]::placeholder {
	color: #bbb;
}

.masthead .search-input-container input[type="search"]::-ms-input-placeholder {
	/* Keep browser selectors in separate rules */
	color: #bbb;
}

.masthead .search-input-container input[type="search"]::-webkit-input-placeholder {
	/* Keep browser selectors in separate rules */
	color: #bbb;
}

.masthead .search-input-container button {
	cursor: pointer;
	background-color: #1E609C;
	color: #fff;
	font-family: inherit;
	font-weight: 700;
	border: 0 none;
	border-top-right-radius: 0.3em;
	border-bottom-right-radius: 0.3em;
	padding: 1.1em;
	/* Flexbox Rules */
	-webkit-box-flex: 0;
	-moz-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.masthead .search-input-container button:hover,
.masthead .search-input-container button:focus,
.masthead .search-input-container button:active {
	background-color: #508bc0;
}

@media screen and (min-width:23em) {
	.masthead .search-input-container input[type="search"] {
		font-weight: 500;
		font-size: 1.1em;
		line-height: 1.3;
	}
}

@media screen and (min-width:26em) {
	.masthead .search-input-container input[type="search"] {
		font-size: 1.3em;
	}
}

@media screen and (min-width:29em) {
	.masthead .search-input-container input[type="search"] {
		font-size: 1.5em;
	}
}

/* Navigation Bar and Featured Content */

.masthead .navigation,
.masthead .featured-content {
	height: 100%;
	left: -80%;
	overflow-x: visible;
	overflow-y: scroll;
	position: absolute;
	top: 0;
	transition: left 0.3s ease;
	width: 80%;
}

.masthead .navigation {
	background-color: #444;
	color: #fff;
	z-index: 999;
}

.masthead .featured-content {
	background-color: #f9f9f9;
	color: #000;
	max-width: 35em;
	z-index: 999;
}

/* Using JS for animation when available */

.masthead .featured-content.from-left,
.masthead .featured-content.from-top {
	transition: none;
}

.masthead .navigation .navigation-close,
.masthead .navigation .sf-menu a,
.masthead .navigation .sf-menu label,
.masthead .featured-content .featured-content-close {
	display: block;
	line-height: 1;
	padding: 1em;
}

.masthead .navigation .navigation-close,
.masthead .navigation .sf-menu a,
.masthead .navigation .sf-menu label {
	color: #fff;
}

.masthead .featured-content .featured-content-close {
	color: #222;
}

.masthead .navigation a:hover,
.masthead .navigation a:focus,
.masthead .navigation .mobile-sub-nav-toggle:hover+label,
.masthead .navigation .mobile-sub-nav-toggle:focus+label {
	background: #3e3e3e;
	color: #cf8;
	cursor: pointer;
}

.masthead .featured-content .featured-content-close:hover,
.masthead .featured-content .featured-content-close:focus {
	background: #e8f4ff;
	color: #000;
}

.masthead .navigation .navigation-close,
.masthead .navigation .sf-menu,
.masthead .featured-content .featured-content-close {
	font-size: 1.1em;
	text-align: left;
}

.masthead .navigation .navigation-close,
.masthead .featured-content a {
	font-weight: 500;
}

.masthead .navigation .navigation-close span,
.masthead .featured-content .featured-content-close span {
	position: absolute;
	right: 1em;
}

.masthead .navigation .sf-menu,
.masthead .featured-content .featured-content-category,
.masthead .featured-content .featured-content-category-more {
	margin: 0;
}

.masthead .featured-content .featured-content-category-entry {
	text-align: left;
}

.masthead .featured-content .featured-content-category-more {
	list-style: none;
}

.masthead .featured-content .featured-content-category a:hover,
.masthead .featured-content .featured-content-category a:focus {
	text-decoration: underline;
}

.masthead .featured-content .featured-content-category-entry>a,
.masthead .featured-content .featured-content-category-more>a {
	display: block;
	font-weight: 700;
	padding: 0.5em 0.75em;
}

.masthead .featured-content .featured-content-category-entry>a {
	background: #ededed;
	color: #000;
	font-size: 1.3em;
}

.masthead .featured-content .featured-content-category-more>a {
	font-size: 1.1em;
	margin: 0.5em auto;
}

.masthead .navigation .sf-menu li,
.masthead .featured-content .featured-content-category-entry {
	list-style: none;
	margin: 0;
	position: relative;
}

.masthead .navigation .sf-menu li {
	border-top: 1px solid #555;
}

.masthead .featured-content .featured-content-category-entry ul {
	margin: 0;
}

.masthead .featured-content li {
	border-top: #ccc solid;
	border-width: 1px 0 0;
}

.masthead .featured-content .featured-content-category-entry ul li {
	line-height: 1.2em;
	margin: 0;
	padding: 1em 1em 1em 2em;
	position: relative;
}

.masthead .featured-content .featured-content-category-entry ul li span {
	display: block;
	height: 3.6em;
	overflow-y: hidden;
	position: relative;
}

.masthead .featured-content .featured-content-category-entry ul li.featured-content-category-entry-unread {
	background-color: #e8f4ff;
}

.masthead .featured-content .featured-content-category-entry ul li:before {
	background-color: #ccc;
	content: '';
	border-radius: 50%;
	left: 0.7em;
	position: absolute;
	top: 2.5em;
	width: 0.6em;
	height: 0.6em;
}

.masthead .featured-content .featured-content-category-entry ul li.featured-content-category-entry-unread:before {
	background-color: #f00;
}

.masthead .featured-content .featured-content-category-entry ul li span:after {
	background: linear-gradient(to right, rgba(249, 249, 249, 0), rgba(249, 249, 249, 100) 80%);
	bottom: 0;
	content: '';
	height: 1.2em;
	position: absolute;
	right: 0;
	text-align: right;
	width: 70%;
}

.masthead .featured-content .featured-content-category-entry ul li.featured-content-category-entry-unread span:after {
	background: linear-gradient(to right, rgba(232, 244, 255, 0), rgba(232, 244, 255, 100) 80%);
}

.masthead .navigation .mobile-sub-nav-toggle {
	position: absolute;
	opacity: 0;
	width: 100%;
	left: 0;
	top: 0;
	margin: 0;
	height: 100%;
}

.masthead .navigation .mobile-sub-nav-toggle:hover,
.masthead .navigation .mobile-sub-nav-toggle:focus {
	cursor: pointer;
}

.masthead .navigation a.sf-with-ul,
.masthead .navigation .sub-nav {
	display: none;
}

.masthead .navigation .sub-nav {
	background-color: #666;
	display: block;
	margin: 0;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s;
	/* Shorter close animation to make up for larger max-height */
}

.masthead .navigation .sf-menu .sub-nav li {
	border-top: 1px solid #888;
}

.masthead .navigation .sub-nav a:hover,
.masthead .navigation .sub-nav a:focus {
	background: #4b4b4b;
	color: #d9ffa6;
}

.masthead .navigation ul.social-links {
	border-top: 1px solid #555;
	margin: 0;
	padding: 1em;
}

.masthead .navigation ul.social-links li {
	display: inline-block;
	margin: 0;
	margin-bottom: 0.75em;
}

.masthead .navigation ul.social-links li+li {
	margin-left: 0.5em;
}

.masthead .navigation ul.social-links .fa,
.masthead .navigation ul.social-links img {
	background-color: #3c78a0;
	color: #fff;
	font-size: 1.1em;
	line-height: 2;
	height: 2em;
	width: 2em;
}

.masthead .navigation ul.social-links a:hover .fa,
.masthead .navigation ul.social-links a:focus .fa,
.masthead .navigation ul.social-links a:hover img,
.masthead .navigation ul.social-links a:focus img {
	outline: 2px solid #333;
}

.masthead .navigation ul.social-links a:focus .fa,
.masthead .navigation ul.social-links a:focus img {
	outline: 1px dashed #fff;
}

/*

	Open/Close Functionality for Mobile Menu/Featured Content



	:target/:checked for non-JavaScript

	aria-expanded="true/false" for JavaScript

*/

.masthead .navigation:target,
.masthead .navigation[aria-expanded="true"],
.masthead .featured-content:target,
.masthead .featured-content[aria-expanded="true"] {
	left: 0;
	outline: none;
}

.masthead .navigation:target .menu-close,
.masthead .navigation[aria-expanded="true"] .menu-close,
.masthead .featured-content:target .menu-close,
.masthead .featured-content[aria-expanded="true"] .menu-close {
	z-index: 1001;
}

.masthead .navigation:target ul,
.masthead .navigation[aria-expanded="true"] ul {
	position: relative;
	z-index: 1000;
}

/* Create a clickable backdrop for mobile nav */

.masthead .navigation-backdrop,
.masthead .featured-content-backdrop {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.8);
	cursor: default;
	display: block;
	height: 100%;
	height: 100vh;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 998;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0.3s, opacity 0.3s;
}

.masthead .navigation:target+.navigation-backdrop,
.masthead .navigation[aria-expanded="true"]+.navigation-backdrop,
.masthead .featured-content:target+.featured-content-backdrop,
.masthead .featured-content[aria-expanded="true"]+.featured-content-backdrop {
	visibility: visible;
	opacity: 1;
}

.masthead .navigation,
.masthead .navigation:target+.navigation-backdrop,
.masthead .navigation[aria-expanded="true"]+.navigation-backdrop,
.masthead .featured-content,
.masthead .featured-content:target+.featured-content-backdrop,
.masthead .featured-content[aria-expanded="true"]+.featured-content-backdrop {
	position: fixed;
}

.masthead .navigation input.mobile-sub-nav-toggle:checked~.sub-nav,
.masthead .navigation .sub-nav[aria-expanded="true"] {
	max-height: 30em;
	transition: max-height 0.5s;
}

.masthead .navigation .sub-nav {
	background-color: #666;
	margin: 0;
}

/* Resetting positon of .featured-content for JS Animation */

@media (min-width:43em) {
	.masthead .featured-content {
		clear: left;
		/* .masthead .featured-content is a Hook for JS into this clear value */
	}
	.masthead .featured-content.from-top {
		left: 0;
		margin: 0 auto;
		right: 0;
		top: -100%;
	}
}

/* Desktop Style Navigation */

@media (min-width:47em) {
	.masthead,
	.masthead.masthead-sticky {
		padding: 0.5em 0.5em 1em;
		position: relative;
	}
	.masthead-up {
		transform: none;
		transition: none;
	}
	.masthead .masthead-inner {
		overflow-x: inherit;
	}
	.masthead-inner-mobile-top-row {
		display: inline;
	}
	.masthead .logo {
		float: left;
	}
	.masthead .navigation {
		background: #f7f7f7;
		background: linear-gradient(#fff 45%, #f0f0f0);
		border: 2px solid #e8e8e8;
		border-bottom-color: #d7d7d7;
		border-radius: 0.5em;
		color: inherit;
		float: right;
		height: auto;
		left: auto;
		margin: 0.5em 0 0 auto;
		overflow: inherit;
		position: relative;
		top: auto;
		transition: none;
		visibility: visible;
		width: 100%;
		z-index: auto;
	}
	.navigation-toggle,
	.masthead .navigation-toggle,
	.masthead .navigation .navigation-toggle,
	.masthead .navigation .mobile-sub-nav-toggle,
	.masthead .navigation .sf-menu label,
	.masthead .member-button-mobile {
		display: none;
		/* .masthead .member-button-mobile is a Hook for JS into this display value */
	}
	.masthead .navigation ul.sf-menu li a,
	.masthead .navigation ul.sf-menu li .sub-nav {
		display: block;
	}
	.masthead-inner-desktop-top-row {
		text-align: left;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-moz-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-moz-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.masthead .masthead-search,
	.masthead .member-button-desktop,
	.masthead .featured-content-open {
		display: inline-block;
		vertical-align: middle;
	}
	.masthead .featured-content-open {
		margin: 0 0.67em 0 0;
	}
	.masthead .masthead-search {
		-webkit-box-flex: 1 1 auto;
		-moz-box-flex: 1 1 auto;
		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	}
	.masthead .masthead-search:focus-within+.featured-content-open-wrapper {
		margin-right: 0;
	}
	.masthead .search-input-container {
		margin: 0 0.6em;
	}
	.masthead .search-input-container input[type="search"] {
		font-weight: inherit;
	}
	.masthead .featured-content-open-wrapper {
		padding-top: 0;
	}
	.masthead .member-button-desktop {
		/*		font-size: 0.9em;*/
		margin: 0;
		-webkit-box-flex: 0 0 auto;
		-moz-box-flex: 0 0 auto;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
	.masthead .navigation ul.sf-menu {
		margin: 0;
		float: left;
		font-size: 0.9em;
		font-weight: 500;
	}
	.masthead .navigation .sf-menu li {
		border-top: 0 none;
		display: block;
		float: left;
		line-height: 1;
	}
	.masthead .navigation ul.sf-menu li a {
		border-right: 1px solid #ccc;
		color: #555;
		padding: 1em;
		text-decoration: none;
	}
	.masthead .navigation ul.sf-menu>li:first-child>a {
		border-top-left-radius: 8px;
		border-top-left-radius: 0.5rem;
	}
	.masthead .navigation ul.sf-menu li.sfHover>a,
	.masthead .navigation ul.sf-menu li:hover>a,
	.masthead .navigation ul.sf-menu li:focus>a,
	.masthead .navigation ul.sf-menu li li a {
		background-color: #333;
		color: #fff;
	}
	.masthead .navigation ul.sf-menu li>a:hover,
	.masthead .navigation ul.sf-menu li>a:focus,
	.masthead .navigation ul.sf-menu li .sub-nav a:hover,
	.masthead .navigation ul.sf-menu li .sub-nav a:focus {
		background-color: #3e3e3e;
		color: #cf8;
	}
	.masthead .navigation ul.sf-menu li .sub-nav {
		border-radius: 0 0 8px 8px;
		border-radius: 0 0 0.5rem 0.5rem;
		box-shadow: 3px 3px 12px rgba(0, 0, 0, .25);
		left: -99999px;
		opacity: 0;
		position: absolute;
		top: 100%;
		width: 14em;
		max-height: none;
		z-index: 999;
	}
	.masthead .navigation ul.sf-menu li.sfHover>.sub-nav,
	.masthead .navigation ul.sf-menu li:hover>.sub-nav,
	.masthead .navigation ul.sf-menu li:focus>.sub-nav,
	.masthead .navigation ul.sf-menu li.sfHover>.sub-nav>a:focus {
		left: 0;
		opacity: 100;
	}
	.masthead .navigation ul.sf-menu li .sub-nav li {
		text-align: left;
		width: 100%;
	}
	.masthead .navigation ul.sf-menu li .sub-nav a:hover {
		white-space: nowrap;
	}
	.masthead .navigation ul.sf-menu li .sub-nav li:last-child a {
		border-radius: 0 0 8px 8px;
		border-radius: 0 0 0.5rem 0.5rem;
	}
	.masthead .navigation ul.social-links {
		border: 0 none;
		float: right;
		font-size: 0.9em;
		padding: 0.5em 0.85em 0.36em 0.42em;
	}
	.masthead .navigation ul.social-links li {
		margin-bottom: 0;
	}
	.masthead .navigation ul.social-links li+li {
		margin-left: 0.1em;
	}
	.masthead .navigation ul.social-links .fa,
	.masthead .navigation ul.social-links img {
		font-size: 0.9em;
	}
	.masthead .navigation ul.social-links a:focus .fa,
	.masthead .navigation ul.social-links a:focus img {
		outline: 1px dashed #333;
	}
}

@media (min-width:51.5em) {
	.masthead .navigation ul.social-links {
		font-size: 1em;
		padding: 0.42em 0.85em 0.42em 0.42em;
	}
}

@media (min-width:63.75em) {
	.masthead .navigation {
		/*		max-width: 58em;*/
		max-width: 45rem;
		max-width: calc(100% - (150px + 0.6em));
	}

	.masthead .logo img {
		width: 150px;
		margin-top: 0.25em;
	}
}

/*	-------------------------------------------------------------



	Ribbon



	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

@-webkit-keyframes tickerScroll {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

@keyframes tickerScroll {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

.masthead-ribbon-wrapper {
	display:none;
	overflow-x: hidden;
}

.masthead-ribbon {
	background: #ff0;
	box-sizing: content-box;
	border: solid #b2b204;
	border-width: 0 0 2px;
	height: 2em;
	overflow: hidden;
	padding-left: 100%;
	width: 100%;
}

.masthead-ribbon.-live {
	background: #022693;
	border: solid #2500aa;
	color: #fff;
}

.masthead-ribbon .masthead-ribbon-inner {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-name: tickerScroll;
	animation-name: tickerScroll;
	-webkit-animation-duration: 20s;
	animation-duration: 20s;

	box-sizing: content-box;
	display: inline-block;
	line-height: 1.7;
	padding-right: 100%;
	white-space: nowrap;
}

.masthead-ribbon .masthead-ribbon__item {
	display: inline-block;
	font-size: 1.2rem;
	padding: 0 1rem;
}

.masthead-ribbon .masthead-ribbon__item a {
	color: inherit;
}

.masthead-ribbon .masthead-ribbon__item .live-inline {
	background: #ff0;
	padding: 2px 10px;
	border-radius: 1em;
}

@media (min-width:47em) {
	.masthead-ribbon .masthead-ribbon-inner {
  		-webkit-animation-duration: 22s;
  		animation-duration: 22s;
	}
}

@media (min-width:63.75em) {
	.masthead-ribbon .masthead-ribbon-inner {
  		-webkit-animation-duration: 25s;
  		animation-duration: 25s;
	}
}

/*	-------------------------------------------------------------



	Breadcrumbs



	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.page .breadcrumbs {
	max-width: 1000px;
	/* Support IE8 */
	max-width: 62.5rem;
	margin: 0 auto;
	padding: 0.5em;
	color: #000;
	font-size: 0.9em;
	border-bottom: 1px dotted #ccc;
}

.page .bc-bar-left {
	display: none;
	/* Temporary, DIV can be removed */
	height: 24px;
	width: 3px;
	float: left;
}

.page .bc-bar-right {
	height: 24px;
	padding-right: 10px;
	float: right;
	white-space: nowrap;
	display: none;
}

@media (min-width:62.5em) {
	.page .bc-bar-right {
		display: block;
	}
}

.page .breadcrumbs img {
	vertical-align: text-top;
}

.page .breadcrumbs span,
.page .breadcrumbs a {
	padding: 0 8px;
	display: inline;
	/* IE6 float margin hack */
	/*	float:left;*/
}

.page .breadcrumbs a {
	padding-right: 13px;
	background-image: url(/_img/framework/templates/default/bc-divider.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

.page .breadcrumbs a:link,
.page .breadcrumbs a:visited,
.page .breadcrumbs a:hover,
.page .breadcrumbs a:active {
	color: #444;
	text-decoration: none;
}

.page .breadcrumbs a:hover {
	color: #000;
}

.page .bc-bar-right a {
	padding: 0;
	float: none;
	background: none;
}

.page .bc-bar-right .print-link,
.page .bc-bar-right .pdf-link {
	padding: 4px 0 4px 20px;
	line-height: 16px;
	background-position: left center;
	background-repeat: no-repeat;
}

.page .bc-bar-right .print-link {
	background-image: url(/_img/toolbox/widgets/print-mini.gif);
}

.page .bc-bar-right .pdf-link {
	padding-left: 18px;
	background-image: url(/_img/toolbox/widgets/pdf-mini.gif);
}

/*	-------------------------------------------------------------



	Page DIV



	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.page-inner {
	max-width: 1278px;
	/* Support IE8 */
	max-width: 69.44rem;
	margin: 0 auto;
	padding: 0;
	clear: both;
}

/*	-------------------------------------------------------------



	Content



	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

h1,
.h1 {
	font-size: 2.7em;
}

.content {
	margin: 1rem auto 2.5rem auto;
	padding: 0 1rem;
	max-width: 47.14rem;
	white-space: normal;
	word-wrap: break-word;
	font-size: 110%;
}

.content h1,
.content .h1 {
	font-size: 2.5em;
}

.content h2,
.content .h2 {
	font-size: 1.7em;
}

.content h3,
.content .h3 {
	font-size: 1.2em;
}

.content h4,
.content .h4 {
	font-size: 1em;
}

.content h5,
.content .h5 {
	font-size: 1em;
}

.content h6,
.content .h6 {
	font-size: 0.8em;
}

/*@media screen and (min-width:100001px) {

	.content {

		padding:0 0 0 10px;

		max-width:650px;

		float:left;

		font-size:1em;

	}

}*/

/*.no-sidebar .content {

	width:auto;

	max-width:650px;

	margin-left:auto;

	margin-right:auto;

	padding:0;

	float:none;

}*/

.no-sidebar-full .content {
	width: auto;
	max-width: none;
	margin-left: 0;
	margin-right: 0;
	/*	padding:0;*/
	padding: 0 1rem;
	float: none;
}

.no-sidebar-full .content .readable,
.no-sidebar-full .content .content-details {
	max-width: 47.14rem;
	/*42.625em;/*650px;*/
	/* Includes 2em padding */
	margin-left: auto;
	margin-right: auto;
}

.content .vdiv_02 {
	width: 1px;
	height: 219px;
	background: #fff url(/_img/framework/templates/default/2012/vdiv_02.png) center no-repeat;
	margin: 0 9px 0 10px;
	display: inline;
	/* IE6 float margin hack */
	float: left;
}

.content .hdiv_02 {
	width: 440px;
	height: 5px;
	background: #fff url(/_img/framework/templates/default/2012/hdiv_02.png);
	margin: 10px 0;
}

.content .hdiv_04 {
	width: 260px;
	height: 2px;
	background: #fff url(/_img/framework/templates/default/2012/hdiv_04.png);
	margin: 10px 0;
}

.content .post-image {
	margin-bottom: 1rem;
	width: 100%;
	/* Override img width specified by html */
	max-width: 100%;
	/* Override img max-width specified by global css */
	width: calc(100% + 2rem);
	/* Overflow only when calc is supported */
	max-width: calc(100% + 2rem);
	/* Overflow only when calc is supported */
	margin-left: calc(-1rem);
	/* Overflow only when calc is supported */
}

.caption {
	display: block;
}

/* Comment Overrides */

.add-comment {
	max-width: 95%;
}

/*	-------------------------------------------------------------



	Sidebar



	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.sidebar {
	margin: 1em 0 3.5em 0;
	padding: 0 1.4em;
	white-space: normal;
	word-wrap: break-word;
	text-align: center;
}

.sidebar .bubble {
	background: #f7f7f7;
	background: linear-gradient(#fcfcfc 1em, #f0f0f0);
	border: 1px solid #e9e9e9;
	border-radius: 0.25em 0.25em 0 0;
	box-shadow: 0 0.67em 0.5em -0.5em rgba(0, 0, 0, 0.25);
	margin: 1em auto;
	padding-top: 1em;
	position: relative;
	z-index: 1;
}

.sidebar .bubble *:first-child,
.sidebar .bubble *:first-child *:first-child {
	margin-top:0;
}

.sidebar .member-links {
	background: #fcfcfc;
	border: 1px solid #e0e0e0;
	border-radius: 0 0 0.25em 0.25em;
	margin: 1em auto;
	max-width: 27.5em;
	padding: 0.67em 0;
	position: relative;
	text-align: left;
	top: -1em;

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
	justify-content: center;
}

.sidebar .member-links li {
	display: inline-block;
	margin: 0.33em 0.5em;

	-webkit-flex: 0 1 12.5em;
    -ms-flex: 0 1 12.5em;
	flex: 0 1 12.5em;
}

@media (min-width:42em) {
	.sidebar .bubble {
		border-radius: 0.25em;
	}
}

/*
@media screen and (min-width:100001px) {

	.sidebar {

		margin:15px 0;

		padding:0;

		width:280px;

		font-size:0.9em;

		line-height:1.4;

		float:right;

		text-align:left;

	}



	.sidebar .twl-signup { 

		background:#EBF1FB url(/_img/toolbox/tiles/home-iawai-box/bg.png) top repeat-x;

		border:1px solid #e1e1e1;

		margin:0 auto 10px auto;

		padding:0 0 10px 0;

		width:278px;

		border-radius:4px;

	}

	

	.sidebar .twl-signup .subscribe-name,

	.sidebar .twl-signup .subscribe-email {

		padding:3px 5px;

		width:114px;

		margin-right:2px;

		border:1px solid #467FE3;

	}

	

	.sidebar .bubble {

		margin:0 0 15px 0;

		padding:0;

		overflow:hidden;

		background:#F4F4F4 url(/_img/framework/templates/default/2012/sb_01_top.png) no-repeat;

	}

	

	.sidebar .bubble div,

	.sidebar .bubble p,

	.sidebar .bubble li {

		margin-bottom:0;

	}

	

	/* Notice these are classes ".h1" and not tagnames "h1" 

	.sidebar .bubble .h1 {

		font-size:1.6em;

		line-height:1.2;

	}

	

	.sidebar .bubble .h2 {

		font-size:1.4em;

		line-height:1.2;

	}

	

	.sidebar .bubble .h3 {

		font-size:1.2em;

		line-height:1.2;

	}

	

	.sidebar .bubble .h1,

	.sidebar .bubble .h2,

	.sidebar .bubble .h3 {

		margin:0 0 .67em 0;

		text-align:center;

		font-weight:700;

	}

	.sidebar .bubble *:first-child,

	.sidebar .bubble *:first-child *:first-child {

		margin-top:0;

	}

	

	.sidebar .bubble-top {

		height:5px;

		font-size:1px;

		line-height:1px;

		background:none;

	}

	

	.sidebar .bubble-main {

		padding:10px 10px;

		border:1px solid #D2D4CA;

		border-top:0;

		border-bottom:0;

		background:none;

	}

	

	.sidebar .bubble-bottom {

		height:5px;

		font-size:1px;

		line-height:1px;

		background:#ECECEC url(/_img/framework/templates/default/2012/sb_01_bot.png) no-repeat bottom;

	}

	

}
*/

.sidebar .jsfill {
	display: none;
}

/*	-------------------------------------------------------------



	Ticker (Sidebar)



	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/*
.sidebar .ticker {
	margin: 5em auto 0.5em auto;
	text-align: left;
	max-width: 30em;
}

/*@media screen and (min-width:100001px) {

	.sidebar .ticker {

		padding:0;

		width:280px;

		max-width:100%;

		font-size:14px;

		line-height:20px;

	}

	

	.sidebar .ticker .ticker-label {

		font-size:14px;

	}

	

	.sidebar .ticker ul li a,

	.sidebar .ticker ul li a:visited {

		font-size:15px;

	}

}

.sidebar .ticker .ticker-label {
	line-height: 1.3;
	border-bottom: 0.1em solid #444;
}

.sidebar .ticker .ticker-label a,
.sidebar .ticker .ticker-label a:visited {
	padding: 2px 10px;
	font-weight: 700;
	color: #fff;
	background: #444;
	border-radius: 0.2em 0.2em 0 0;
}

.sidebar .ticker .ticker-label a:hover {
	text-decoration: none;
}

.sidebar .ticker ul {
	margin: 0;
	padding: 5px 3px;
	overflow: hidden;
}

.sidebar .ticker ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	color: #000;
}

.sidebar .ticker ul li a,
.sidebar .ticker ul li a:visited {
	color: #538118;
	font-weight: 700;
}

.sidebar .ticker ul li a:hover {
	text-decoration: underline;
}
*/

/*	-------------------------------------------------------------



	Footer DIV



	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.footer img {
	height: auto;
	max-width: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
	display: block;
}

input[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/* NEW Utility Classes */

/* For removing text visually, but can still be read by screen readers */

.hidden-a11y {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Alternate to .clearfix since that class forces a display:inline-block */

.group:before,
.group:after {
	content: "";
	display: table;
}

.group:after {
	clear: both;
}

.group {
	zoom: 1;
	/* For IE 6/7 (trigger hasLayout) */
}

/*

===============================

Generic Footer Rules

===============================

*/

/* Basic Footer Styles */

.footer {
	background-color: #242424;
	color: #4f4f4f;
	position: relative;
	width: 100%;
	font-size: 0.9em;
	/* Temporary override for larger body size */
}

.footer .ribbon {
	background: url(/_img/framework/templates/default/footer-ribbon.jpg) repeat-x;
}

.footer .ribbon-inner,
.footer-inner {
	margin: 0 auto;
}

.footer .ribbon-inner {
	max-width: 69.44rem;
}

.footer .ribbon-inner img {
	background: #fff;
	/* Added for Anniversary Style Logo */
	width: 280px;
}

.footer-inner {
	max-width: 69.44rem;
	padding: 1em;
	/*	font-size:0.9em;*/
	line-height: 1.3;
}

.footer ul {
	margin: 1em auto;
}

.footer li {
	list-style: none;
}

.footer a:link,
.footer a:visited {
	color: #8D8D8D;
	text-decoration: none;
}

.footer a:hover,
.footer a:focus,
.footer a:active {
	color: #E50;
}

/* Social Links, Search Bar, and Text Ad Columns */

.footer-inner-top-row {
	margin: 0 auto 1em;
	/* Flexbox Rules */
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

ul.social-links,
.text-ad {
	margin: auto;
	/* Flexbox Rules */
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

ul.social-links li {
	display: inline-block;
	margin: 0;
	margin-bottom: 0.5em;
}

ul.social-links li + li {
	margin-left: 0.5em;
}


ul.social-links .fa, ul.social-links img {
	background-color: #3c78a0;
	color: #242424;
	display: inline-block;
	font-size: 1.3em;
	line-height: 2em;
	height: 2em;
	vertical-align: middle;
	width: 2em;
}

.text-ad {
	font-size: 0.9em;
	margin: 0.5em 0;
}

.text-ad a:link,
.text-ad a:visited {
	color: #fff;
	font-weight: 700;
	font-size: 1.5em;
}

.footer-button {
	background-color: #63a538/*#6db43f/*#6c8645*/
	;
	display: inline-block;
	padding: 0.25em 0.33em 0.33em;
	margin: 0.25em 0;
}

/* Search Form CSS */

.footer .search-input-container {
	background-color: #fff;
	color: #999;
	display: inline-block;
	border: 3px solid #ccc;
	border-radius: 0.5em;
	margin: 1em auto;
	max-width: 55em;
	/* Flexbox Rules */
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-moz-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.footer .search-input-container label {
	color: #999;
	padding: 0.3em 0 0.25em 0.5em;
	/* Flexbox Rules */
	-webkit-box-flex: 0;
	-moz-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.footer .search-input-container input[type=search] {
	font-family: inherit;
	border: 0 none;
	color: inherit;
	padding: 0.1em 0.5em;
	/* Flexbox Rules */
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.footer .search-input-container button {
	cursor: pointer;
	background-color: #1E609C;
	color: #FFFFFF;
	font-family: inherit;
	font-weight: 700;
	border: 0 none;
	border-top-right-radius: 0.3em;
	border-bottom-right-radius: 0.3em;
	padding: 1.1em;
	/* Flexbox Rules */
	-webkit-box-flex: 0;
	-moz-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.footer .search-input-container button:hover,
.footer .search-input-container button:focus,
.footer .search-input-container button:active {
	background-color: #508bc0;
}

@media screen and (min-width:27.5em) {
	.footer .search-input-container input[type="search"] {
		font-size: 1.5em;
		line-height: 1.3;
	}
}

/* Footer Navigation Lists */

.footer-nav-container {
	margin: 0 auto;
	width: 100%;
	max-width: 40em;
	padding: 0 0.75em;
	padding: 0 0.5em;
	/* Flexbox Rules */
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.footer-nav-container .footer-nav-list {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin: 0.75em;
	/* Flexbox Rules */
	-webkit-box-flex: 0 1 10.25em;
	-moz-box-flex: 0 1 10.25em;
	-webkit-flex: 0 1 10.25em;
	-ms-flex: 0 1 10.25em;
	flex: 0 1 10.25em;
}

.footer-nav-list li {
	line-height: 1.3;
	margin: 0.5em auto;
}

.footer-nav-list-headline {
	color: #fff;
	font-size: 1.25em;
	font-weight: 500;
}

@media screen and (min-width:65em) {
	.footer-nav-container {
		max-width: none;
		-webkit-box-pack: justify;
		-moz-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.footer-nav-container .footer-nav-list {
		-webkit-box-flex: 0 1 auto;
		-moz-box-flex: 0 1 auto;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
	}
}

/* Postal Address, Security Badges, Copyright, and Secondary Links */

.postal-address,
.security-badges {
	margin: 1em auto;
}

.postal-address p {
	margin: 0 auto;
}

.footer-rule {
	background-color: transparent;
	border-bottom: 1px dotted #777;
	margin: 0 auto 0.5em;
}

@media screen and (min-width:26.25em) {
	.footer-nav-secondary li {
		display: inline;
		padding-right: 0.33em;
	}
	.footer-nav-secondary li+li:before {
		content: "|";
		padding-right: 0.33em;
	}
}

@media screen and (min-width:33.75em) {
	.postal-address {
		float: left;
		text-align: left;
	}
	.security-badges {
		float: right;
	}
}

@media screen and (min-width:46.25em) {
	.copyright {
		float: left;
	}
	.footer-nav-secondary {
		float: right;
	}
	.copyright,
	.footer-nav-secondary ul {
		margin-top: 0;
	}
}

/*	-------------------------------------------------------------



	Special Classes



	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.print-only {
	display: none;
}

#designstudio-button {
	/* Overriding default SnapEngage button value, since it interferes with other components on site. */ 
	z-index: 3 !important; 
}

/*	-------------------------------------------------------------



	Playground



	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* Move to site.css */

h4,
.h4 {
	color: #538118;
}

/*	-------------------------------------------------------------



	User Alert Bar & Login Screen



	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


/*User alert classes*/

#useralertbar {
	margin-bottom: 0;
}

/*Login form classes*/

.login-screen {
	margin: 0 auto 1em;
	max-width: 60em;
	padding: 0 1em;
}

.login-screen .login-screen-logos-wrapper {
	margin: 1em 0 auto;
	text-align: center;
}

.login-screen .login-screen-logos-wrapper .login-screen-logos {
	border: 1em #6eb33f solid;
	border-radius: 1em;
	padding: 1.1em;
}

.login-screen .login-screen-logos-wrapper h3 {
	text-transform: uppercase;
	color: #37423b;
	border: solid #5a873b;
	border-width: 2px 0;
	font-size: 1.1em;
	padding: 0.3em;
	letter-spacing: 0.1em;
	margin-bottom: 1em;
}

.login-screen .login-screen-logos-wrapper .login-screen-logos :first-child {
	margin-top: 0;
}

.login-screen .login-screen-logos-wrapper .login-screen-logos :last-child {
	margin-bottom: 0;
}

.userframe {
	max-width: 33.125em;
	margin: 0 auto;
}

.userframe-top {
	background-color: #e6e6e6;
	padding: 0 0 1.3em 0;
	margin: 4.25em 0 0 0;
	border-radius: 1em 1em 0 0;
	position: relative;
}

.userframe h1 {
	font-size: 3.33em;
	line-height: 1;
	margin: 0;
	background: none;
	color: #000000;
	padding: 0;
	text-align: left;
}

.userframe-top h1 {
	margin: 0 0 0 0.2em;
	position: absolute;
	bottom: 0.6rem;
}

.userframe-bottom {
	background-color: #e6e6e6;
	padding: 0 1.75em 1.1em;
	margin: 0;
	border-radius: 0 0 1em 1em;
}

.userframe h2 {
	font-size: 1.8em;
	margin-top: 0;
	color: #4d4d4d;
	font-weight: normal;
}

.userframe strong {
	color: #004;
}

.userframe input#username,
.userframe input#password,
.userframe input#newpassword,
.userframe input#verifynewpassword {
	font-size: 1.5em;
	line-height: 1.3;
	border: 1px solid #999;
	width: 100%;
}

.userframe input#username:focus,
.userframe input#password:focus,
.userframe input#newpassword:focus,
.userframe input#verifynewpassword:focus {
	border-color: #666;
}

.userframe button {
	font-size: 1.4em;
	border: 1px solid #555;
	line-height: 1.3;
	padding: 0.1em 0;
	width: 100%;
	margin: 0.5em auto 0;
	background-color: #DDE7FF;
	text-align: center;
}

.userframe button:hover,
.userframe button:focus {
	background: #D0E0FF;
	cursor: pointer;
}

.userframe #capslockwarning {
	color: #ff0000;
	font-size: 0.9em;
	display: none;
	text-align: left;
}

@media (min-width:35em) {
	.userframe input#password {
		margin-left: 1em;
		max-width: 9.3em;
	}
	.userframe input#newpassword,
	.userframe input#verifynewpassword {
		max-width: 10.185em;
	}
	.userframe button {
		max-width: 9em;
		margin: 0 0 0 0.75em;
		vertical-align: top;
	}
}

@media (min-width:51em) {
	.login-screen {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-moz-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-moz-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.login-screen .userframe {
		order: 1;
	}

	.login-screen .login-screen-logos-wrapper {
		margin: 0 1em 0 0;
	}
}