/* Spaces4Learning 2020 */

@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic|Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic|Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}
body {
	line-height: 1
}
ol, ul {
	list-style: none
}
blockquote {
	quotes: none
}
:focus {
	outline: 0
}
ins {
	text-decoration: none
}
del {
	text-decoration: line-through
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
@-webkit-viewport {
width:device-width
}
@-moz-viewport {
width:device-width
}
@-ms-viewport {
width:device-width
}
@-o-viewport {
width:device-width
}
@viewport {
width:device-width
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none
}
blockquote {
	quotes: none
}
:focus {
	outline: 0
}
ins {
	text-decoration: none
}
del {
	text-decoration: line-through
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
@-webkit-viewport {
width:device-width
}
@-moz-viewport {
width:device-width
}
@-ms-viewport {
width:device-width
}
@-o-viewport {
width:device-width
}
@viewport {
width:device-width
}
body {
	font-family: 'Noto Sans', sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
	background: #ffffff;
	color: #043d4e;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	text-size-adjust: 100%;
	overflow-x: hidden
}

@media (max-width: 800px) {
body {
	
	padding: 0;
}
}
*, *:before, *:after {
	box-sizing: border-box
}
html, html a {
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	-moz-osx-font-smoothing: grayscale
}
img {
	
	max-width: 100%;
	height: auto
}
/*#sContent img {
	width: 100%;
	max-width: 300px;*/
}
br {
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
	display: inline
}
.clear {
	clear: both
}
b, strong {
	font-weight: 700
}
i, em {
	font-style: italic
}
a {
	text-decoration: none;
	color: #343c8c
}
a:hover {
	text-decoration: underline;
	color: #043d4e;
}
p, ol, ul {
	color: #043d4e;
	text-rendering: optimizelegibility;
	font-size: 15px;
}
.digital_editions {
	margin: 30px 0 0 0
}
.digital_editions ul {
	list-style: none;
	display: block;
	padding: 0;
	margin: 0 auto
}
.digital_editions ul li {
	width: 100%;
	display: inline-block;
	margin-bottom: 30px
}

@media (min-width: 450px) {
.digital_editions ul li {
	width: 30%
}
}

@media (min-width: 518px) {
.digital_editions ul li {
	width: 32.81%
}
}
.digital_editions ul li a {
	display: block;
	font-weight: bold;
	color: #2d2d2d;
	text-align: center;
	font-size: 20px;
	margin-bottom: 5px
}

@media (min-width: 450px) {
.digital_editions ul li a {
	font-size: 16px
}
}

@media (min-width: 600px) {
.digital_editions ul li a {
	font-size: 20px
}
}
.digital_editions ul li img {
	width: 91%;
	display: block;
	margin: 0 auto
}
.digitaleditionarchive .summary p a {
	background-color: #8c0000;
	color: white;
	font-weight: bold;
	padding: 10px;
	display: inline-block;
	margin: 0 0 70px 17px
}

@media (min-width: 450px) {
.digitaleditionarchive .summary p a {
	margin: 0 0 70px 10px
}
}
.gdprHide {
	display: none !important
}
#wrapper {/*---position: relative---*/;background: #efefef;width: 100%;max-width: 970px;margin: auto;padding-top: 5px;
}
#wrapper:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
#headerWrapper {
	/*---height: 240px;---*/
	position: relative;
	max-width: 970px;
	width: 100%;
	margin: 0 auto;
	/*---background: #efefef;---*/
}

@media (max-width: 800px) {
#headerWrapper {
	
	height: auto;
	width: 100%
}
}

@media (max-width: 918px) {
#headerWrapper {
	/*---background: #efefef---*/
}
}
#headerWrapper:after {
	clear: both;
	display: block;
	content: ''
}

@media (max-width: 800px) {
#headerWrapper:after {
	clear: both;
	display: block;
	content: ''
}
}
#headerWrapper.scroll-to-fixed-fixed {
	box-shadow: 0px 7px 5px 0px rgba(50,50,50,0.25)
}
#contentTopWrapper:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.logo, .mainNav, .adminNav, .search, #login, .socialIcons {
	float: left
}
.logo {
	background: #efefef;
	height: 160px;
	line-height: 150px;
	text-align: center;
	margin-right: 0
}

@media (max-width: 800px) {
.logo {
	height: 110px;
	line-height: 75px
}
.logo a {
    height: 0px !important;
}
}

@media (max-width: 768px) {
.logo {
	height: 110px;
	line-height: 75px
}
}
.logo a {
	display: table-cell;
	vertical-align: middle;
	height: 120px
}

@media (max-width: 768px) {
.logo a {
	display: table-cell;
	height: 56px;
	vertical-align: middle
}
}
.logo img {
	border: 0 solid black;
	position: relative;
	top: 0;
	width: 400px;
	left: 35px
}

@media (max-width: 800px) {
.logo img {
	position: relative;
    top: 5px;
    left: 12px;
    width: 225px;
}
}

.search {
	
    left: 56%;
    padding: 12px 7%;
    position: absolute;
    top: 36px;
    max-width: 40.6%;
    width: 400px;
}

@media (max-width: 918px) {
.search {
	display: none
}
}
.search select {
	display: none
}
.search .advanced {
	font-size: 11px;
	text-align: right;
	padding-top: 2px
}
.search .advanced a {
	color: #ffffff
}
.search fieldset {
	border: 0px solid yellow;
	width: 280px;
	width: 147%;
	position: relative;
	left: -40px
}
.search input[type="text"] {
	
	position: relative;
	float: none;
	margin: 0;
	padding: 0;
	height: 50px;
	width: 100%;
	padding: 0 50px 0 8px;
	border: 1px solid #d0e0e8;
	border-radius: 0px;
	font-size: 15px
}
.search input[type="text"]:focus {
	border: 1px solid #a4b1b4
}
.search input[type="submit"] {
	
	display: block;
	float: none;
	margin: 0;
	padding: 0px 4.25px;
	height: 32px;
	width: 32px;
	border: 0px solid #d0e0e8;
	border-radius: 0;
	text-indent: -9999px;
	color: #7a8992;
	position: absolute;
	top: 16px;
	right: 2%;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 10px;
	cursor: pointer;
	background: url("../img/search.png") no-repeat;
	background-position: 0 0
}
.showTrigger {
	
	position: absolute;
	left: 69.2%;
	top: 114px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.9375em !important;
	background: #343c8c;
	color: #fff;
	padding: 10.5px 4px;
	display: block;
	line-height: 1;
	width: 160px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	text-transform: inherit;
	text-transform: uppercase
}
.showTrigger .showTrigger.open {
	background: #eaeaea;
	color: #fff
}
.showTrigger .showTrigger:hover {
	color: #043d4e !important;
	text-decoration: none
}
#login select {
	display: none
}
#login {
	background: transparent !important;
	border: 0px solid #eaeaea
}
#login #loginfrm a {
	color: #043d4e
}
#sContent #loginfrm table {
	margin-bottom: 0
}
#loginfrm {
	
	position: absolute;
	top: 155px;
	left: 66.2%;
	z-index: 1000;
	padding: 0 10px 0;
	width: 200px;
	border-radius: 0;
	background-color: #EAEAEA;
	box-shadow: 0 8px 6px -6px grey;
	font-weight: 300;
	font-size: 12px
}
#loginfrm #loginfrm table {
	
	display: block;
	margin: 28px 0 0;
	padding: 0 0 20px
}
#login .loggedin {
	
	position: absolute;
	color: #d6d6d6;
	font-size: 10px;
	margin: 0 !important;
	padding: 0 !important;
	top: 105px;
	left: 69.2%;
	z-index: 1000;
	padding: 0 10px 0;
	width: 150px;
	word-wrap: break-word;
	line-height: 1
}
#login .loggedin a {
	color: #fff;
	font-weight: 700;
	font-size: 10px;
	display: block
}
#login #preferences {
	
	position: absolute;
	top: 100px;
	left: 84.2%;
	z-index: 1000;
	padding: 0 0 0
}
#login #preferences a {
	display: inline-block;
	position: relative;
	right: 9999px;
	width: 16px
}
#login #preferences a:after {
	font-family: 'FontAwesome';
	display: block;
	content: '\f013';
	font-size: 14px;
	color: #d6d6d6;
	height: 16px;
	width: 16px;
	right: -9999px;
	position: absolute;
	top: 0;
	text-align: center
}
#login .show {
	display: block
}
#login .hide {
	display: none
}
#login .Submit {
	background: none repeat scroll 0 0 #043d4e !important;
	border: medium none !important;
	border-radius: 4px 4px 4px 4px;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: 700;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	width: 40%
}
#login .Submit:hover {
	background: #343c8c !important
}
#loginfrm input[type="radio"] {
	height: 14px;
	margin: 0 7px 0 0;
	width: auto
}
#loginfrm input, #loginfrm textarea {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #BABABA;
	border-radius: 4px 4px 4px 4px;
	box-shadow: none !important;
	color: #555555;
	font-size: 14px;
	height: 32px;
	margin: 12px 0;
	padding: 0 8px;
	width: 100%;
	transition: all 200ms ease-in-out
}
#loginfrm input:hover, #loginfrm textarea:hover {
	border: 1px solid #BABABA
}
#loginfrm input:focus, #loginfrm textarea:focus {
	border: 1px solid #a4b1b4
}
#loginfrm h6 {
	margin: 0;
	padding: 0
}
#hideTrigger {
	border: 0px solid #000;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	padding: 10px;
	margin: 0 0 10px 0;
	text-align: center;
	text-transform: uppercase !important;
	font-size: 14px;
	cursor: pointer;
	display: none
}
#hideTrigger:before {
	height: 20px;
	width: 20px;
	margin: 0;
	padding: 0;
	display: block;
	content: '\f00d';
	float: left;
	font-family: "FontAwesome", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 1;
	position: relative;
	margin: 0 6px 0 0
}
#hideTrigger:hover {
	color: #8c0000
}
#login #prefdata {
	background: #c0c3cc;
	border-radius: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 24px;
	right: 0;
	text-align: center;
	width: 170px;
	z-index: 3000;
	font-weight: bold;
	line-height: 1
}
#login #prefdata ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}
#login #prefdata li {
	margin: 0;
	padding: 4.25px
}
#login #preferences #prefdata a {
	border: 0 none;
	display: block;
	font-size: 14px;
	font-weight: normal;
	height: auto;
	padding: 6px 3px;
	position: static;
	text-indent: 0;
	width: auto
}
#login #preferences #prefdata a:link, #login #preferences #prefdata a:visited {
	background: none repeat scroll 0 0 #c0c3cc;
	color: #545864;
	font-weight: bold;
	text-decoration: none
}
#login #preferences #prefdata a:hover {
	text-decoration: underline
}
.socialIcons {
	position: absolute;
	top: 118px;
	line-height: 0;
	height: 16px;
	width: auto;
	right: 20px;
    width: 100px;
}
.socialIcons ul {
	
	padding: 0 0;
	margin: 0 0;
	height: 16px;
	text-align: center
}
.socialIcons ul li {
	
	display: inline-block;
	padding: 0;
	margin: 0 7%;
	max-height: 16px;
	max-width: 16px;
	width: 100%;
	transition: -webkit-transform 0.4s ease-out;
	transition: transform 0.4s ease-out;
	transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out
}

@media (min-width: 948px) {
.socialIcons ul li {
	margin: 0 6%
}
}
.socialIcons span {
	width: 30px;
	height: 30px;
	color: #343c8c;
	display: block;
	background: #343c8c
}
.socialIcons img {
	width: 100%;
	height: 100%
}
.mainNav {
	position: absolute;
	left: 33%;
	max-width: 100%;
	width: 100%;
	height: auto;
	padding-left: 10px;
	line-height: 1;
	background: #efefef;
	font-family: 'Noto Sans', sans-serif;
	z-index: 1000
}

@media screen and (min-width: 770px) {
.mainNav {
	max-width: 55%;
	width: 100%;
	padding: 30px 0 0 15px;
	height: 160px
}
}

@media screen and (min-width: 918px) {
.mainNav {
	left: 33%;
	max-width: 250px;
	width: 100%;
	padding: 30px 0 0 0;
}
}
.mainNav .topnavlist {
	width: 100%;
	overflow: hidden;
	background: transparent;
	padding: 0 5px 0 10px;
}
.mainNav .topnavlist ul {
	display: none;
    position: absolute;
    left: 100%;
    top: 0;
    background: #cccccc;
    padding: 8px 0 8px 8px;
    width: 250px;
    box-shadow: 5px 5px 0px #333;
}
.mainNav .topnavlist ul li {
	display: block;
    float: none;
    width: 95%;
	font-size: .9em;
}
.mainNav .topnavlist ul li:last-child {
	padding-bottom: 4px;
	border:none;
}
.mainNav .topnavlist li {
	line-height: 1.5em;
	float: none;
	display: block;
	width: 100%;
	padding: 0 0 5px;
}
.mainNav .topnavlist li.title {
	font-size: .85em;
	margin: 0;
	color: #ffffff;
}

@media screen and (min-width: 768px) {
.mainNav .topnavlist li {
	display: inline-block;
	width: 25%;
	float:left;
}
}

@media screen and (min-width: 918px) {
.mainNav .topnavlist li {
	width: 50%
}
}
.mainNav .topnavlist li:hover ul {
	display: none
}

@media screen and (min-width: 918px) {
.mainNav .topnavlist li:hover ul {
	display: block !important
}
}
.mainNav .topnavlist li a {
	color: #fcee21;
	font-weight: 700;
	text-decoration: none;
	display: block;
	vertical-align: middle;
	height: auto;
	line-height: 1.75;
	font-size: 0.8em;
	padding: 4.25px 0 4.25px 15px;
	text-align: left;
	border-bottom: 1px solid #cccccc;
	transition: all 50ms ease
}

@media screen and (min-width: 768px) {
.mainNav .topnavlist li a {
	padding: 0 5px 2px;
	margin:0 0 0 5px;
    border-bottom: none;
	line-height: 1.2;
}
}
.mainNav .topnavlist li a:hover {
	color: #fff;
	background:#8c0000;
}
.mainNav .topnavlist li.arrow  a.hasChild:hover {
	background-image: url(/design/EDU/S4L/2019/img/arrow.png);
	background-repeat:no-repeat;
	background-position:right;
	margin-right: -5px;
}
;

@media screen and (min-width: 768px) {
.mainNav .topnavlist li a:hover {
	color: #043d4e;
	background: none
}
}
.mobileMenu {
	display: block !important
}

@media screen and (min-width: 918px) {
.mobileMenu {
	display: none !important
}
}

@media screen and (max-width: 918px) {
.last.mobileMenu a {
	display: inline-block !important;
	border: 2px solid #fff !important;
	font-size: 13px;
	height: 33px;
	margin: 8px 0 0;
	padding: 3px 8px !important;
	position: relative;
	right: 0;
	text-align: center;
	top: 0;
	width: auto !important
}
.last.mobileMenu a:hover {
	border-color: #000 !important
}
}

@media screen and (max-width: 768px) {
.last.mobileMenu {
	border: 0 solid #fff;
	width: auto !important;
	background: #a2a2a2;
	margin: 0;
	top: 0;
	height: inherit
}
.last.mobileMenu a {
	border: 0 !important;
	width: 100% !important;
	margin: 0 !important
}
}
.nav-collapse ul {
	margin: 0;
	padding: 0;
	width: 100%;
	display: block;
	list-style: none
}
.nav-collapse li {
	width: 100%;
	display: block
}
.nav-collapse {
	display: none
}
.js .nav-collapse {
	clip: rect(0 0 0 0);
	position: absolute;
	display: block;
	overflow: hidden;
	overflow: visible;
	zoom: 1;
	left: 0;
	background: #033d4e;
}
.nav-collapse.opened {
	max-height: 9999px
}
.disable-pointer-events {
	pointer-events: none !important
}
.nav-toggle {
	position: fixed;
	top: 0px;
	float: right;
	overflow: hidden;
	width: 70px;
	height: 75px;
	line-height: 80px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
	text-align: center;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}

@media screen and (min-width: 769px) {
.nav-toggle {
	display: none
}
}
.nav-toggle:before {
	position: absolute;
	top: -4px;
	right: 23px;
	display: none;
	width: 100%;
	color: #ebf6fb;
	content: "\f0c9";
	text-align: right;
	text-indent: 0;
	text-transform: none;
	font-variant: normal;
	font: normal 26px/55px "FontAwesome" sans-serif
}
.nav-toggle.active:before {
	content: "\f00d"
}
.nav-toggle:hover {
	color: #fff
}
.TopicMenu {
	display: none;
	clear: both;
	background: #043d4e;
	padding: 4px;
	font-size: 13px;
	font-weight: bold
}

@media screen and (min-width: 800px) {
.TopicMenu {
	display: block
}
}
.TopicMenu a, .TopicMenu a:visited {
	color: #fff;
	padding: 6px 12px
}
.TopicMenu ul {
	text-align: center
}
.TopicMenu li {
	display: inline-block
}
.TopicMenu .clear {
	display: none
}
.adminNav {
	display: none;
    width: 100%;
    position: absolute;
    height: 50px;
    top: 0;
	left: 0;
    text-align: right;
}


@media screen and (min-width: 918px) {
.adminNav {
	display: inline
}
}
.adminNav ul {
	margin: 0 20px 0 0;
    height: 50px;
    line-height: 50px;
    letter-spacing: 0;
}
.adminNav li {
	display: inline;
	color: #043d4e
}
.adminNav li a {
	color: #043d4e;
	text-decoration: none;
	font-size: .7em;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0 1%;
	display: inline;
	line-height: 0;
	position: relative;
	top: 0;
	letter-spacing: .3px
}
.adminNav li a:hover {
	text-decoration: underline
}
.intro h3 {
	font-size: 20px;
	line-height: 1.25;
	font-weight: 600 !important;
	margin: 20px 0 0;
	color: #8c0000;
	font-family: 'Noto Sans', sans-serif
}
.intro h4 {
	font-family: 'Noto Sans', sans-serif;
	font-size: 1.5em;
	line-height: 1.1;
	padding: 0 0 5px
}
.intro h5 {
	font-size: 1em;
	font-weight: 600 !important;
	font-style: italic;
	margin: 29.124px 0 43.77px;
	font-family: 'Noto Sans', sans-serif
}
.intro p {
	font-size: 1em;
	font-weight: 300 !important;
	margin: 0 0 15px;
}
.intro img {
	padding: 0 0 10px;
}
.intro .webcastdeck {
	margin: -20px 0 0 0;
	font-style: italic
}
#contentTop {
	position: relative;
	max-width: 970px;
	width: 100%;
	margin: 0 auto
}
#pContentTop {
	width: 100%;
	float: left;
	padding: 0%;
	position: relative;
	display:inline-block;
}

@media screen and (max-width: 800px) {
#pContentTop {
	width: 100%;
	float: none;
	padding: 0;
	margin-left: 0
}
}
#sContentTop {
	border: 0 solid blue;
	width: 31%;
	float: right;
	padding: 0;
	margin-left: 0;
	display:none;
}

@media (max-width: 800px) {
#sContentTop {
	border: 0 solid blue;
	width: 94%;
	float: none;
	padding: 0;
	margin-left: 0
}
}
#contentWrapper {
	
	position: relative;
	max-width: 970px;
	width: 100%;
	margin: 0 auto;
	height: auto;
	clear: both;
	padding:20px 0px;
	background:#ffffff;
}

@media (max-width: 800px) {
#contentWrapper {
	
	position: relative;
	max-width: 768px;
	width: 100%;
	margin: auto;
	height: auto;
	clear: both;
}
}
#contentWrapper:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

@media screen and (max-width: 800px) {
#contentWrapper:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
#pContent .boxC ul li img {
	margin: 0 0 20px 20px;
    float: right;
    clear: both;
    width: 100%;
    object-fit: cover;
    height: 300px;
}
}
#pContent {
	float: none;
    margin: 0 10px;
    width: 95%;
    position: relative;
}
#pContent .image img {
	width: 100%;
	padding: 10px 0;
}
#pContent .image .photocredit {
	font-size: 0.8em !important;
    line-height: 20px !important;
    color: #777
}
#pContent .image p {
	font-size: 0.8em !important;
    line-height: 20px !important;
    color: #777
}
#pContent .boxC ul li img {
	margin: 0 0 15px 20px;
    float: right;
    clear: both;
    width: 100%;
    max-width: 300px;
    object-fit: cover;
    height: 200px;
}

@media (min-width: 800px) {
#pContent {
	width: calc(100% - 325px);
	float: left;
	/*---padding: 20px 0 0;---*/
	margin: 0
}
}
#pContent .announcement {
    margin: 0 0 15px;
}
#pContent .boxC ul li {
	display:inline-block;
	padding:15px 0;
	border-bottom: 1px solid #ccc;
	width:100%;
}
#pContent .boxC h3 {
	font-size: 20px;
	line-height:1.2;
	margin: 5px 0;
}
#pContent .boxC p.summary {
	line-height:1.5;
}
#pContent .toc h3 {
	font-size: 12px;
}
#pContent h3 {
	font-size: 24px;
	margin:15px 0;
	line-height: 1.2;
}
#pContent .features h3 {
	margin:0 0 5px;
}
#pContent .intro h3 {
	font-size: 24px;
    padding: 15px 0;
    color: #343c8c;
    border-bottom: 1px solid #ccc;
    margin: 0;
}
#pContent h3 a {
	color: #043d4e
}
#pContent h3 a:hover {
	color: #343c8c
}
#pContent .newsBriefs h3 a {
	font-weight: normal;
	font-size: 15px;
}
#pContent .newsBriefs h3{
	margin: 0 0 5px;
}
#pContent .kicker {
	font-size: .6em;
    text-transform: uppercase;
    background: #d68f0d;
    display: inline-block;
    padding: 3px 5px;
    color: #ffffff;
    font-weight: bold;
    margin: 0 0 5px;
}
#pContent .micrositeportal h3 {
	font-size: 24px;
	padding: 15px 0;
    color: #343c8c;
    margin: 0;
}
#pContent .boxA {
	background: #efefef;
	padding: 10px;
	margin: 10px 0 0;
}
#pContent .boxA h3 {
	font-size: 16px;
	margin: 0;
}
#pContent .boxA h4 {
	padding: 0 0 5px;
	color: #8c0000;
}

#pContent .boxA ul li {
	margin: 0 0 5px;
}
#pContent .boxA .pagination {
	display: none;
}
#pContent .items h3 {
	font-size: 20px;
	padding: 10px 0 0;
	color: #043d4e;
	margin: 0 0 10px;
}
#pContent .items {
	padding: 10px;
}
#pContent .date {
    color: #777;
    font-weight: 400;
    margin: 5px 0;
}
#pContent ul li span {
	display: inherit;
    font-size: .9em;
	color: #777;
	margin:5px 0 0
}
#pContent .newsBriefs ul li span {
	padding: 0;
	font-size: 13px;
}
#pContent .section {
	font-size: .6em;
    text-transform: uppercase;
    background: #d68f0d;
    display: inline-block;
    padding: 3px 5px;
    color: #ffffff;
    font-weight: bold;
    margin: 0 0 5px;
}

#pContent:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
#sContent {
	float: none;
	padding: 0;
	margin: 10px auto 0 auto;
	width: 94%
}

@media (min-width: 800px) {
#sContent {
	width: 320px;
	float: right;
	padding: 0 5px 0 10px;
	margin: 0 -5px 0 0;
}
}
#sContent:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
#sContent>div:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
#xContent {
	border: 0 solid blue;
	margin: 0 0;
	clear: both
}

@media (max-width: 800px) {
#xContent {
	max-width: 768px;
	clear: both;
	background-position: 38.55% 0;
	border: 0px solid #387798
}
}
#xContent:after, #xContent:before {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
#popular, .tabBox {
	margin: 0 0 20px 0;
	max-width: 100%
}

@media screen and (min-width: 800px) {
#popular, .tabBox {
	max-width: 300px;
	padding:0 0 10px 10px;
}
}
.tabMenu {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	width: 100%
}
.tabMenu li {
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	font-weight: bold
}
.tabMenu a:link, .tabMenu a:visited {
	float: left;
	display: block;
	margin: 0;
	color: #043d4e;
	text-decoration: none;
	border-bottom: none;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 0px
}
.tabMenu a:hover, .tabMenu a:active {
	color: #222
}
.tabMenu a:link, .tabMenu a:visited, .tabMenu a:hover, .tabMenu a:active {
	color: #343c8c;
	cursor: default;
	font-size: 20px;
	margin: 0;
	padding: 0;
	line-height: 1;
	border-bottom: none;
	text-transform: uppercase;
	background: none;
	min-height: 0;
	font-family: 'Noto Sans', sans-serif
}

@media screen and (min-width: 600px) {
.tabMenu a:link, .tabMenu a:visited, .tabMenu a:hover, .tabMenu a:active {
	font-size: 20px
}
}
.tabContent {
	border-top: none;
	clear: both
}
#popular .tabMenu a:link, #popular .tabMenu a:visited {
	float: none
}
#popular .tabMenu li {
	float: none;
	margin: 0
}
#popular .tabMenu li+li, #popular .tabContent+.tabContent {
	display: none
}
* html .tabContent {
	height: 1%
}
*+html .tabContent {
	height: 1%
}
.tabContent a:hover {
	color: #343c8c !important;
	opacity: 1
}
.tabContent ul {
	list-style-type: none;
	padding: 0;
	margin: 0
}
* html .tabContent li {
	position: relative
}
.tabContent li img {
	float: right;
	margin: 0 0 6px 6px
}
.tabContent li a:link, .tabContent li a:visited, .tabContent h3 a:link, .tabContent h3 a:visited {
	color: #043d4e;
	text-decoration: none;
	display: block;
	margin: 0;
	line-height: 1.25;
	margin: 0 0 0 0;
	padding: 14px 0;
	transition: all 75ms ease-in-out
}
.tabContent h3 a {
	width: 300px;
	width: 100%;
	padding-left: 54px !important;
	padding-right: 7px !important;
	display: block
}
.tabContent h3:nth-child(1) {
	font-size: 20px
}

@media screen and (min-width: 800px) {
.tabContent h3:nth-child(1) {
	font-size: 20px
}
}
.tabContent h3:nth-child(1):before, .tabContent h3:nth-child(2):before, .tabContent h3:nth-child(3):before, .tabContent h3:nth-child(4):before, .tabContent h3:nth-child(5):before {
	display: block;
	float: left;
	height: 35px;
	width: 42px;
	line-height: 35px;
	font-size: 1em;
	text-align: center;
	position: relative;
	top: 14px;
	background: #343c8c;
	color: #fff;
	font-weight: 800;
	font-size: 18px
}
.tabContent h3:nth-child(1):before {
	content: "1"
}
.tabContent h3:nth-child(2):before {
	content: "2";
	-khtml-opacity: 0.70;
	opacity: 0.70;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)
}
.tabContent h3:nth-child(3):before {
	content: "3";
	-khtml-opacity: 0.50;
	opacity: 0.50;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50)
}
.tabContent h3:nth-child(4):before {
	content: "4";
	-khtml-opacity: 0.30;
	opacity: 0.30;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30)
}
.tabContent h3:nth-child(5):before {
	content: "5";
	-khtml-opacity: 0.10;
	opacity: 0.10;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10)
}
.tabContent h3:nth-child(2) {
	font-size: 18px
}
.tabContent h3:nth-child(3) {
	font-size: 16px
}

@media screen and (min-width: 800px) {
.tabContent h3:nth-child(3) {
	font-size: 15px;
	line-height: 20px
}
}
.tabContent h3:nth-child(4) {
	font-size: 14px
}

@media screen and (min-width: 800px) {
.tabContent h3:nth-child(4) {
	font-size: 14px;
	line-height: 20px
}
}
.tabContent h3:nth-child(5) {
	font-size: 14px
}

@media screen and (min-width: 800px) {
.tabContent h3:nth-child(5) {
	font-size: 14 px;
	line-height: 20px
}
}
.tabContent .footer {
	font-size: 11px;
	color: #000;
	margin: 6px 10px 0;
	padding: 0 0 2px;
	text-align: right;
	font-weight: bold
}
.tabContent .footer a:link, .tabContent .footer a:visited {
	color: #000;
	padding: 0 0 0 20px
}
.tabContent .footer a:hover, .tabContent .footer a:active {
	color: #CC4D00
}
.tabContent li {
	background: url(../img/bullet_red.gif) no-repeat 0 6px;
	font-size: 12px;
	line-height: 1.4em;
	padding: 0 0 4px 12px;
	margin: 0 10px;
	font-weight: normal
}
.tabContent li.featured {
	background: none;
	padding-left: 0
}
.tabContent li span {
	font-size: 10px;
	color: #666
}
.tabContent h3 {
	line-height: 1.4em;
	font-weight: normal;
	margin: 0 10px 0 0;
	padding: 0 0 2px 0;
	width: 100%
}
.enabled .show {
	display: block
}
.enabled .hide {
	display: none
}
.tabContent li h3 {
	background: none;
	padding: 0;
	margin: 0
}
.js .tabBox .tabContent {
	display: none
}
.js .tabContent:first-of-type {
	display: block
}
.tabMenu .first a {
	font-size: 22px;
	font-weight: 700;
	display: block;
	margin: 15px 0 0 0;
	float: left;
	clear: both;
	width: 100%
}
#sContent .trending {
	margin-bottom: 8px;
	max-width: 100%;
	position: relative;
	clear: both
}

@media screen and (min-width: 800px) {
#sContent .trending {
	max-width: 300px
}
}
#sContent .trending:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
#sContent .trending li {
	padding: 14px 0;
	position: relative;
	border-bottom: 2px solid #d6d8da;
	min-height: 70px;
	vertical-align: middle
}
#sContent .trending li:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	content: '';
	height: 30px;
	background: #cc4d65;
	visibility: hidden;
	transition: all 0.2s ease-in-out 0s
}
#sContent .trending li.last {
	border-bottom: 0
}
#sContent .trending li a {
	border: 0px solid black;
	text-decoration: none;
	font-weight: 700;
	font-size: 20px;
	position: relative;
	z-index: 10;
	color: #043d4e;
	padding: 0;
	transition: all 0.2s ease-in-out 0s
}
#sContent .trending li a:hover {
	text-decoration: underline
}
#sContent .trending .title {
	color: #343c8c;
	cursor: default;
	font-size: 20px;
	margin: 0;
	padding: 0;
	line-height: 1;
	border-bottom: none;
	text-transform: uppercase;
	background: none;
	min-height: 0;
	font-family: 'Noto Sans', sans-serif
}

@media screen and (min-width: 600px) {
#sContent .trending .title {
	font-size: 20px
}
}
#sContent .trending .title h2 {
	font-weight: 800
}
#sContent .trending li:nth-child(2):before, #sContent .trending li:nth-child(3):before, #sContent .trending li:nth-child(4):before, #sContent .trending li:nth-child(5):before, #sContent .trending li:nth-child(6):before {
	display: block;
	float: left;
	height: 35px;
	width: 42px;
	font-size: 45px;
	line-height: 1;
	position: relative;
	top: 0;
	color: #343c8c;
	font-weight: 400
}
#sContent .trending li:nth-child(2):before {
	content: "1"
}
#sContent .trending li:nth-child(3):before {
	content: "2";
	padding-top: 2px;
	-khtml-opacity: 0.70;
	opacity: 0.70;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)
}
#sContent .trending li:nth-child(4):before {
	content: "3";
	padding-top: 3px;
	-khtml-opacity: 0.50;
	opacity: 0.50;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50)
}
#sContent .trending li:nth-child(5):before {
	content: "4";
	padding-top: 4px;
	-khtml-opacity: 0.30;
	opacity: 0.30;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30)
}
#sContent .trending li:nth-child(6):before {
	content: "5";
	padding-top: 5px;
	-khtml-opacity: 0.10;
	opacity: 0.10;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10)
}
#sContent .sidenav {
	margin-bottom: 8px;
	width: 100%;
	max-width: 300px;
	position: relative;
	clear: both
}
#sContent .sidenav:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
#sContent .sidenav li {
	padding: 14px 0;
	position: relative;
	border-bottom: 2px solid #d6d8da;
	min-height: 70px;
	vertical-align: middle
}
#sContent .sidenav li:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	content: '';
	height: 30px;
	background: #cc4d65;
	visibility: hidden;
	transition: all 0.2s ease-in-out 0s
}
#sContent .sidenav li.last {
	border-bottom: 0
}
#sContent .sidenav h3 {
	color: #343c8c;
	cursor: default;
	font-size: 36px;
	margin: 0;
	padding: 0;
	line-height: 1;
	border-bottom: none;
	text-transform: uppercase;
	background: none;
	min-height: 0;
	font-family: 'Noto Sans', sans-serif
}
#sContent .sidenav li a {
	border: 0px solid black;
	text-decoration: none;
	font-weight: 700;
	font-size: 20px;
	position: relative;
	z-index: 10;
	color: #043d4e;
	padding: 0;
	transition: all 0.2s ease-in-out 0s
}
#sContent .sidenav li a:hover {
	text-decoration: underline
}
#sContent .ad {
	text-align: center
}

@media screen and (min-width: 800px) {
#sContent .ad {
	text-align: left
}
}
#calEvents h2 {
	color: #043d4e;
	font-size: 1.5em;
	font-weight: 700;
	margin-bottom: 27.054px;
	text-transform: uppercase
}
#calEvents>div {
	margin-bottom: 43.773px
}
#calEvents>div:after {
	clear: both;
	content: '';
	display: block
}
#calEvents .eventDate {
	background: #e2e2e2;
	padding: 10px;
	float: left;
	clear: none;
	font-weight: 700
}
#calEvents .info {
	float: right;
	width: 75%;
	clear: none
}
#calEvents .info h3 {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2
}
#calEvents .info h3 a {
	color: #043d4e
}
#calEvents .info h3 a:hover {
	color: #343c8c;
	text-decoration: underline;
}
#calEvents .location {
	margin-right: 18px
}
#calEvents .location:after {
	/*display: inline-block;
	height: 8px;
	width: 8px;
	content: '';
	background: #8c0000;
	margin-left: 18px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg)*/
}
#calEvents .summary {
	clear: both
}
.showTrigger {
	
	position: absolute;
	left: 69.2%;
	top: 114px
}
.showTrigger {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.9375em !important;
	background: #343c8c;
	color: #fff;
	padding: 10.5px 4px;
	display: none !important;
	line-height: 1;
	width: 160px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	text-transform: inherit;
	text-transform: uppercase
}
.showTrigger:hover {
	color: #043d4e !important;
	text-decoration: none
}
#login select {
	display: none
}
.showTrigger.open {
	background: #eaeaea;
	color: #fff
}
#login {
	background: transparent !important;
	border: 0px solid #eaeaea
}
#login #loginfrm a {
	color: #043d4e
}
#sContent #loginfrm table {
	margin-bottom: 0
}
#loginfrm {
	
	position: absolute;
	top: 155px;
	left: 66.2%;
	z-index: 10000;
	padding: 0 10px 0;
	width: 200px;
	border-radius: 0;
	background-color: #EAEAEA;
	box-shadow: 0 8px 6px -6px grey;
	font-weight: 300;
	font-size: 12px
}
#loginfrm table {
	
	display: block;
	margin: 28px 0 0;
	padding: 0 0 20px
}
#login .loggedin {
	
	position: absolute;
	color: #d6d6d6;
	font-size: 10px;
	margin: 0 !important;
	padding: 0 !important;
	top: 105px;
	left: 69.2%;
	z-index: 1000;
	padding: 0 10px 0;
	width: 150px;
	word-wrap: break-word;
	line-height: 1
}
#login .loggedin a {
	color: #fff;
	font-weight: 700;
	font-size: 10px;
	display: block
}
#login #preferences {
	
	position: absolute;
	top: 100px;
	left: 84.2%;
	z-index: 1000;
	padding: 0 0 0
}
#login #preferences a {
	display: inline-block;
	position: relative;
	right: 9999px;
	width: 16px
}
#login #preferences a:after {
	font-family: 'FontAwesome';
	display: block;
	content: '\f013';
	font-size: 14px;
	color: #d6d6d6;
	height: 16px;
	width: 16px;
	right: -9999px;
	position: absolute;
	top: 0;
	text-align: center
}
#login .show {
	display: block
}
#login .hide {
	display: none
}
#login .Submit {
	background: none repeat scroll 0 0 #043d4e !important;
	border: medium none !important;
	border-radius: 4px 4px 4px 4px;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: 700;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	width: 40%
}
#login .Submit:hover {
	background: #343c8c !important
}
#loginfrm input[type="radio"] {
	height: 14px;
	margin: 0 7px 0 0;
	width: auto
}
#loginfrm input, #loginfrm textarea {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #BABABA;
	border-radius: 4px 4px 4px 4px;
	box-shadow: none !important;
	color: #555555;
	font-size: 14px;
	height: 32px;
	margin: 12px 0;
	padding: 0 8px;
	width: 100%;
	transition: all 200ms ease-in-out
}
#loginfrm input:hover, #loginfrm textarea:hover {
	border: 1px solid #BABABA
}
#loginfrm input:focus, #loginfrm textarea:focus {
	border: 1px solid #a4b1b4
}
#loginfrm h6 {
	margin: 0;
	padding: 0
}
#hideTrigger {
	border: 0px solid #000;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	padding: 10px;
	margin: 0 0 10px 0;
	text-align: center;
	text-transform: uppercase !important;
	font-size: 14px;
	cursor: pointer;
	display: none
}
#hideTrigger:before {
	height: 20px;
	width: 20px;
	margin: 0;
	padding: 0;
	display: block;
	content: '\f00d';
	float: left;
	font-family: "FontAwesome", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 1;
	position: relative;
	margin: 0 6px 0 0
}
#hideTrigger:hover {
	color: #8c0000
}
#login #prefdata {
	background: #c0c3cc;
	border-radius: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 24px;
	right: 0;
	text-align: center;
	width: 170px;
	z-index: 3000;
	font-weight: bold;
	line-height: 1
}
#login #prefdata ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}
#login #prefdata li {
	margin: 0;
	padding: 4.25px
}
#login #preferences #prefdata a {
	border: 0 none;
	display: block;
	font-size: 14px;
	font-weight: normal;
	height: auto;
	padding: 6px 3px;
	position: static;
	text-indent: 0;
	width: auto
}
#login #preferences #prefdata a:link, #login #preferences #prefdata a:visited {
	background: none repeat scroll 0 0 #c0c3cc;
	color: #545864;
	font-weight: bold;
	text-decoration: none
}
#login #preferences #prefdata a:hover {
	text-decoration: underline
}
.loginpanel .showTrigger {
	display: block !important
}
.login {
	border: 1px solid #f5f5f5;
	border-radius: 3px;
	background: #f7f7f7;
	margin: 25px 0 25px 0;
	padding: 15px;
	font-size: .8em;
	height: 120px;
	display: table;
	position: top;
	width: 100%
}
.login tr, .login div, .login table {
	padding: 0;
	margin: 0;
	border: none
}
.login td {
	padding: 0;
	margin: 0;
	border: none;
	width: 60% !important;
}
.login .content {
	margin: 0 20px 0 0 !important;
	padding: 15px !important;
	border: 1px solid #f5f5f5;
	border-radius: 2px;
}
.login .content h6 {
	margin: 0 0 11.125px
}
.login .content strong {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0;
	display: inline
}
.login .content p {
	margin-bottom: 4.25px 0;
	width: 100% !important
}
.logintext>p {
	width: 90%;
	margin-bottom: 4.25px
}
.login p {
	line-height: inherit !important
}
.login h4 {
	font-size: 1em;
	font-weight: 700;
	margin-top: 14px;
	display: inline-block;
	width: 100% !important
}
.login td div table {
	
	width: 100%;
	margin: 0 20px 0 0 !important;
	padding: 20px !important
}
.login td table tr {
	display: block;
	margin: 0 0 0
}
.login td table input[type="submit"] {
	background: #1e4052;
	color: #fff;
	margin: 11.125px 0 4.25px;
	padding: 6.876px;
	text-transform: uppercase;
	width: 123px !important;
	border-radius: 3px;
	border: 0 none;
	font-size: 1em;
	font-weight: 800
}
.login td table input[type="submit"]:hover {
	background: #8c0000;
	cursor: pointer
}
.login td table input[type="radio"] {
	margin-right: 4.25px
}
.login td table input[type="password"], .login td table input[type="text"] {
	width: 100%;
	border-radius: 3px;
	border: 0 none;
	position: relative;
	float: left;
	margin: 6.387px 0 0 0;
	padding: 0 2%;
	width: 100%;
	height: 36px;
	border: 1px solid #d0e0e8;
	border-radius: 4px;
	font-size: 14px
}
.message {
	border: 0px solid red !important;
	padding: 14px !important;
	margin: 0 0 7px !important;
	background: #f5cbcd;
	border-radius: 2px
}
#level0 #research .login {
	border: 1px solid #f5f5f5;
	border-radius: 3px;
	background: #f7f7f7;
	margin: 27.054px 0 0 0;
	padding: 15px;
	font-size: .8em;
	height: 120px;
	display: table;
	position: top;
	width: 100%
}

#level0 #research .login tr, #level0 #research .login td, #level0 #research .login div, #level0 #research .login table {
	padding: 0;
	margin: 0;
	border: none
}
#level0 #research .login .content {
	margin: 0 20px 0 0 !important;
	padding: 15px !important;
	border: 1px solid #f5f5f5;
	border-radius: 2px;
	background: #fefefe
}
#level0 #research .login .content h6 {
	margin: 0 0 11.125px
}
#level0 #research .login .content strong {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0;
	display: inline
}
#level0 #research .login .content p {
	margin-bottom: 4.25px 0
}
.logintext>p {
	width: 90%;
	margin-bottom: 4.25px
}
#level0 #research .login h4 {
	font-size: 1em;
	font-weight: 700;
	margin-top: 14px;
	display: inline-block
}
#level0 #research .login a {
	color: #d31821
}
#level0 #research .login td div table {
	
	width: 100%;
	margin: 0 20px 0 0 !important;
	padding: 20px !important
}
#level0 #research .login td table tr {
	display: block;
	margin: 0 0 0
}
#level0 #research .login td table input[type="submit"] {
	color: #EEEEEE;
	margin: 11.125px 0 4.25px;
	padding: 7px;
	text-transform: uppercase;
	width: 140px !important;
	border-radius: 3px;
	border: 0 none;
	font-size: 1.25em;
	font-weight: 800
}
#level0 #research .login td table input[type="submit"]:hover {
	background: #8c0000;
	cursor: pointer
}
#level0 #research .login td table input[type="radio"] {
	margin-right: 4.25px
}
#level0 #research .login td table input[type="password"], #level0 #research .login td table input[type="text"] {
	width: 100%;
	border-radius: 3px;
	border: 0 none;
	position: relative;
	float: left;
	margin: 6.387px 0 0 0;
	padding: 0 2%;
	width: 100%;
	height: 36px;
	border: 1px solid #d0e0e8;
	border-radius: 4px;
	font-size: 14px
}
#level0 #research .sponsor {
	padding: 7px;
	text-align: left;
}
#level0 #research .sponsor img {
	float: none;
	margin: 0 0 0 20px;
	padding: 0
}
#level0 #research .message {
	border: 1px solid red !important;
	padding: 14px !important;
	margin: 0 0 7px !important;
	background: #f5cbcd;
	border-radius: 2px
}

@media screen and (max-width: 918px) {
#login {
	display: none
}
}

@media screen and (max-width: 800px) {
.showTrigger {
	top: 100px;
	left: 63.2%
}
#login {
	
	top: 100px;
	left: 65%
}
#login a {
	letter-spacing: 0;
	padding: 11.5px 5px 10.5px 20px;
	text-transform: uppercase;
	font-size: .75em
}
}
.searchresults div {
	border-top: 1px solid #a2a2a2;
	margin: 20px 0;
	padding: 20px 0 0
}
.searchresults>ul {
	background: #fcfcee;
	border: 0 solid #333;
	border-radius: 2px;
	margin: 0;
	padding: 7px
}
.searchresults li {
	display: inline;
	font-size: 1.2em;
	margin: 0 8px 0 0;
	padding: 0
}
.searchresults ul.sortby {
	background: none repeat scroll 0 0 rgba(0,0,0,0);
	border: 0 none;
	font-size: 0.9em;
	margin: 0 0 2px;
	padding: 7px
}
.searchresults ul.sortby li {
	display: inline;
	list-style: none outside none;
	margin: 0 5px 0 0;
	padding: 0
}
.searchresults ul.sortby strong {
	font-weight: normal
}
.searchresults a {
	color: #343c8c;
	font-size: 0.8em
}
.searchresults div h2 {
	font-size: 1.25em;
	line-height: 1.25;
	font-weight: 600;
	margin: 0 0 14px;
	padding: 0
}
.searchresults div h2 a {
	color: #222830;
	font-size: 1.25em
}
.searchresults div h3 {
	font-size: 0.8em;
	font-weight: bold;
	margin: 7px 0 0;
	padding: 0
}
.searchresults p {
	font-size: 0.9em;
	line-height: 1.4;
	margin: 0;
	padding: 0
}
.searchresults .pagination {
	margin: 0;
	padding: 0;
	width: 100%;
	border: none;
	margin: 18px auto 29.124px;
	padding: inherit;
	padding-bottom: 0 !important;
	width: 100% !important
}
.searchresults .pagination ul {
	float: right;
	display: table;
	overflow: hidden;
	margin: 0 !important;
	padding: 0;
	width: 100%;
	height: 27.054px;
	border: none;
	list-style-type: none;
	text-align: center
}
.searchresults:after {
	clear: both;
	content: "";
	display: block
}
.advancedsearch {
	margin: 11.125px 0 0;
	padding: 0
}
.advancedsearch h3 {
	color: #222830;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 0 3px;
	padding: 0
}
.advancedsearch table {
	border-collapse: collapse
}
.advancedsearch input.submit {
	margin: 0;
	padding: 1px 4px
}
.advancedsearch table td.text {
	width: 40%;
	font-size: .9em;
	vertical-align: top
}
.advancedsearch table td.textfield {
	margin: 0 0 0 14px;
	text-align: left
}
.advancedsearch div.content {
	background: none 0 0 repeat scroll #fff;
	border: 1px solid #e9e7de;
	margin: 0 0 5px;
	padding: 5px
}
.advancedsearch div.content table {
	margin: 10px 0
}
.advancedsearch div.content table table {
	margin: 0
}
.advancedsearch div.content table td {
	padding: 7px 2px 7px 0;
	text-align: right
}
.advancedsearch div.content table td.textfield {
	display: block;
	margin: 0 0 0 14px;
	text-align: left
}
.advancedsearch div.content input, .advancedsearch div.dates input {
	border: 1px solid #cacaca;
	border-radius: 2px;
	float: inherit;
	font-size: 1em;
	margin: 0 0 7px;
	padding: 0;
	width: 180px
}
.advancedsearch div.content table input {
	padding: 4px;
	width: auto
}
.advancedsearch div.dates {
	background: none 0 0 repeat scroll #e8f4fa;
	border: 1px solid #e9e7de;
	margin: 0 0 5px;
	padding: 5px
}
.advancedsearch div.dates table {
	margin: 10px 0 0
}
.advancedsearch div.dates table td {
	padding: 0 2px 0 0;
	position: relative;
	text-align: right
}
.advancedsearch div.dates table td.textfield {
	text-align: left
}
.advancedsearch div.dates img {
	padding-left: 3px
}
.advancedsearch div.source {
	background: none 0 0 repeat scroll #e8f4fa;
	border: 1px solid #e9e7de;
	margin: 0 0 5px;
	padding: 5px
}
.advancedsearch div.source table {
	margin: 10px 0
}
.advancedsearch div.source table td {
	padding: 0 2px 0 0;
	text-align: right
}
.advancedsearch select.advancedSelect {
	width: 200px
}
#article .aboutAuthor {
	color: #043d4e;
}
#article .aboutAuthor p, #article .aboutAuthor p+p {
	font-size: 0.9em !important;
	line-height: 1.5 !important
}
#article .aboutAuthor .author {
	font-weight: 700;
	font-size: 1em;
	border: none !important;
	text-transform: uppercase;
	color: #043d4e;
	margin-bottom: 5px !important
}
#article .aboutAuthor img {
	margin: 0 20px 20px 0 !important
}
#article .aboutAuthor table {
	margin: 0 20px 20px 0 !important
}
#level0:before {
	clear: both;
	content: '';
	display: block
}
#level0 #article {
	position: relative;
	color: #043d4e;
	font-size: 1em;
	line-height: 1.5;
	margin-bottom: 5px;
	padding: 20px 0 0 5px
}
#level0 #article:before {
	
	clear: both;
	content: '';
	display: block
}
#level0 #article .kicker {
	color: #ffffff;
    font-size: .7em;
    line-height: 1;
    font-weight: bold;
    margin: 0 0 5px;
    padding: 3px 7px;
    background: #d68f0d;
    display: inline-block;
    text-transform: uppercase;
}

@media (max-width: 768px) {
#level0 #article .kicker {
	border-top: 1px solid #a2a2a2
}
}
#level0 #article .deck {
	font-style: italic;
    font-size: 1em;
    margin: 0 0 10px;
    color: #777;
}
#level0 #article .title {
	color: #043d4e;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    margin: 0 0 10px 0;
    letter-spacing: -.02em;
}
#level0 #article .summary {
	color: #7d7b7b;
	font-size: 1em;
	font-style: italic;
	line-height: 24.054px;
	letter-spacing: 0
}
#level0 #article .byline {
    margin: 0 0 8px;
    border-bottom: 1px solid #ccc;
    padding: 0 0 8px;
}
#level0 #article .byline li {
	font-size:.9em;
	display: inline;
	background: none;
	font-weight:700;
}
#level0 #article .author {
	color: #043d4e;
	border-right: 1px solid #ccc;
	padding: 0 10px 0 0;
	margin: 0 5px 0 0
}
#level0 #article .date {
	color: #043d4e;
	padding: 0 0 0 3.95px
}
#level0 #article p {
	margin: 0 0 15px;
    line-height: 1.5;
}
#level0 #article p.pullquote {
    line-height: 1.5;
    font-style: italic;
    color: #777777;
    margin: 0 20px 15px;
}
#level0 #article .pagenum {
	font-size: 0.9em !important;
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	text-transform: uppercase;
	width: 85px;
	margin: 20px 0 0;
}
#level0 #article p a {
	color: #343c8c;
	text-decoration: none;
	font-weight: 700
}
#level0 #article p a:hover {
	text-decoration: underline;
	color: #043d4e;
}
#level0 #article ul {
	margin:15px 0 15px 45px;
}
#level0 #article ul li {
	list-style-type: disc !important;
	margin:0 0 10px;
}
#level0 #article ol {
	list-style-type: decimal;
	margin-left: 45px;
	margin-bottom: 30px
}
#level0 #article blockquote {
	position: relative;
	font-size: 27.054px;
	font-weight: 100;
	background: #f7f9f9;
	padding: 18px;
	margin: 18px 0;
	border-left: 3px solid #8c0000;
	overflow: hidden
}
#level0 #article q {
	font-style: italic;
	font-weight: 700
}
q:before {
	content: open-quote
}
q:after {
	content: close-quote
}
#emailtoauthor h3 {
	color: #8c0000;
	font-size: 43.773px;
	font-weight: 600 !important;
	margin: 29.124px 0;
	font-family: 'Noto Sans', sans-serif
}
#emailtoauthor input[type="text"] {
	margin: 0 0 11.125px
}
#level1 #article .title {
	font-size: 20px;
    line-height: 1.2;
	font-weight: 600;
	margin: 0 0 5px 0
}
#level1 #article .title a {
	color: #043d4e;
	text-decoration: none
}
#level1 #article .title a:hover {
	text-decoration: underline;
	color: #343c8c;
}
#level1 #article .summary {
	color: #043d4e
}
#level1 #article>div {
	padding: 15px 0;
    clear: both;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}
#level1 #article div.ad {
	padding: 20px 0;
    clear: both;
    border-bottom: none;
    overflow: hidden;
	text-align:center;
}
#level1 #article>div:nth-child(13) {
	border: 1px solid red;
	border: 0
}
#level1 #article img {
	margin: 0 0 0 20px;
    float: right;
    clear: both;
    width: 100%;
    max-width: 300px;
    object-fit: cover;
    height: 200px;
}

@media (max-width: 800px) {
	#level1 #article img {
	margin: 0;
	padding: 0 0 10px;
    float: none;
    clear: both;
    width: 100%;
	max-width:none;
    object-fit: cover;
    height: 300px;
}
}
#level1 #article .byline {
	font-size: .9em;
	margin: 5px 0 0;
	color: #777;

}
#level1 #article .byline li {
	display: inline;
	background: none
}
#level1 #article .author {
	color: #777;
	border-right: 1px solid #ccc;
	padding: 0 11.125px 0 0;
	margin: 0 6.39px 0 0
}
#level1 #article .date {
	color: #777;
	padding: 0 0 0 3.95px
}
#level1 #research div:after {
	clear: both;
	content: '';
	display: block
}
#level1 #research div {
	margin-bottom: 43.77px
}
#level1 #research img {
	
	float: left;
	margin: 0 6% 0 0;
	max-width: 220px;
	width: 35.4%
}
#level1 #research .title {
	font-size: 1.5em;
	line-height: 1.15;
	margin-bottom: 18.054px;
	clear: right
}
#level1 #research .title a {
	color: #043d4e
}
#level1 #research strong {
	font-weight: 400
}
#level1 #research p {
	margin:0 0 15px;
}
#level1 #research ul {
	
	clear: right;
	float: right;
	left: -27px;
	list-style-type: none;
	margin-left: 12px;
	position: relative;
	width: 55%;
	font-size: .9em
}
#level1 #research ul li {
	list-style-type: none;
	background: url("../img/listitem.png") no-repeat;
	background-position: 0 8px;
	padding-left: 15px;
	margin-bottom: 3.947px
}
.newsletterList .title {
	display: block;
	font-size: .9em;
	font-weight: 600;
	line-height: 1.25;
	margin-bottom: 5px
}
.newsletterList .title span {
	color: #343c8c
}
.newsletterList .title a {
	color: #1e4052
}
.newsletterList .title a:hover {
	color: #343c8c;
	text-decoration: none
}
#level1 #research .pagination ul {
	clear: none;
	float: none;
	left: 0;
	list-style-type: none;
	margin: 0;
	width: 100%;
	font-size: inherit
}
#level0 #research {
	margin: 36px 0
}
#level0 #research img {
	margin: 0 0 15px 15px
}
#level0 #research .title {
	font-size: 1.5em;
	line-height: 1;
	margin: 27.054px 0 18px;
	font-family: 'Ubuntu', serif;
	font-weight: bold;
	width: 40%;
	font-family: 'Noto Sans', sans-serif;
	font-weight: 600 !important;
	line-height: 1.25;
	margin: 29.124px 0
}
#level0 #research .title a {
	color: #8c0000
}
#level0 #research hr {
	border: 0;
	height: 1px;
	background: #cccccc;
	margin: 6.876px 0
}
#level0 #research p {
	font-size: .9em;
	margin-bottom: 6.876px
}
#level0 #research ul {
	margin-bottom: 5px
}
#level0 #research ul li {
	list-style-type: none;
	background: url("../img/listitem.png") no-repeat;
	background-position: 0 13px;
	padding-left: 15px
}
#level0 #research .breadcrumb {
	list-style-type: none;
	list-style-image: none
}
#level0 #research .breadcrumb li {
	display: inline;
	margin: 10px 0;
	padding: 0 5px 0 0;
	list-style-type: none;
	list-style-image: none;
	background: none
}
#level0 #research .breadcrumb li a:after {
	content: '\f0da';
	font-family: 'FontAwesome';
	display: inline-block;
	font-size: 14px;
	margin: 0 0 0 5px
}
#level0 #research #feature {
	margin: 0;
	padding: 18px 0 18.125px
}
#level0 #research #feature h3 {
	font-size: 20px
}
#level0 #research #feature h4 {
	font-weight: 400
}
#level0 #research #viewNow {
	position: absolute;
	right: 0;
	top: 0;
	margin: 36px 0 0 0;
	background: #f5f5f5;
	color: #1e4052;
	width: 30%;
	padding: 15px;
	font-size: .9em;
	float: right;
	border-radius: 3px
}
#level0 #research #viewNow img {
	margin: 11.125px 0
}
#level0 #research #viewNow h4 {
	font-size: inherit;
	font-weight: 800 !important;
	margin: 16.720px 0 11.125px
}
dl.issue {
	padding: 0;
	font-size: .9em;
	width: 100%
}
dt {
	float: none;
	clear: left;
	text-align: left;
	font-weight: bold;
	color: #043d4e
}
dt:after {
	content: ":"
}
dd {
	margin: 0 0 0 0;
	padding: 0 0 11.125px 0
}
#viewNow>ul {
	font-size: 90%;
	list-style-type: disc;
	margin: 0 0 20px 14px
}
#viewNow p:last-of-type {
	text-align: center
}
.readPDFEdition {
	margin: 29.124px 0 43.773px 0
}
#pContent .readPDFEdition h6 {
	font-weight: 400;
	text-transform: capitalize
}
#pContent .readPDFEdition h6 span {
	font-weight: 700
}
#pContent .readPDFEdition h7 {
	font-size: .9em
}
.toc div {
	width: 32%;
    bottom: 0;
    margin: 0 0 20px;
    display: inline-block;
    text-align: center;
}
.toc div img {
	width: 125px;
    /* padding: 5px; */
    vertical-align: bottom;
	bottom: 0;
}
.blockBox {
	background: none repeat scroll 0 0;
	margin: 0 0 14px;
	padding: 0
}
.blockBox h3 {
	font-size: 1em;
	font-weight: 700;
	margin-bottom: 5px
}
.blockBox h3 a {
	color: #1e4052;
	text-decoration: none
}
.blockBox>h3 {
	color: #8c0000;
	font-family: 'Noto Sans', sans-serif;
	font-size: 2em;
	font-weight: 600 !important;
	line-height: 1.25;
	margin: 29.124px 0
}
.blockBox .summary {
	color: #445d6b;
	font-size: 1em;
	line-height: 1.5;
	margin-bottom: 5px;
	
}
.blockBox li {
	line-height: 1.25;
	margin-bottom: 5px
}
.blockBox a {
	color: #1e4052;
	text-decoration: none;
	line-height: 1
}
.blockBox a:hover {
	text-decoration: underline
}
.blockBox .footer {
	text-align: right
}
.blockBox .footer a {
	color: #1e4052;
	text-decoration: none;
	font-weight: 700;
	position: relative;
	right: 0
}
.blockBox .footer a:hover {
	position: relative;
	color: #8c0000
}
.blockBox .footer a:after {
	display: inline-block;
	content: '\f0da';
	font-family: 'FontAwesome';
	font-weight: normal;
	position: relative;
	top: 0;
	padding: 0 0 0 11.125px
}
.sideBar .blockBox {
	background: inherit;
	margin: -80px 0 20px 0;
	padding: 0
}

@media screen and (min-width: 501px) {
.sideBar .blockBox {
	margin-top: 0
}
}
.sideBar .blockBox .summary {
	margin: 0;
	padding: 0
}
.xContent .blockBox>h3 {
	color: #8c0000;
	font-family: 'Noto Sans', sans-serif;
	font-size: 2em;
	font-weight: 600 !important;
	line-height: 1.25;
	margin: 0 0
}
.micrositesArticleList h3 {
	font-size: 24px;
	text-transform: uppercase;
	font-family: 'Noto Sans', sans-serif;
	line-height: 42px;
	color: #043d4e
}
.micrositesArticleList ul {
	width: 100%;
	border: 0;
	background: transparent;
	margin: 0 0 25px;
	padding: 0
}
.micrositesArticleList ul li {
	margin: 0;
	width: 25%;
	display: table-cell;
	position: relative;
	line-height: 1.25
}
.micrositesArticleList ul li>a {
	border-top: 10px solid #043d4e;
	padding: 15px;
	display: block;
	min-height: 135px;
	font-weight: 600;
	color: #043d4e
}
.micrositesArticleList ul li>a:hover {
	border-top: 10px solid #343c8c;
	text-decoration: none;
	color: #343c8c
}
.micrositesArticleList .summary {
	position: absolute;
	right: 10px;
	bottom: 10px
}
.micrositesArticleList .summary a {
	text-transform: uppercase;
	color: #a2a2a2
}
#pContent #level0a {
	width: calc(100% + 325px)
}
#level0a>div p:nth-child(2) {
	padding: 15px;
	background: #eaeaea;
	font-weight: 600;
	border: none
}
#level0a .asset {
	margin: 25px 0;
	border-bottom: 1px solid #a2a2a2;
	margin-bottom: 24px;
	padding-bottom: 24px
}
#level0a .asset img {
	float: right;
	margin: 0 0 15px 15px
}
#level0a .asset h4.title {
	font-size: 24px;
	line-height: 1.25;
	margin: 0
}
#level0a .asset .button {
	margin-top: 20px
}
#level0a .asset .button a {
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	padding: 5px 10px;
	background-color: #343c8c;
	border-radius: 5px;
	border: 1px solid #343c8c
}
#level0a .asset .button a:hover {
	text-decoration: none
}
#level0a .asset .summary {
	background: #fff !important;
	padding: 15px 0 !important
}
#level0a .asset:after {
	clear: both;
	content: '';
	display: block;
	visibility: hidden
}
#level0a .asset:first-child {
	border: none
}
#level0a div div .assetDescription {
	padding: 15px;
	background: #eaeaea;
	font-weight: 600;
	border: none
}
#level0a ul {
	margin: 10px 0
}
#level0a ul li {
	list-style-type: none;
	background: url("../img/listitem.png") no-repeat;
	background-position: 0 13px;
	padding-left: 15px;
	margin-bottom: 5px
}
.checkbox {
	float: left;
	margin: 0 5px 10px 0;
	position: relative;
	top: 3px
}
.button input {
	margin-bottom: 15px
}
.button a {
	background: #1e4052;
	color: #fff;
	margin: 11.125px 0 4.25px;
	padding: 6.876px;
	width: 123px !important;
	border-radius: 3px;
	border: 0 none;
	font-size: 15px;
	font-weight: 800
}
.button a:hover {
	background: #8c0000;
	cursor: pointer;
	text-decoration: none;
}
#pContent #level0a .button input[type=submit] {
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	padding: 5px 10px;
	background-color: #343c8c;
	border-radius: 5px;
	border: 1px solid #343c8c;
	text-decoration: none;
	cursor: pointer
}
#pContent #level0a .button input[type=submit]:hover {
	text-decoration: none;
	color: #fff
}
#level1 #research .pagination ul {
	clear: none;
	float: none;
	left: 0;
	list-style-type: none;
	margin: 0;
	width: 100%;
	font-size: inherit
}
#level0 #research {
	margin: 36px 0
}
#level0 #research .title {
	font-size: 45px;
    width: 100%;
    /* */
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700 !important;
    line-height: 1.2;
    margin: 20px 0;
}
#level0 #research .title a {
	color: #8c0000
}
#level0 #research hr {
	border: 0;
	height: 1px;
	background: #cccccc;
	margin: 6.876px 0
}
#level0 #research p {
	font-size: .9em;
	margin-bottom: 6.876px
}
#level0 #research #viewNow {
	position: absolute;
	right: 0;
	top: 0;
	margin: 36px 0 0 0;
	background: #f6f6f6;
	color: #1e4052;
	width: 30%;
	padding: 15px;
	font-size: .9em;
	float: right;
	border-radius: 3px
}
#level0 #research #viewNow img {
	margin: 11.125px 0
}
#level0 #research #viewNow h4 {
	font-size: inherit;
	font-weight: 800 !important;
	margin: 16.720px 0 11.125px
}
#level0 #research #viewNow ul:first-child {
	font-size: 90%;
	list-style-type: disc;
	margin: 0 0 20px 14px
}
#level0 #research #viewNow p:last-of-type {
	text-align: center
}
dl.issue {
	padding: 0;
	font-size: .9em;
	width: 100%
}
dt {
	float: none;
	clear: left;
	text-align: left;
	font-weight: bold;
	color: #043d4e
}
dt:after {
	content: ":"
}
dd {
	margin: 0 0 0 0;
	padding: 0 0 11.125px 0
}
#pContent .readPDFEdition {
	margin: 29.124px 0 43.773px 0
}
#pContent .readPDFEdition h6 {
	font-weight: 400;
	text-transform: capitalize
}
#pContent .readPDFEdition h6 span {
	font-weight: 700
}
#pContent .readPDFEdition h7 {
	font-size: .9em
}
.customPages h3 {
	font-size: 2em;
	line-height: 1.15;
	font-weight: 600 !important;
	margin: 29.124px 0;
	color: #8c0000;
	font-family: 'Noto Sans', sans-serif
}
.customPages h2 {
	color: #f6b529;
	font-size: 24px;
	margin-top: 27px
}
.customPages h4 {
	font-family: 'Noto Sans', sans-serif;
	color: #043d4e;
	font-size: 17px;
	line-height: 1.2;
	padding: 0 0 15px
}
.customPages h5 {
	font-size: 17px;
	color: #043d4e;
	font-weight: 700;
	font-family: 'Noto Sans', sans-serif
}
.customPages p {
	margin-bottom: 18px
}
.customPages p+p {
	margin-bottom: 18px
}
.customPages ul {
	margin-left: 12px;
	margin-bottom: 18px
}
.customPages ul li {
	list-style-type: none;
	background: url("../img/listitem.png") no-repeat;
	background-position: 0 10px;
	padding-left: 15px;
	margin-bottom: 5px
}
.customPages-content a {
	color: #343c8c;
	text-decoration: none;
	font-weight: 700;
}
.customPages-content a:hover {
	text-decoration: underline
}
.customPages-content h4 {
	color: #043d4e;
	font-size: 17px;
	font-family: 'Noto Sans', sans-serif
}
.customPages-content h5 {
	color: #043d4e;
	font-size: 17px;
	font-family: 'Noto Sans', sans-serif
}
.aboutUs h3 {
	color: #8c0000;
	font-size: 24px;
	font-weight: 600 !important;
	line-height: 1.25;
	margin: 24px 0
}
.aboutUs h2 {
	color: #f6b529;
	font-size: 1.5em;
	margin-top: 27px
}
.aboutUs p {
	margin-bottom: 18px
}
.aboutUs p+p {
	margin-bottom: 18px
}
.aboutUs ul {
	margin-left: 12px;
	margin-bottom: 18px
}
.aboutUs ul li {
	list-style-type: disc;
	padding-left: 4px;
	margin-left: 20px;
	margin-bottom: 5px
}
.snapshotbox {
	margin: 20px auto;
	border: 2px solid #343c8c;
	padding: 10px;
	background-color: #343c8c;
	border-radius: 15px
}
.snapshotbox h3 {
	color: #fff;
	font-size: 26px;
	font-weight: 800;
	text-decoration: none;
	display: block;
	margin: 0;
	line-height: 1.25;
	margin: 0 0 0 0;
	padding: 4px 0 14px 0
}
.snapshotbox a {
	color: #043d4e;
	text-decoration: none;
	display: block;
	margin: 0;
	line-height: 1.25;
	padding: 5px 0;
	font-weight: 700
}
.snapshotbox a:hover {
	color: #343c8c;
	text-decoration: none;
	display: block;
	margin: 0;
	line-height: 1.25;
	padding: 5px 0
}
.snapshotbox ul {
	list-style: initial;
	padding: 10px 5px 10px 25px;
	background-color: #fff
}
.second-header img {
	max-width: 100%;
	margin-top: -20px
}
.regbutton {
	margin: 60px auto 20px auto;
	width: 230px;
	height: 40px
}
.regbutton a {
	margin: 0 auto;
	color: #FFFFFF;
	background-color: #043d4e;
	width: 230px;
	height: 40px;
	border-radius: 15px;
	border: solid 2px #043d4e;
	padding: 15px 20px;
	color: #FFFFFF !important;
	font-weight: 900;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 20px
}
.regbutton a:hover {
	padding: 15px 20px;
	background-color: #FFFFFF;
	color: #043d4e !important;
	text-decoration: none !important
}
.snapshot-image img {
	float: left;
	width: 250px;
	margin: 10px 30px 30px 0
}

@media screen and (max-width: 948px) {
.snapshot-image img {
	max-width: 200px;
	float: none;
	margin: 10px 30px 30px 0
}
}
.microsite-ciena {
	font-size: 32px;
	line-height: 34px;
	color: #1a394e;
	padding-bottom: 20px
}
.microsite-content-ciena {
	padding-top: 25px
}
.TopicMenu {
	clear: both;
	background: #8c0000;
	padding: 8px;
	font-size: 14px;
	font-weight: bold
}
.TopicMenu a, .TopicMenu a:visited {
	color: #fff;
	padding: 6px 12px
}
.TopicMenu ul {
	text-align: center
}
.TopicMenu li {
	display: inline-block
}
.TopicMenu .clear {
	display: none
}


/*--- Homepage Feature 2Col ---*/

.featurePost_2Col {
	position: relative;
}
.featurePost_2Col ul li {
	float: left;
    width: 100%;
	max-width: 310px;
    margin: 15px 0 0 10px;
}
.featurePost_2Col ul li.featured {
	float: left;
    width: 100%;
	max-width: 650px;
    margin: 15px 0 0;
}
.featurePost_2Col ul li div.section {
	background: #d68f0d;
    display: block;
    position: absolute;
    padding: 3px 5px;
    font-size: .6em;
    text-transform: uppercase;
    font-weight: 700;
    margin: 5px;
    color: #fff;

}
@media (max-width: 768px) {
.featurePost_2Col {
	height: auto
}
}

@media (max-width: 970px) {
.featurePost_2Col {
	height: auto;
	width: 100%;
	left: 0;
	margin: 0 0 5px
}
.featurePost_2Col ul li {
	float: left;
	width: 98%;
	max-width: none;
	padding: 5px 10px 0 0;
	border: none;
	background: #fff;
}
.featurePost_2Col ul li.featured {
	float: left;
    width: 98%;
	max-width: none;
    margin: 15px 0 0 10px;
}
}
.featurePost_2Col:after {
	clear: both;
	content: '';
	display: block
}
.featurePost_2Col img {
	/*position: absolute;*/
	opacity: 1;
	z-index: 1;
	top: 0;
	left: 0
}

@media (min-width: 700px) {
.featurePost_2Col img {
	display: block;
	object-fit: cover;
	width: 100%;
	height:115px;
} 
	.featurePost_2Col .featured img {
	display: block;
	object-fit: cover;
	width: 100%;
	height:300px;
} 
}

@media (max-width: 768px) {
.featurePost_2Col img {
	position: relative
}
}

@media (max-width: 800px) {
.featurePost_2Col img {
	display: block;
    object-fit: cover;
    width: 100%;
    height: 200px;
}
}
.featurePost_2Col h3 {
	font-size: 17px !important;
    width: 100% !important;
    position: relative;
    padding: 10px;
    line-height: 1.1;
    z-index: 10;
	background:#efefef;
	min-height: 65px;
}
.featurePost_2Col .featured h3 {
	font-size: 24px !important;
    width: 100% !important;
    position: relative;
    padding: 10px;
    line-height: 1.1;
    z-index: 10;
	background:#efefef;
	min-height: 75px;
}

@media (max-width: 768px) {
.featurePost_2Col h3 {
	position: relative;
	padding: 15px 0;
	width: 100%;
	top: 0
}
}

@media (max-width: 800px) {
.featurePost_2Col h3 {
	top: 0;
    left: 0;
    padding: 10px;
    width: 100%;
    font-size: 20px !important;
    min-height: auto;
}
}

@media (max-width: 860px) {
.featurePost_2Col h3 {
	font-size: 2em
}
}
.featurePost_2Col h3 a {
	color: #043d4e
}
.featurePost_2Col h3 a:hover {
	color: #343c8c;
	text-decoration: underline;
}
.featurePost_2Col .summary {
	font-size: 1.2em;
	background: #fff;
	width: 100%;
	z-index: 11;
	background: none repeat scroll 0 0 transparent;
	/*left: 20px;
	min-height: 150px;*/
	padding: 10px 0;
}

@media (min-width: 700px) {
.featurePost_2Col .summary {
	margin-top: auto
}
}

@media (max-width: 860px) {
.featurePost_2Col .summary {
	font-size: 18px;
	top: 190px
}
}

@media (max-width: 800px) {
.featurePost_2Col .summary {
	left: 0;
	top: 10px;
	width: 100%;
	padding: 0 0 15px
}
}

@media (max-width: 768px) {
.featurePost_2Col .summary {
	position: relative;
	padding: 15px 0;
	width: 100%
}
}
.featurePost_2Col .summary span {
	display: none
}
.featurePost_2Col .summary .more {
	display: block;
	float: right;
	margin: 10px 0 0
}
.featurePost_2Col .summary .more a {
	color: #8c0000;
	text-transform: uppercase;
	font-family: 'Noto Sans', sans-serif;
	font-weight: 700
}
.featurePost_2Col #show-nav {
	display: none
}
.featurePost_2Col .pagination {
	display:none;
}


/*--- FeaturePost ---*/

.featurePost {
	position: relative;
}
.featurePost ul li {
	float: left;
    width: 32%;
    margin: 15px 0 0 10px;
}
.featurePost ul li div.section {
	background: #d68f0d;
    display: block;
    position: absolute;
    padding: 3px 5px;
    font-size: .6em;
    text-transform: uppercase;
    font-weight: 700;
    margin: 5px;
    color: #fff;

}
@media (max-width: 768px) {
.featurePost {
	height: auto
}
}

@media (max-width: 800px) {
.featurePost {
	height: auto;
	width: 100%;
	left: 0;
	margin: 0 0 5px
}
.featurePost ul li {
	float: left;
	width: 98%;
	padding: 5px 10px 0 0;
	border: none;
	background: #fff;
}
}
.featurePost:after {
	clear: both;
	content: '';
	display: block
}
.featurePost img {
	/*position: absolute;*/
	opacity: 1;
	z-index: 1;
	top: 0;
	left: 0
}

@media (min-width: 700px) {
.featurePost img {
	display: block;
	object-fit: cover;
	width: 100%;
	height:200px;
} 
}

@media (max-width: 768px) {
.featurePost img {
	position: relative
}
}

@media (max-width: 800px) {
.featurePost img {
	display: block;
    object-fit: cover;
    width: 100%;
    height: 200px;
}
}
.featurePost h3 {
	font-size: 20px !important;
    width: 100% !important;
    position: relative;
    padding: 10px;
    line-height: 1.1;
    z-index: 10;
	background:#efefef;
	min-height: 65px;
}

@media (max-width: 768px) {
.featurePost h3 {
	position: relative;
	padding: 15px 0;
	width: 100%;
	top: 0
}
}

@media (max-width: 800px) {
.featurePost h3 {
	top: 0;
    left: 0;
    padding: 10px;
    width: 100%;
    font-size: 20px !important;
    min-height: auto;
}
}

@media (max-width: 860px) {
.featurePost h3 {
	font-size: 2em
}
}
.featurePost h3 a {
	color: #043d4e
}
.featurePost h3 a:hover {
	color: #343c8c;
	text-decoration: underline;
}
.featurePost .summary {
	font-size: 1.2em;
	background: #fff;
	width: 100%;
	z-index: 11;
	background: none repeat scroll 0 0 transparent;
	/*left: 20px;
	min-height: 150px;*/
	padding: 10px 0;
}

@media (min-width: 700px) {
.featurePost .summary {
	margin-top: auto
}
}

@media (max-width: 860px) {
.featurePost .summary {
	font-size: 18px;
	top: 190px
}
}

@media (max-width: 800px) {
.featurePost .summary {
	left: 0;
	top: 10px;
	width: 100%;
	padding: 0 0 15px
}
}

@media (max-width: 768px) {
.featurePost .summary {
	position: relative;
	padding: 15px 0;
	width: 100%
}
}
.featurePost .summary span {
	display: none
}
.featurePost .summary .more {
	display: block;
	float: right;
	margin: 10px 0 0
}
.featurePost .summary .more a {
	color: #8c0000;
	text-transform: uppercase;
	font-family: 'Noto Sans', sans-serif;
	font-weight: 700
}
.featurePost #show-nav {
	display: none
}
.featurePost .pagination {
	display:none;
}

/*--- Features ---*/

.features {
	width: 100%;
	float: none;
	margin-bottom: 30px;
	margin-top: 0
}


@media (min-width: 940px) {
.features {
	width: 65%;
	float: left
}
}
.features .pagination, .features .dlb_comments {
	display: none
}
.features>h3, .features>h4 {
	text-transform: uppercase;
	color: #8c0000;
	font-size: 27px !important;
	line-height: 42px;
	font-family: 'Noto Sans', sans-serif;
	margin-left: 0
}

@media screen and (min-width: 600px) {
.features>h3, .features>h4 {
	font-size: 36px
}
}

@media (min-width: 800px) {
.features>h3, .features>h4 {
	margin-left: 20px
}
}

@media (min-width: 970px) {
.features>h3, .features>h4 {
	margin-left: 0
}
}
.features>h3:after, .features>h4:after {
	display: none;
	height: 26px;
	width: 53%;
	background: #efefef;
	content: '';
	float: right;
	position: relative;
	top: 8px
}

@media (min-width: 960px) {
.features>h3:after, .features>h4:after {
	width: 53%;
	display: inline-block
}
}
.features ul {
	margin-left: 0
}

@media (min-width: 800px) {
.features ul {
	margin-left: 20px
}
}

@media (min-width: 970px) {
.features ul {
	margin: 0;
}
}
.features ul li {
	padding: 10px 0;
	border-bottom: 1px solid #cccccc;
}
.features ul li h3, .features ul li a {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
}
.features ul li a:hover {
	color: #343c8c;
}

@media (min-width: 800px) {
.features ul li h3, .features ul li a {
	font-size: 20px
}
}
.features a {
	color: #043d4e
}
.feature a:hover {
	color: #343c8c;
}
.features ul li:last-child {
	border-bottom: none
}
.features img {
	float: none;
	margin: 0 0 10px 0;
	position: relative;
	top: 6px;
	width:100%;
	object-fit: cover;
    height: 200px;
}

@media screen and (min-width: 700px) {
.features img {
	display: block
}
}

@media (min-width: 800px) {
.features img {
    margin: 0 15px 10px 0;
    width: 100%;
    object-fit: cover;
    height: 200px;
}
}
.features span {
	color: #777777;
	display: inline
}
.featuresbox {
	float: none;
	width: 100%;
	margin-bottom: 14px;
	margin-top: 0
}

@media screen and (min-width: 800px) {
.featuresbox {
	float: left;
	width: 65%;
	margin-top: 34%
}
}
.featuresbox h3 {
	font: bold 27px/42px 'Ubuntu', sans-serif;
	text-transform: uppercase;
	color: #343c8c
}

@media screen and (min-width: 600px) {
.featuresbox h3 {
	font-size: 36px
}
}
.featuresbox>h3:after {
	display: none;
	height: 26px;
	width: 53%;
	background: #ddd;
	content: '';
	float: right;
	position: relative;
	top: 8px
}

@media screen and (min-width: 960px) {
.featuresbox>h3:after {
	display: inline-block
}
}
.featuresbox li {
	padding: 14px 0
}
.featuresbox li a {
	color: #043d4e;
	text-decoration: none;
	line-height: 1.2;
	margin-top: 18px;
	font-size: 20px;
	font-weight: 700;
	line-height: 27px
}
.featuresbox li a:hover {
	text-decoration: underline
}
.featuresbox li h3 {
	font-size: 20px;
	text-transform: none;
	line-height: 27px
}
.featuresbox img {
	float: none;
	position: relative;
	margin: 0 0 15px 0;
	top: 6px;
	width: 100%
}

@media screen and (min-width: 747px) {
.featuresbox img {
	float: left;
	margin: 0 16px 42px 0
}
}
.featuresbox img:hover {
	opacity: 0.7
}

/*---BOXC---*/

.boxC {
	width: 100%;
	float: none;
	margin-bottom: 30px;
	margin-top: 0
}

@media (min-width: 800px) {
.boxC {
	margin-top: 15px;
}
}

@media (min-width: 940px) {
.boxC {
	width: 100%;
}
}
.boxcC .pagination, .boxC .dlb_comments {
	display: none
}
.boxcC>h3, .boxC>h4, .toc>h3 {
	text-transform: uppercase;
	color: #8c0000;
	font-size: 24px !important;
	line-height: 42px;
	font-family: 'Noto Sans', sans-serif;
	margin-left: 0
}

@media screen and (min-width: 600px) {
.boxC>h3, .features>h4, .toc>h3 {
	font-size: 20px;
}
}

@media (min-width: 800px) {
.boxC>h3, .boxC>h4, .toc>h3 {
	margin-left: 20px
}
}

@media (min-width: 970px) {
.boxC>h3, .boxC>h4, .toc>h3 {
	margin-left: 0
}
}
.boxC>h3:after, .boxC>h4:after, .toc>h3:after {
	display: none;
	height: 26px;
	width: 70%;
	background: #efefef;
	content: '';
	float: right;
	position: relative;
	top: 8px
}

@media (min-width: 960px) {
.boxC>h3:after, .boxC>h4:after, .toc>h3:after {
	width: 70%;
	display: inline-block;
	margin: -5px 0 0;
}
}
.boxC ul {
	margin-left: 0
}

@media (min-width: 800px) {
.boxC ul {
	margin-left: 20px
}
}

@media (min-width: 970px) {
.boxC ul {
	margin-left: 0
}
}
.boxC ul li {
	padding: 10px 0;
	border-bottom: 1px solid #cccccc;
}
.boxC ul li h3, .features ul li a {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
}
.boxC ul li a:hover {
	color: #343c8c;
}

@media (min-width: 800px) {
.boxC ul li h3, .features ul li a {
	font-size: 20px
}
}
.boxC a {
	color: #043d4e
}
.boxC a:hover {
	color: #343c8c;
}
.boxC ul li:last-child {
	border-bottom: none
}
.boxC img {
	display: none;
	float: none;
	margin: 0 0 10px 0;
	position: relative;
	top: 6px
}

@media screen and (min-width: 700px) {
.boxC img {
	display: block
}
}

@media (min-width: 800px) {
.boxC img {
    margin: 0 15px 10px 0;
    width: 100%;
    object-fit: cover;
    height: 200px;
}
}
.boxC span {
	color: #777777;
	display: inline
}






.newsBriefs {float: none;width: 100%}

@media (min-width: 940px) {
.newsBriefs {float: right;width: 31.2%;}
}
.newsBriefs h3, .newsBriefs h4 {font-size: 27px;line-height: 42px;text-transform: uppercase;margin: 0}

@media screen and (min-width: 600px) {
.newsBriefs h3, .newsBriefs h4 {font-size: 27px;color: #8c0000;}
}

@media (min-width: 970px) {
.newsBriefs h3, .newsBriefs h4 {margin-left: 0}
}
.newsBriefs h3 a, .newsBriefs h4 a {text-transform: uppercase;color: #8c0000;line-height: 42px;font-family: 'Noto Sans', sans-serif}
.newsBriefs>h3:after, .newsBriefs>h4:after {display: none;height: 26px;width: 42%;background: #efefef;content: '';float: right;position: relative;top: 8px}

@media (min-width: 960px) {
.newsBriefs>h3:after, .newsBriefs>h4:after {width: 42%;display: inline-block}
}
.newsBriefs ul {margin-left: 0}

@media (min-width: 800px) {
.newsBriefs ul {margin-left: 20px}
}

@media (min-width: 970px) {
.newsBriefs ul {margin: 8px 0 0;}
}
.newsBriefs li {position: relative;clear: both;border-bottom: 1px solid #cccccc;padding: 8px 0;transition: all 50ms ease}
.newsBriefs li:last-of-type {border-bottom: none}
.newsBriefs li a {float: none;line-height: 1.2;display: inline-block;color: #043d4e;font-weight: 700;text-transform: none;font-size: .8em;}

@media (max-width: 800px) {
.newsBriefs li a {float: none;line-height: 1.15;display: inline-block}
}
.newsBriefs li .kicker, .newsBriefs li .section {color: #8c0000;text-transform: uppercase;font: 700 12px/1 'Ubuntu', sans-serif}
.newsBriefs li:nth-child(4) {
	display: block
}

@media (min-width: 700px) {
.newsBriefs li:nth-child(4) {display: none}
}

@media (max-width: 800px) {
.newsBriefs li:nth-of-type(6) span, .newsBriefs li:nth-of-type(7) span, .newsBriefs li:nth-of-type(8) span, .newsBriefs li:nth-of-type(9) span, .newsBriefs li:nth-of-type(10) span {left: 0 !important}
}

@media (max-width: 800px) {
.newsBriefs li:nth-of-type(6) a, .newsBriefs li:nth-of-type(7) a, .newsBriefs li:nth-of-type(8) a, .newsBriefs li:nth-of-type(9) a, .newsBriefs li:nth-of-type(10) a {width: 100%}
}
.newsBriefs img {float: left;margin: 0 16px 10px 0;width: 100%;object-fit: cover;height: 100px;}
.newsBriefs .date, .newsBriefs #date {color: #6c8295;font-size: 0.75em;float: none}

@media screen and (max-width: 800px) {
.newsBriefs .date, .newsBriefs #date {float: none;font-size: 0.7em}
}
.newsBriefs span {font-size: .9em;float: none;}
.newsBriefs .date:before, .newsBriefs #date:before {content: "";display: block;height: 0;clear: both;visibility: hidden}
.newsBriefs .footer {text-align: right;margin: 18px 0}
.newsBriefs .footer a {color: #57acd8;text-decoration: none;font-weight: 600;font-size: 1em}
.newsBriefs .footer a:hover {text-decoration: underline}
.spotlight {
	border: 0 solid green;
	width: 415px;
	width: 65%;
	float: left;
	margin-bottom: 25px
}

@media (max-width: 940px) {
.spotlight {
	width: 100%;
	margin-top: 30px
}
}
.spotlight:after, .spotlight ul:after {
	content: '';
	display: block;
	clear: both
}
.spotlight>h3 {
	text-transform: uppercase;
	color: #043d4e;
	font-size: 27px;
	line-height: 42px;
	font-family: 'Noto Sans', sans-serif
}

@media screen and (min-width: 600px) {
.spotlight>h3 {
	font-size: 36px
}
}

@media (min-width: 800px) {
.spotlight>h3 {
	margin-left: 20px
}
}

@media (min-width: 970px) {
.spotlight>h3 {
	margin-left: 0
}
}
.spotlight>h3:after {
	display: none;
	height: 26px;
	width: 47%;
	background: #efefef;
	content: '';
	float: right;
	position: relative;
	top: 8px
}

@media (min-width: 960px) {
.spotlight>h3:after {
	display: inline-block
}
}
.spotlight ul {
	margin-left: 0
}

@media (min-width: 800px) {
.spotlight ul {
	margin-left: 20px
}
}

@media (min-width: 970px) {
.spotlight ul {
	margin-left: 0
}
}
.spotlight ul li {
	width: 48%;
	border-bottom: 2px solid #e3e3e3;
	padding: 14px 0;
	min-height: 0;
	margin: 0 14px 0 0
}

@media (max-width: 940px) {
.spotlight ul li {
	width: 100%
}
}
.spotlight ul li h3, .spotlight ul li a {
	font-size: 18px;
	line-height: 24px;
	font-weight: 400
}
.spotlight ul li a {
	color: #043d4e
}
.spotlight ul li:nth-child(1), .spotlight ul li:nth-child(3), .spotlight ul li:nth-child(5), .spotlight ul li:nth-child(7), .spotlight ul li:nth-child(9) {
	float: left
}
.spotlight ul li:nth-child(2), .spotlight ul li:nth-child(4), .spotlight ul li:nth-child(6), .spotlight ul li:nth-child(8), .spotlight ul li:nth-child(10) {
	float: right;
	margin-right: 0
}
.spotlight ul li:nth-child(9), .spotlight ul li:nth-child(10) {
	border-bottom: none
}
.spotlight span {
	color: #777777;
	display: inline;
	font-size: 15px
}
.webcasts, .whitepapers {
	background: #efefef;
	width: 100%;
	padding: 5px 20px;
	float: left;
	clear: both;
	margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
.webcasts, .whitepapers {
	clear: right;
	width: 49%;
	margin:20px 0 0;
	min-height: 350px;
}
}
.webcasts {
	margin-right: 10px
}

@media screen and (max-width: 481px) {
.webcasts {
	border-bottom: 1px solid #cccccc
}
}
.webcasts>h3 {
	color: #043d4e;
	font-size: 24px;
	line-height: 42px;
}

@media screen and (min-width: 501px) {
.webcasts>h3 {
	margin-top: 20px
}
}

@media screen and (min-width: 747px) {
.webcasts>h3 {
	margin-top: 0
}
}
.webcasts>h3 a {
	color: #043d4e
}
.webcasts>h3 a:hover {
	color: #043d4e !important
}
.webcasts>h4 {
	text-transform: uppercase;
	font-size: 1em;
	color: #1e4052;
	font-size: 1em;
	margin-bottom: 18px
}
.webcasts ul li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc
}
.webcasts ul li:after {
	clear: both;
	content: '';
	display: block
}
.webcasts ul li a {
	display: block;
	color: #343c8c;
	font-weight: 700;
	line-height: 1.2
}
.webcasts ul li a:hover {
	color: #043d4e;
	text-decoration: underline;
}
.webcasts ul li:last-child {
	border-bottom: none;
	margin-bottom: 15px;
	padding-bottom: 15px
}
.webcasts ul li a:hover {
	color: #043d4e;
	text-decoration: underline;
}
.webcasts ul .summary {
	font-size: .9em
}
.webcasts ul img {
	float: left;
	margin: 0 15px 0 0
}
.webcasts .footer {
	background: none;
    text-transform: uppercase;
    font-size: .9em;
    text-transform: inherit;
}
.whitepapers>h3 {
	color: #043d4e;
	font-size: 24px;
	line-height: 42px;
}

@media screen and (min-width: 501px) {
.whitepapers>h3 {
	margin-top: 20px
}
}

@media screen and (min-width: 747px) {
.whitepapers>h3 {
	margin-top: 0
}
}
.whitepapers>h3 a {
	color: #043d4e
}
.whitepapers>h3 a:hover {
	color: #043d4e !important;
}
.whitepapers>h4 {
	text-transform: uppercase;
	font-size: 1em;
	color: #1e4052;
	font-size: 1em;
	margin-bottom: 18px
}
.whitepapers ul li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc
}
.whitepapers ul li:after {
	clear: both;
	content: '';
	display: block
}
.whitepapers ul li a {
	display: block;
	color: #343c8c;
	font: 700 15px 'Ubuntu', sans-serif
}
.whitepapers ul li a:hover {
	color: #343c8c;
	text-decoration: none
}
.whitepapers ul li:last-child {
	border-bottom: none;
	margin-bottom: 15px;
	padding-bottom: 15px
}
.whitepapers ul li a:hover {
	color: #043d4e;
	text-decoration: underline
}
.whitepapers ul .summary {
	font-size: .9em
}
.whitepapers ul img {
	float: left;
	margin: 0 15px 0 0
}
.whitepapers ul .more a {
	font-family: 'Open Sans';
	font-size: .9em;
	color: #5f9cb9;
	text-decoration: none
}
.whitepapers ul .more a:hover {
	text-decoration: underline
}
.whitepapers .footer {
	background: none;
    text-transform: uppercase;
    font-size: .9em;
    text-transform: inherit;
}
.startDate {
    margin: 15px 0 5px;
	font-weight: 700;
	color: #fff !important;
	background: #8c0000;
	padding: 5px 15px;
	width: 200px !important;
}
.startDate:before {
	display: inline;
	font-family: 'FontAwesome';
	content: '\f133';
	margin: 0 11.125px 0 0;
	font-size: 1.2em;
    vertical-align: middle;
}
.startTime {
	margin: 15px 0 5px;
	font-weight: 700;
	color: #fff !important;
	background: #8c0000;
	padding: 5px 15px;
	width: 200px !important;
}
.startTime:before {
	display: inline;
	font-family: 'FontAwesome';
	content: '\f017';
	margin: 0 11.125px 0 0;
	font-size: 1.2em;
    vertical-align: middle;
}
#webcast {
	margin-bottom: 29.124px
}
#webcast ul li {
	font-size: 17px
}
.upcoming>div {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 30px
}
.upcoming>div:last-child {
	border-bottom: none;
}
.upcoming>h3 {
	color: #ffffff;
	background-color: #8c0000;
	font-size: 20px;
	margin-bottom: 20px;
	padding: 3px 5px
}
.upcoming h4 {
	display: block;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
}
.upcoming h4 a {
	color: #043d4e
}
.upcoming .sponsor {
	color: #d68f0d;
    font-weight: 700;
    padding: 5px 0;
    clear: both;
    display: block
}
.ondemand>div {
	border-bottom: 1px solid #cccccc;
	margin: 0 0 15px;
    padding: 0 0 15px;
}
.ondemand>div:last-child {
	border-bottom: none;
}
.ondemand>h3 {
	color: #ffffff;
	background-color: #343c8c;
	font-size: 20px;
	margin: 0 0 15px !important;
	padding: 3px 5px
}
.ondemand h4 {
	display: block;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 5px
}
.ondemand h4 a {
	color: #043d4e
}
.ondemand h4 a:hover {
	color: #343c8c;
	
}
.ondemand img {
	float: left;
	margin-right: 15px;
	margin-bottom: 20px
}
.ondemand .summary {
	font-size: 1em
}
.ondemand .sponsor {
	color: #d68f0d;
    font-weight: 700;
    padding: 5px 0;
    clear: both;
    display: block
}
#whitepaper, #research, #podcast {
	margin-bottom: 29.124px
}
#whitepaper ul li, #research ul li, #podcast ul li {
	font-size: 1em
}
#whitepaper>div, #research>div, #podcast>div {
	margin: 15px 0 15px;
    border-bottom: 1px solid #cccccc;
}
#whitepaper>div:after, #research>div:after, #podcast>div:after {
	clear: both;
	content: '';
	display: block
}
#whitepaper .title, #research .title, #podcast .title {
	display: block;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.1;
	margin-bottom: 5px
}
#whitepaper .title a, #research .title a, #podcast .title a {
	color: #043d4e
}
#whitepaper .title a:hover, #research .title a:hover, #podcast .title a:hover {
	color: #343c8c;
}
#whitepaper .date, #research .date, #podcast .date {
	font-size: .9em;
    font-weight: 400;
	margin: 0 0 5px;
}
#whitepaper .summary, #research .summary, #podcast .summary {
	font-size: 1em;
	color: #043d4e;
	margin: 0 0 15px;
}
#podcast p {
	font-size: 1em;
	color: #043d4e;
	margin: 0 0 15px;
}
#whitepaper img, #research img, #podcast img {
	float: left;
	margin: 0 20px 20px 0;
	border:1px solid #ccc;
	width: 100%;
    max-width: 150px;
}
#whitepaper .sponsor, #research .sponsor, #podcast .sponsor {
	color: #d68f0d;
    font-weight: 700;
    padding:10px 0;
    clear: both;
    display: block;
}
#whitepaper .sponsor img, #research .sponsor img {
	display: none
}
#level0 #whitepaper, #level0 #webcast, #level0 #research, #level0 #podcast {
	margin: 15px 0
}
#level0 #whitepaper div, #level0 #webcast div, #level0 #research div, #level0 #podcast div {
	border: 0
}
#level0 #whitepaper img, #level0 #webcast img, #level0 #research img, #level0 #podcast img  {
	margin: 0 20px 0 0;
	border: none;
	float: left;
}

@media screen and (max-width: 800px) {
#level0 #whitepaper img, #level0 #webcast img, #level0 #research img, #level0 #podcast img {
	width: 35%;
}
}
#level0 #whitepaper .image-left, #level0 #webcast .image-left, #level0 #research .image-left, #level0 #podcast .image-left {
	float: none;
	margin: -5px 0 0 5px
}
#level0 .sponsorlogo, #level0 .image-left{
	float: none;
	margin: -5px 0 0 18px
}
#level0 #webcast .webinarRegBtn, #level0 #whitepaper .webinarRegBtn, level0 #research .webinarRegBtn {
	display: none
}
#level0 #webcast .title {
	font-size: 28px;
	line-height: 1.2;
	margin-bottom: 10px;
	width: 95%;
	color:#043d4e;
	letter-spacing: -.02em;
}

@media screen and (min-width: 501px) {
#level0 #webcast .title {
	margin-top: 40px;
	font-size: 28px;
}
}

@media screen and (min-width: 800px) {
#level0 #webcast .title {
	margin-top: 10px;
	font-size: 28px;
	color: #043d4e;
	letter-spacing: -.02em;
}
}
#level0 #whitepaper .title, #level0 #research .title, #level0 #download .title, #level0 #podcast .title {
	font-size: 24px;
	font-weight: 700;
	margin-top: 10px;
	line-height: 1.2;
	margin-bottom: 5px;
	color: #043d4e;
}

@media screen and (min-width: 501px) {
#level0 #whitepaper .title, #level0 #research .title, #level0 #download .title, #level0 #podcast .title {
	margin-top: 10px;
	font-size: 24px
}
}

@media screen and (min-width: 747px) {
#level0 #whitepaper .title, #level0 #research .title, #level0 #download .title, #level0 #podcast .title {
	margin-top: 10px;
	font-size: 24px;
	letter-spacing: -.02em;
}
}
#level0 #whitepaper .title a, #level0 #webcast .title a, #level0 #research .title a, #level0 #download .title a, #level0 #podcast .title a {
	color: #043d4e
}
#level0 #whitepaper .title a:hover, #level0 #webcast .title a:hover, #level0 #research .title a:hover, #level0 #download .title a:hover, #level0 #podcast .title a:hover {
	text-decoration: underline;
	color: #343c8c;
}
#level0 #whitepaper .date, #level0 #webcast .date, #level0 #research .date, #level0 #download .date, #level0 #podcast .date  {
	font-size: .9em !important;
	width: 100%;
	color: #777
}
#level0 #whitepaper .summary, #level0 #webcast .summary, #level0 #research .summary, #level0 #download .summary, #level0 podcast .summary {
	font-size: 1em;
	min-height:175px;
}
#level0 #whitepaper p, #level0 #webcast p, #level0 #research p,  #level0 #download p, #level0 #podcast p {
	color: #043d4e;
	font-size: 1em;
	line-height: 1.5;
	margin-bottom: 15px;
	
}
#level0 #webcast p.startDate, #level0 #webcast p.startTime, #level0 #podcast p.startTime  {
	font-weight:700;
	margin: 10px 0;
}
#level0 #whitepaper ul, #level0 #webcast ul, #level0 #research ul, #level0 #download ul, #level0 #podcast ul {
	margin-left: 30px;
	margin-bottom: 20px;
	padding: 0 50px 0 0;
}
#level0 #whitepaper ul ul, #level0 #webcast ul ul, #level0 #research ul ul, #level0 #download ul ul, #level0 #podcast ul ul {
	width: 100%;
	padding: 0 30px 0 0;
	margin-bottom: 0
}
#level0 #whitepaper ul ul li, #level0 #webcast ul ul li, #level0 #research ul ul li, #level0 #download ul ul li, #level0 #podcast ul ul li {
	font-size: 18px
}
#level0 #whitepaper ul li, #level0 #webcast ul li, #level0 #research ul li, #level0 #podcast ul li {
	list-style-type: none;
	color: #043d4e;
	font-size: 1em;
	background: url("../img/listitem.png") no-repeat;
	background-position: 0 13px;
	padding-left: 15px
}
#level0 #whitepaper .sponsor, #level0 #webcast .sponsor, #level0 #research .sponsor, #level0 #podcast .sponsor  {
	color: #d68f0d;
    font-weight: 700;
    padding: 0;
    margin: 10px 0;
    clear: both;
    display: block;
}
#level0 #whitepaper .sponsor img, #level0 #webcast .sponsor img, #level0 #research .sponsor img, #level0 #podcast .sponsor img  {
	border: none;
	vertical-align: middle;
	padding: 10px 0;
	width: auto;
	display: block;
}
#level0 #whitepaper .WPRegBtn, #level0 #webcast .WPRegBtn, #level0 #research .WPRegBtn, #level0 #download .WPRegBtn {
	display: block;
	overflow: hidden
}
#level0 #whitepaper a img, #level0 #webcast a img, #level0 #research a img, #level0 #download a img, #level0 #podcast a img {
	float: right;
	margin: 0 0 20px 20px
}
#level0 #whitepaper img {
	margin: 0 20px 0 0;
    border: 1px solid #ccc;
    float: left;
}
#level0 #whitepaper p img, #level0 #research p img, #level0 #download p img, #level0 #podcast p img {
	width: 100%;
    float: none;
}
#level0 #webcast p img {
    float: none;
    max-width: fit-content;
}
/*#whitepaper div>img,#research div>img, #podcast div>img  {
    margin-top: 5px !important;
    margin-bottom: 10px !important;
}*/
#level0 #whitepaper ol, #level0 #webcast ol, #level0 #research ol {
	list-style-type: decimal;
	padding-left: 48px;
	margin-bottom: 20px
}
#level0 #whitepaper ol li, #level0 #webcast ol li, #level0 #research ol li {
	color: #043d4e;
	font-size: 1em
}
.lgButton {
	background: #43c3a3;
	border-radius: 6px;
	border: 3px solid #43c3a3;
	display: inline-block;
	font-size: 24px;
	font-weight: 700;
	padding: 11.125px 16px;
	color: #fff;
	margin: 11.125px 0 11.125px 11.125px;
	transition: all 300ms ease;
	right: 0;
	top: 0
}

@media screen and (max-width: 800px) {
.lgButton {
	position: relative;
	display: block;
	float: left;
	margin: 11.125px 2%;
	width: 96%;
	text-align: center
}
}
.lgButton:hover {
	background: #fff;
	color: #43c3a3;
	text-decoration: none;
	box-shadow: 0px 3px 3px #eaeaea
}
.xContent:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.xContent .webcasts {
	background: #fff;
	float: left;
	width: 90%;
	padding: 15px
}

@media (min-width: 900px) {
.xContent .webcasts {
	width: 60%
}
}
.xContent .webcasts ul {
	list-style-type: none;
	margin: 0 0 0 0;
	color: #043d4e
}
.xContent .webcasts ul li {
	margin-bottom: 15px;
	padding-bottom: 15px;
	line-height: 1.3;
	border-bottom: 2px solid #e3e3e3
}
.xContent .webcasts ul li h3 {
	font-size: 24px;
	text-transform: uppercase;
	font-family: 'Noto Sans', sans-serif;
	line-height: 42px;
	margin-bottom: 10px
}
.xContent .webcasts ul a {
	color: #043d4e
}
.xContent .webcasts ul a:hover {
	text-decoration: underline
}
.xContent .webcasts .footer {
	position: relative
}
.xContent .webcasts>h3, .xContent .whitepapers>h3 {
	font-size: 24px;
	text-transform: uppercase;
	font-family: 'Noto Sans', sans-serif;
	line-height: 42px;
	margin-bottom: 10px
}
.xContent .webcasts>h3 a, .xContent .whitepapers>h3 a {
	text-decoration: none;
	color: #043d4e
}
.xContent .intro h3 {
	font-size: 2em;
	line-height: 1.25;
	font-weight: 600 !important;
	margin: 29.124px 0;
	color: #8c0000;
	font-family: 'Noto Sans', sans-serif
}
.xContent .footer {
	text-align: left;
	background-color: #fff
}
.xContent .footer a {
	text-transform: uppercase;
	color: #343c8c
}
.xContent .footer a:hover {
	text-decoration: underline
}
.xContent .whitepapers {
	background: #fff;
	width: 90%;
	padding: 15px;
	margin: 0;
	height: 100%
}
#xContentTop {
	display:none;
}

@media (min-width: 900px) {
.xContent .whitepapers {
	float: right;
	width: 35%
}
}
.xContent .whitepapers ul li {
	margin-bottom: 15px;
	padding-bottom: 15px;
	line-height: 1.3;
	border-bottom: 2px solid #e3e3e3
}
.xContent .whitepapers ul li img {
	float: left;
	margin-right: 16px
}
.xContent .whitepapers ul li>h3 a {
	color: #043d4e;
	font-size: 15px;
	line-height: 24px;
	font-weight: 600;
	float: left
}
.xContent .whitepapers ul li>h3 a:hover {
	text-decoration: underline
}
.xContent .whitepapers ul li a {
	color: #043d4e;
	font-size: 15px;
	line-height: 24px;
	font-weight: 600;
	float: left
}
.xContent .whitepapers ul a {
	color: #043d4e
}
.xContent .whitepapers .summary {
	color: #043d4e;
	font-size: 14px
}
.xContent .whitepapers .summary a {
	text-decoration: none;
	font-weight: 600;
	color: #043d4e
}
.xContent .whitepapers .summary a:hover {
	text-decoration: underline
}
.xContent .whitepapers footer {
	width: 100%;
	position: relative;
	left: 0;
	margin-top: 11.125px
}
#xContentTop:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
#xContentTop .webcasts, #xContentTop .whitepapers {
	background: transparent;
	padding: 0;
	min-height: 0
}
#xContentTop .webcasts {
	width: 100%;
	padding: 10px 10px
}

@media (min-width: 768px) {
#xContentTop .webcasts {
	float: left;
	width: 60%
}
}
#xContentTop .webcasts h3 a {
	font-size: 34px;
	color: #8c0000
}
#xContentTop .webcasts h3 a:hover {
	color: #8c0000 !important
}
#xContentTop .webcasts ul li h3 a {
	font-size: 20px;
	color: #043d4e;
	margin-bottom: 10px
}
#xContentTop .webcasts ul li h3 a:hover {
	color: #043d4e !important
}
#xContentTop .webcasts ul li a {
	font-size: 20px;
	color: #043d4e;
	margin-bottom: 10px
}
#xContentTop .webcasts ul li .more a {
	margin-top: 20px;
	margin-bottom: 0;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	padding: 5px 10px;
	background-color: #343c8c;
	border-radius: 5px;
	border: 1px solid #343c8c;
	text-decoration: none;
	width: 200px
}
#xContentTop .webcasts .footer a {
	text-decoration: none;
	color: #343c8c;
	font-size: 16px
}
#xContentTop .whitepapers {
	float: left;
	width: 100%;
	padding: 0 20px;
	background-color: #043d4e;
	border-radius: 10px;
	margin: 0 5px
}

@media (min-width: 768px) {
#xContentTop .whitepapers {
	float: right;
	width: 35%
}
}
#xContentTop .whitepapers h3 {
	text-align: center;
	margin: 10px 0 20px 0
}
#xContentTop .whitepapers h3 a {
	font-size: 34px;
	color: #ffffff
}
#xContentTop .whitepapers h3 a:hover {
	color: #ffffff !important
}
#xContentTop .whitepapers ul {
	background-color: #ffffff;
	padding: 20px 20px 10px 20px;
	border-radius: 10px
}
#xContentTop .whitepapers ul li {
	margin-bottom: 20px;
	padding-bottom: 20px
}
#xContentTop .whitepapers ul li h3 {
	text-align: left;
	margin: 0
}
#xContentTop .whitepapers ul li h3 a {
	font-size: 20px;
	color: #043d4e
}
#xContentTop .whitepapers ul li h3 a:hover {
	color: #043d4e !important
}
#xContentTop .whitepapers a {
	font-size: 20px;
	color: #043d4e
}
#xContentTop .whitepapers .footer {
	padding: 15px 0 10px 0
}
#xContentTop .whitepapers .footer a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 16px
}
#whitepaper .sponsor-image, #webcast .sponsor-image {
	display: block
}
#whitepaper .sponsor-image img, #webcast .sponsor-image img {
	clear: both !important;
	float: right !important;
	max-width: 250px !important;
	margin-top: 10px !important;
	margin-left: 10px !important
}
#level1 #whitepaper .sponsor-image, #level1 #webcast .sponsor-image {
	display: none
}
#level0a .asset .sponsor-image, #level0a .asset .sponsor-image {
	display: none
}
.whitepapers .sponsor-image, .webcasts .sponsor-image {
	display: none
}
.viewPoint {
	float: left;
	width: 65%;
	margin-bottom: 25px
}

@media screen and (max-width: 800px) {
.viewPoint {
	float: none;
	width: 100%;
	margin: 5px 0 14px 0
}
}
.viewPoint h3 {
	text-transform: uppercase;
	color: #043d4e;
	font: bold 27px/42px 'Ubuntu', sans-serif
}

@media screen and (min-width: 600px) {
.viewPoint h3 {
	font-size: 36px
}
}
.viewPoint>h3:after {
	display: none;
	height: 26px;
	width: 48%;
	background: #ddd;
	content: '';
	float: right;
	position: relative;
	top: 8px
}

@media screen and (min-width: 960px) {
.viewPoint>h3:after {
	display: inline-block
}
}
.viewPoint li {
	width: 100%;
	border-bottom: 2px solid #e3e3e3;
	padding: 14px 0;
	min-height: 0;
	margin: 0 14px 0 0
}

@media screen and (min-width: 960px) {
.viewPoint li {
	width: 48%
}
}
.viewPoint li:nth-child(1), .viewPoint li:nth-child(3), .viewPoint li:nth-child(5), .viewPoint li:nth-child(7), .viewPoint li:nth-child(9) {
	float: left
}
.viewPoint li:nth-child(2), .viewPoint li:nth-child(4), .viewPoint li:nth-child(6), .viewPoint li:nth-child(8), .viewPoint li:nth-child(10) {
	float: right;
	margin-right: 0
}
.viewPoint li:nth-child(9), .viewPoint li:nth-child(10) {
	border-bottom: none
}
.viewPoint li>a {
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	color: #043d4e
}
.viewPoint span {
	color: #043d4e;
	color: #868686;
	display: inline;
	font-size: 15px
}
.viewPoint p {
	font-size: .9em;
	color: #043d4e
}
#converted .ad {
	height: 600px;
	width: 300px;
	position: relative;
	overflow: hidden
}
#converted .border {
	width: 100%;
	height: 100%;
	position: absolute;
	border: 10px solid white;
	z-index: 0;
	box-sizing: border-box
}
#converted .background {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-animation: bg_animation 15s ease-in-out 0s infinite;
	animation: bg_animation 15s ease-in-out 0s infinite
}
#converted .ad.bird .background {
	-webkit-transform-origin: 100% 60%;
	transform-origin: 100% 20%
}
#converted .ad.long .background {
	background-image: url(../images/bird_300x600.jpg)
}
#converted h1 {
	font-size: 40px;
	font-weight: normal;
	letter-spacing: 0;
	margin: 0;
	color: white;
	position: absolute
}
#converted h2 {
	font-size: 22px;
	font-weight: normal;
	letter-spacing: 0;
	margin: 0;
	color: white;
	position: absolute
}
#converted h3 {
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0;
	margin: 0;
	color: white;
	position: absolute
}
#converted .frame-1 {
	top: 40px;
	left: -100%;
	width: 225px;
	line-height: 40px;
	opacity: 0;
	-webkit-animation: text_frame_one 15s ease-in 0s infinite;
	animation: text_frame_one 15s ease-in 0s infinite
}
#converted .frame-2 {
	top: 10px;
	left: -100%;
	font-size: 23px;
	line-height: 28px;
	width: 181px;
	opacity: 0;
	-webkit-animation: text_frame_two 15s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s infinite;
	animation: text_frame_two 15s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s infinite
}
#converted .frame-3 {
	top: 10px;
	left: 31px;
	width: 200px;
	font-size: 28px;
	line-height: 30px;
	opacity: 1;
	-webkit-animation: text_frame_three 15s ease-in 0s infinite;
	animation: text_frame_three 15s ease-in 0s infinite
}
#converted .purple-box {
	position: absolute;
	background-color: rgba(196,86,160,0.75);
	height: 110px;
	width: 241px
}
#converted .purple-box.title {
	top: 40px;
	left: 0;
	-webkit-animation: purple_box 15s linear 0s infinite;
	animation: purple_box 15s linear 0s infinite
}
#converted .purple-box.learn-more {
	opacity: 1;
	bottom: 155px;
	right: 0;
	height: 40px;
	width: 146px;
	-webkit-animation: lm_purple_box 15s linear 0s infinite;
	animation: lm_purple_box 15s linear 0s infinite
}
#converted .learn-more h2 {
	margin: 4px 0;
	text-align: center;
	width: 136px
}
#converted .branding {
	position: absolute;
	opacity: 1;
	bottom: 50px;
	left: 31px;
	-webkit-animation: learn_more 15s linear 0s infinite;
	animation: learn_more 15s linear 0s infinite
}
#converted .branding img {
	width: 565px !important
}
.DigEd {
	
	float: none;
	width: 100%;
	margin-bottom: 25px
}
.DigEd:after {
	clear: both;
	content: '';
	display: block
}
.DigEd>h3 {
	display: none
}
.DigEd .summary {
	
	background: #efefef;
	padding: 15px;
	width: 100%;
	text-align: left;
	height: 100px
}
.DigEd img {
	float: left;
	width: 65px !important;
	height: 70px;
	margin: 0 10px 10px 0
}
.DigEd a {
	color: #043d4e;
	margin-bottom: 6px;
	font-size: 14px;
	line-height: 15px
}
.newsletters h3 {
	color: #8c0000;
	font-size: 43.773px;
	font-weight: 600 !important;
	margin: 29.124px 0;
	line-height: 1;
	font-family: 'Ubuntu', serif
}
.newsletters .customPages-content div {
	margin: 0 0 43.773px 0
}
.newsletters .customPages-content h3 {
	font-size: 1.9em;
	font-weight: 600;
	line-height: 36px;
	margin: 0 0 6.876px
}
.newsletters .customPages-content h3 a {
	color: #1e4052;
	font-weight: 600
}
.newsletters .customPages-content h3 a:hover {
	text-decoration: none;
	color: #343c8c
}
.newsletters .customPages-content h4 {
	font-size: 1em;
	font-weight: 300 !important;
	margin: 29.124px 0
}
.newsletters .customPages-content img {
	float: left;
	margin: 0 20px 20px 0
}
.newsletters .customPages-content p {
	margin: 0 0 11.125px
}
.newsletters .customPages-content .sponsored {
	background: #fcfcee;
	padding: 15px
}
.newsletters .customPages-content .sponsored h3 {
	font-family: 'Open Sans';
	margin: 11.125px 0
}
.newsletters .customPages-content .sponsored h3 a {
	font-family: 'AleoBold', serif;
	margin: 0 0 0 0 !important;
	display: block
}
.nltr {
	margin-top: 30px
}
.newsletters .nav li {
	display: inline
}
.micrositesArticleList h3 {
	font-size: 34px;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-family: 'Noto Sans', sans-serif;
	line-height: 42px;
	color: #043d4e
}
.micrositesArticleList ul {
	width: 100%;
	border: 0;
	background: transparent;
	margin: 0 0 25px;
	padding: 0;
	display: table
}
.micrositesArticleList ul li {
	margin: 0;
	display: table-cell;
	width: 100%;
	float: left;
	position: relative;
	line-height: 1.25
}

@media (min-width: 600px) {
.micrositesArticleList ul li {
	width: 50%;
	float: left
}
}

@media (min-width: 768px) {
.micrositesArticleList ul li {
	width: 25%;
	float: none
}
}
.micrositesArticleList ul li>a {
	margin: 5px;
	border-radius: 10px;
	border: 3px solid #043d4e;
	padding: 15px;
	display: block;
	min-height: 145px;
	font-weight: 600;
	color: #043d4e;
	font-size: 18px;
	background-color: #dedede
}

@media (min-width: 768px) {
.micrositesArticleList ul li>a {
	margin: 0 5px
}
}
.micrositesArticleList ul li>a:hover {
	border: 3px solid #343c8c;
	text-decoration: none;
	color: #343c8c;
	background-color: #ffffff
}
.micrositesArticleList .summary {
	position: absolute;
	right: 10px;
	bottom: 10px
}
.micrositesArticleList .summary a {
	text-transform: uppercase;
	color: #a2a2a2
}
.ms-blockBox h3 {
	font-size: 2em;
	font-weight: 300 !important;
	margin: 29.124px 0
}
.ms-blockBox .summary {
	font-size: 1em;
	font-weight: 300 !important;
	margin: 29.124px 0
}
.ms-blockBox .summary img {
	float: left;
	margin: 0 20px 20px 0
}
.ms-blockBox .summary ul {
	margin-bottom: 6.876px;
	line-height: 1.25;
	margin-bottom: 12px;
	background: url("../img/listitem.png") no-repeat;
	background-position: 0 10px;
	padding-left: 15px
}
.ms-blockBox .summary ol {
	margin-bottom: 6.876px;
	line-height: 1.25;
	margin-bottom: 12px;
	padding-left: 22px;
	list-style-type: decimal
}
.ms-blockBox .summary ul li, .ms-blockBox .summary ol li {
	margin-bottom: 5px
}
.ms-listBoxDynamic li {
	margin-bottom: 43px;
	padding-bottom: 43px;
	border-bottom: 1px dotted #eaeaea
}
.ms-listBoxDynamic li:after {
	clear: both;
	content: '';
	display: block
}
.ms-listBoxDynamic h3 {
	color: #8c0000;
	font-family: 'Noto Sans', sans-serif;
	font-size: 2em;
	font-weight: 600 !important;
	line-height: 1.25;
	margin: 29.124px 0
}
.ms-listBoxDynamic img {
	float: left;
	margin: 0 20px 20px 0
}
.ms-listBoxDynamic .summary {
	font-size: .9em
}
.ms-listBoxDynamic a {
	color: #24262a;
	font-size: 1.5em;
	line-height: 36px;
	font-weight: 600;
	margin: 0 0 6.876px 0;
	display: block
}
.ms-listBoxDynamic a:hover {
	text-decoration: none;
	color: #43c3a3
}
.ms-listBoxDynamic .more a {
	font-family: 'Noto Sans', sans-serif;
	font-size: 1em;
	font-weight: 700;
	display: block;
	border: 2px solid #43c3a3;
	background: transparent;
	text-align: center;
	border-radius: 2px;
	color: #43c3a3;
	width: 54%;
	margin: 11.125px 0;
	clear: both
}
.ms-listBoxDynamic .more a:hover {
	text-decoration: none;
	background: #43c3a3;
	border: 2px solid #43c3a3;
	color: #fff
}
.ms-listBoxDynamic li.featured {
	background: #fcfcee;
	padding: 15px
}
.ms-listBoxDynamic .featured a {
	font-size: 1.9em;
	margin-bottom: 18px
}
.ms-listBoxDynamic .featured .more a {
	font-size: 1em
}
.ms-sidebar h3 {
	font-size: 1em;
	margin: 0 0 18px 0;
	text-transform: uppercase
}
.ms-sidebar li {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px dotted #eaeaea
}
.ms-sidebar li a {
	font-weight: 600;
	color: #24262a;
	margin-bottom: 4.876px;
	display: block
}
.ms-sidebar li p {
	font-size: .75em
}
.onecol_dynbox ul li {
	margin-bottom: 43.774px
}
.onecol_dynbox ul li:after {
	clear: both;
	content: '';
	display: block
}
.onecol_dynbox ul li>a {
	color: #24262a;
	font-size: 1.9em;
	line-height: 36px;
	font-weight: 600;
	margin: 0 0 6.876px 0;
	display: block
}
.onecol_dynbox ul li .summary {
	color: #043d4e;
	font-size: 0.9em;
	line-height: 20px
}
#pContentTop .onecol_dynbox ul li img {
	float: left;
	margin: 0 20px 20px 0
}
#sContentTop .ms-blockBox {
	clear: both
}
#sContentTop .ms-blockBox img {
	float: left
}
#sContentTop .ms-blockBox .summary a {
	font-weight: 600
}
#sContentTop .ms-blockBox .summary p {
	font-size: .9em
}
#sContentTop .ms-blockBox:after {
	content: '';
	clear: both;
	display: block
}
#footerWrapper .ms-blockBox {
	font-size: 80%
}
#footerWrapper .ms-blockBox .summary {
	font-weight: 400 !important
}
.left {
	float: left;
	width: 48%
}
.right {
	float: right;
	width: 48%
}
.innovate>h3 {
	font-size: 2em;
	font-weight: 300 !important;
	margin: 29.124px 0;
	line-height: 1
}
.innovate img {
	margin-bottom: 5px
}
.ctia {
	background: none repeat scroll 0 0 transparent;
	border: 3px solid;
	margin: 0 0 10px;
	padding: 20px
}
.ctia p {
	margin: 0 0 3px;
	padding-bottom: 0.25em
}
.innovate {
	font-size: 1em;
	font-weight: 300 !important;
	margin: 29.124px 0
}
.innovate ul {
	line-height: 1.25;
	list-style-type: decimal;
	margin-bottom: 12px;
	padding-left: 22px
}
.innovate p, .innovate ul li, .innovate ol li {
	margin-bottom: 5px
}
.GovConnectionMicrosite {
	margin-top: 0
}
.GovConnectionMicrosite .introdeck {
	line-height: 1.4;
	font-size: 17px;
	margin-top: 10px;
	padding: 0 20px
}

@media screen and (min-width: 990px) {
.GovConnectionMicrosite .introdeck {
	padding: 0
}
}
.GovConnectionMicrosite img {
	margin-top: -20px
}
.GCManual h3, .GCManual1028 h3, .oracleCustom h3, .threecolumnCustom h3 {
	font-size: 26px;
	color: #343c8c;
	margin: 30px 20px 10px 17px
}

@media screen and (min-width: 768px) {
.GCManual h3, .GCManual1028 h3, .oracleCustom h3, .threecolumnCustom h3 {
	margin: 30px 0 10px 0
}
}
.GCManual li, .GCManual1028 li, .oracleCustom li, .threecolumnCustom li {
	width: 100%;
	float: none;
	margin-right: 3.5%;
	margin-bottom: 3.5%;
	padding: 15px;
	border: 1px solid #ccc;
	font-size: 15px;
	line-height: 1.3;
	position: relative;
	height: auto
}
.GCManual li:nth-child(3n+3), .GCManual1028 li:nth-child(3n+3), .oracleCustom li:nth-child(3n+3), .threecolumnCustom li:nth-child(3n+3) {
	margin-right: 0
}

@media screen and (min-width: 840px) {
.GCManual li, .GCManual1028 li, .oracleCustom li, .threecolumnCustom li {
	height: 630px;
	width: 31%;
	float: left;
	padding: 150px 15px 15px 15px
}
}

@media screen and (min-width: 970px) {
.GCManual li, .GCManual1028 li, .oracleCustom li, .threecolumnCustom li {
	height: 600px
}
}
.GCManual li .more, .GCManual1028 li .more, .oracleCustom li .more, .threecolumnCustom li .more {
	display: block;
	margin-top: 10px;
	position: relative;
	width: 100%
}

@media screen and (min-width: 840px) {
.GCManual li .more, .GCManual1028 li .more, .oracleCustom li .more, .threecolumnCustom li .more {
	position: absolute;
	bottom: 0;
	margin-bottom: 10px
}
}
.GCManual li .more:after, .GCManual1028 li .more:after, .oracleCustom li .more:after, .threecolumnCustom li .more:after {
	display: none;
	position: absolute;
	content: '»';
	width: 100%;
	margin-left: 3px;
	margin-top: 1px;
	color: #343c8c
}

@media screen and (min-width: 840px) {
.GCManual li .more:after, .GCManual1028 li .more:after, .oracleCustom li .more:after, .threecolumnCustom li .more:after {
	margin-top: 1.5%
}
}
.GCManual li a, .GCManual li a:visited, .GCManual1028 li a, .GCManual1028 li a:visited, .oracleCustom li a, .oracleCustom li a:visited, .threecolumnCustom li a, .threecolumnCustom li a:visited {
	font-size: 18px;
	line-height: 22px;
	color: #043d4e;
	font-weight: bold
}
.GCManual li span a, .GCManual li span a:visited, .GCManual1028 li span a, .GCManual1028 li span a:visited, .oracleCustom li span a, .oracleCustom li span a:visited, .threecolumnCustom li span a, .threecolumnCustom li span a:visited {
	font-size: 15px;
	color: #343c8c
}
.GCManual li p, .GCManual1028 li p, .oracleCustom li p, .threecolumnCustom li p {
	margin-top: 10px
}
.GCManual li .summary a, .GCManual li .summary a:visited, .GCManual1028 li .summary a, .GCManual1028 li .summary a:visited, .oracleCustom li .summary a, .oracleCustom li .summary a:visited, .threecolumnCustom li .summary a, .threecolumnCustom li .summary a:visited {
	position: relative;
	margin-top: 10px;
	display: block;
	width: 50%;
	padding: 10px;
	background-color: #343c8c;
	text-align: center;
	font-size: 15px;
	color: #fff;
	text-decoration: none
}

@media screen and (min-width: 840px) {
.GCManual li .summary a, .GCManual li .summary a:visited, .GCManual1028 li .summary a, .GCManual1028 li .summary a:visited, .oracleCustom li .summary a, .oracleCustom li .summary a:visited, .threecolumnCustom li .summary a, .threecolumnCustom li .summary a:visited {
	position: absolute;
	bottom: 0;
	margin-top: 0;
	margin-bottom: 10px
}
}
.GCManual li .summary a:hover, .GCManual1028 li .summary a:hover, .oracleCustom li .summary a:hover, .threecolumnCustom li .summary a:hover {
	background-color: #ea391a
}
.GCManual li img, .GCManual1028 li img, .oracleCustom li img, .threecolumnCustom li img {
	position: relative;
	padding: 0;
	margin-top: 10px
}

@media screen and (min-width: 840px) {
.GCManual li img, .GCManual1028 li img, .oracleCustom li img, .threecolumnCustom li img {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px 15px;
	margin-top: 0
}
}

@media screen and (min-width: 840px) {
.oracleCustom li {
	height: 550px
}
}

@media screen and (min-width: 970px) {
.oracleCustom li {
	height: 480px
}
}

@media screen and (min-width: 840px) {
.threecolumnCustom li {
	height: 550px
}
}

@media screen and (min-width: 970px) {
.threecolumnCustom li {
	height: 480px
}
}
.cornerFold {
	position: relative;
	padding: 10px 20px;
	background: #34495E;
	margin-top: 30px;
	margin-bottom: 30px
}

@media screen and (min-width: 768px) {
.cornerFold {
	padding: 10px 50px
}
}
.cornerFold h3 {
	font-size: 26px;
	color: white;
	margin: 10px 0 20px 0
}
.cornerFold ul {
	overflow: hidden
}
.cornerFold li {
	width: 100%;
	float: none;
	margin-right: 5.5%;
	margin-bottom: 5.5%;
	padding: 15px;
	font-size: 15px;
	line-height: 1.3;
	position: relative;
	height: auto;
	box-shadow: 0 4px 0px 0px #333;
	background: white url(../img/govConnectLogo.png) no-repeat 20px bottom;
	background-size: 100px
}
.cornerFold li:nth-child(2n+2) {
	margin-right: 0
}

@media screen and (min-width: 840px) {
.cornerFold li {
	height: 450px;
	width: 47%;
	float: left;
	padding: 120px 0 15px 0
}
}
.cornerFold li:before {
	content: "";
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
	border-style: solid;
	border-width: 0 65px 65px 0;
	border-color: #ddd #34495E;
	transition: all ease .5s
}

@media screen and (min-width: 400px) {
.cornerFold li:before {
	border-width: 0 80px 80px 0
}
}

@media screen and (min-width: 400px) {
.cornerFold li:hover:before {
	border-width: 0 100px 100px 0;
	border-color: #eee #34495E
}
}
.cornerFold li .more {
	display: block;
	margin-top: 10px;
	position: relative;
	width: 100%
}

@media screen and (min-width: 840px) {
.cornerFold li .more {
	position: relative;
	bottom: 0;
	padding-top: 30px
}
}
.cornerFold li .more:after {
	display: none;
	position: absolute;
	content: '»';
	width: 100%;
	margin-left: 3px;
	margin-top: 1px;
	color: #343c8c
}

@media screen and (min-width: 840px) {
.cornerFold li .more:after {
	margin-top: 1.5%
}
}
.cornerFold li a:first-child {
	width: 70%;
	position: relative;
	z-index: 10;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	display: block;
	z-index: 10
}

@media screen and (min-width: 400px) {
.cornerFold li a:first-child {
	font-size: 18px;
	line-height: 22px
}
}

@media screen and (min-width: 600px) {
.cornerFold li a:first-child {
	width: 85%
}
}

@media screen and (min-width: 840px) {
.cornerFold li a:first-child {
	color: #fff;
	background: #343c8c;
	padding: 10px 10px 10px 20px
}
}
.cornerFold li span a, .cornerFold li span a:visited {
	font-size: 15px;
	color: #343c8c
}
.cornerFold li p {
	margin-top: 0
}
.cornerFold li .summary {
	position: relative;
	background: #043d4e;
	padding: 10px;
	max-width: 644px;
	max-height: 100%;
	color: white;
	margin-bottom: 30px
}

@media screen and (min-width: 400px) {
.cornerFold li .summary {
	padding: 10px 10px 10px 20px
}
}

@media screen and (min-width: 840px) {
.cornerFold li .summary {
	width: 85%;
	max-height: 210px;
	margin-bottom: auto
}
}

@media screen and (min-width: 900px) {
.cornerFold li .summary {
	max-height: 190px
}
}
.cornerFold li .summary a, .cornerFold li .summary a:visited {
	position: relative;
	margin-top: 10px;
	display: block;
	width: auto;
	font-size: 15px;
	color: white;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 0 0 6px;
	background: none
}

@media screen and (min-width: 840px) {
.cornerFold li .summary a, .cornerFold li .summary a:visited {
	position: absolute;
	bottom: 0;
	margin-top: 0;
	margin-bottom: 0
}
}
.cornerFold li .summary a:before, .cornerFold li .summary a:visited:before {
	position: absolute;
	content: '';
	width: 3px;
	height: 13px;
	left: 0;
	top: 5px;
	background: #343c8c
}
.cornerFold li img {
	position: relative;
	padding: 0;
	margin-top: 10px
}

@media screen and (min-width: 840px) {
.cornerFold li img {
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0
}
}
.CTNEWS {
	float: none;
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background: #efefef;
	text-align: left
}

@media screen and (max-width: 800px) {
.CTNEWS {
	float: left;
	width: 100%
}
}
.CTNEWS:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.CTNEWS .error ul {
	padding-left: 20px;
	padding-top: 5px
}
.CTNEWS .error ul li {
	font-size: 12px;
	color: #343c8c;
	font-weight: bold
}
.CTNEWS .enl {
	margin: 0 0 25px 0
}
.CTNEWS .enl>h1 {
	font-size: 15px;
	font-weight: 700;
	margin: 0;
	padding: 15px 15px 0 15px;
	color: #043d4e;
	cursor: default;
	text-transform: uppercase
}
.CTNEWS .enl>p {
	font: 30px/30px 'Ubuntu', sans-serif;
	font-weight: 700;
	padding: 15px 15px 0 15px;
	color: #043d4e
}
.CTNEWS .enl .enlform {
	padding: 20px
}
.CTNEWS .enl .enlform:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.CTNEWS .enl .enlform .emailAddress .formlabel {
	font-weight: 700;
	color: #043d4e
}
.CTNEWS .enl .enlform .userEntry input {
	border: 1px solid #eaeaea;
	border-radius: 2px;
	width: 100%;
	font-size: 1em;
	padding: 6px 4px;
	margin-bottom: 12px
}
.CTNEWS .enl .enlform .userEntry input:focus {
	border: 1px solid #c4c4c4
}
.CTNEWS .enl .enlform .userEntry select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	width: 100%;
	background: #fff url(../img/form-arrows.png) no-repeat right 6px;
	border: none;
	border-radius: 0;
	box-shadow: none;
	text-shadow: none;
	position: relative;
	font-size: 12px;
	padding: 5px;
	outline: none
}
.CTNEWS .enl .enlform input[type="button"] {
	border-radius: 1px;
	background: #343c8c;
	border: 0;
	padding: 4px 12px;
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 700;
	float: right;
	margin-top: 18px;
	cursor: pointer
}
.CTNEWS .enl .enlform input[type="button"]:hover {
	background: #043d4e
}
.CTNEWS .enl .enlform label {
	font-size: .75em;
	font-weight: 700;
	color: #043d4e
}
.CTNEWS .gdprNL {
	display: none;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 7px;
	margin-top: 10px
}
.CTNEWS .gdprNL a, .CTNEWS .gdprNL a:visited {
	color: #333;
	text-decoration: underline
}
.CTNEWS .gdprNL .gdprOptions {
	margin-top: 5px;
	font-weight: 400
}
.CTNEWS .gdprNL .gdprOptions span {
	display: inline-block;
	position: relative;
	padding-left: 17px;
	padding-right: 10px;
	font-size: 14px
}
.CTNEWS .gdprNL .gdprOptions input {
	position: absolute;
	width: 12px;
	top: 0;
	margin-left: -15px
}
.hiddenQuestions label {
	margin-top: 14px;
	display: block
}
.hiddenQuestions .formlabel {
	margin-top: -10px
}
.newsletterPrivacyPolicy {
	font-size: .75em;
	line-height: 1.4;
	margin-top: 15px
}
.newsletterPrivacyPolicy a {
	text-decoration: none;
	color: #343c8c;
	font-weight: bold
}
.newsletterPrivacyPolicy a:hover {
	text-decoration: underline
}
.sContent .CTNEWS {
	float: none !important;
	width: 95%;
	height: auto;
	margin: 0;
	padding: 0
}

@media screen and (min-width: 747px) {
.sContent .CTNEWS {
	width: 100%
}
}
.DigEd {
	float: none;
	width: 100%;
	margin: 15px 0
}

@media (max-width: 800px) {
.DigEd {
	width: 100%;
	float: left
}
}
.DigEd:after {
	clear: both;
	content: '';
	display: block
}
.DigEd img {
	float: left;
	width: 65px !important;
	height: 70px;
	margin: 0 10px 10px 0
}
.DigEd .summary {
	padding: 15px;
	width: 100%;
	text-align: left;
	height: 100px
}
.DigEd .summary a {
	width: 255px
}

@media (max-width: 800px) {
.DigEd .summary {
	float: none
}
}
.DigEd ul {
	float: right;
	width: 70%;
	margin-top: 7px
}

@media (max-width: 800px) {
.DigEd ul {
	float: none;
	width: 70% !important
}
}

@media (max-width: 1024px) {
.DigEd ul {
	width: 65%;
	margin-top: 0
}
}
.pContent .DigEd ul h4 {
	width: 100%;
	font-size: 20px;
	line-height: 1.1;
	font-weight: 700;
	margin-bottom: 18px;
	letter-spacing: -1px
}
.pContent .DigEd ul h4 a {
	color: #10aafb
}
.pContent .DigEd ul h4 a:hover {
	color: #8c0000;
	text-decoration: none
}
.sContent .DigEd {
	width: 100%
}
.sContent .DigEd .summary {
	background: #efefef
}
.sContent .DigEd img {
	margin: 0
}
.sContent .DigEd ul h4 {
	width: 100%;
	font-size: 20px;
	line-height: 1.1;
	font-weight: 700;
	margin-bottom: 18px;
	letter-spacing: -1px
}
.sContent .DigEd ul h4 a {
	color: #043d4e;
	font-size: 16px;
	line-height: 18px
}
.sContent .DigEd ul h4 a:hover {
	text-decoration: underline
}
.pagination {
	margin: 18px auto 29.124px;
	padding: inherit;
	padding-bottom: 0 !important;
	width: 100% !important;
	border: 0 !important
}
.pagination ul {
	display: table;
	overflow: hidden;
	margin: 0 !important;
	padding: 0;
	width: 100%;
	height: 27.054px;
	border: none;
	list-style-type: none;
	text-align: center
}
.pagination ul li {
	border: none;
	display: table-cell;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important
}
.pagination ul li a {
	text-decoration: none;
	color: #a2a2a2 !important;
	font-weight: 600;
	font-size: 24px
}
.pagination a, .pagination a:visited {
	border-top: 10px solid #a2a2a2;
	display: block;
	height: auto;
	margin: 0;
	padding: 4.25px;
	text-decoration: none;
	transition: all 150ms ease-out
}
.pagination a.disablelink {
	display: none;
	margin: 0;
	padding: 0
}
.pagination a.currentpage {
	background: #fff !important;
	border-color: #343c8c;
	color: #043d4e !important;
	cursor: default;
	font-weight: 700 !important
}
.pagination a:hover, .pagination a:active {
	color: #043d4e !important;
	text-decoration: none !important;
	border-color: #343c8c
}
.pagination a.currentpage:hover {
	color: #043d4e !important
}
#xContent .speakerbox li {
	display: inline;
	float: left;
	width: 20%;
	padding: 10px
}

@media (max-width: 600px) {
#xContent .speakerbox li {
	float: none;
	display: block;
	width: 220px;
	margin: 0 auto
}
}
#xContent .speakerbox .speakername {
	margin: 10px 0;
	font-size: 18px;
	line-height: 20px;
	color: #da0707;
	font-weight: bold
}
#xContent .speakerbox .speakertitle {
	font-size: 14px;
	line-height: 20px;
	color: #243644;
	font-style: italic;
	margin-bottom: 15px
}
#xContent .speakerbox:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

@media (max-width: 768px) {
#footerWrapper {
	text-align: center
}
}
#footer {
	width: 100%;
	max-width: 970px;
	margin: 0 auto;
	height: auto;
	clear: both;
	background-color: #efefef;
	height: auto;
	padding: 0;
	border-top:10px solid #8c0000;
}
#footer:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
#footer .ad {
	text-align: center;
	padding: 25px 0 10px;
	margin-bottom: 0;
	display: none
}

@media (min-width: 785px) {
#footer .ad {
	display: block
}
}
#footer .ad a:before {
	display: none
}
#footer h3 {
	color: #47a6d6;
	font-weight: 600;
	margin: 0 0 15px
}

@media (max-width: 768px) {
#footer h3 {
	margin: 0
}
}
#footer ul {
	margin: 0
}
#footer .siteLinks {
	width: 40%;
    float: left;
    background: transparent;
    margin-left: 12.5%;
    margin-left: 72px;
    font-size: 1em;
    margin-top: 45px;
    text-align: left;
}

@media screen and (max-width: 960px) {
#footer .siteLinks {
	width: 100%;
	float: none;
	background: transparent;
	margin-left: 12.5%;
	margin: 0;
	font-size: 1em;
	text-align: center
}
}
#footer .siteLinks a {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 1px;
	color: #043d4e
}

@media (max-width: 960px) {
#footer .siteLinks a {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 1px
}
}
#footer .siteLinks a:hover {
	text-decoration: underline
}
#footer .siteLinks ul {
	padding-top: 12px;
	position: relative;
	top: 4px
}

@media (max-width: 960px) {
#footer .siteLinks ul {
	padding-top: 12px
}
}

@media (max-width: 800px) {
#footer .siteLinks ul {
	top: 0
}
}
#footer .siteLinks ul li {
	line-height: 1.55em;
	float: left;
	display: block;
	width: 40%
}

@media (max-width: 960px) {
#footer .siteLinks ul li {
	line-height: 1.55em;
	float: left;
	display: block;
	width: 100%
}
}

@media (max-width: 800px) {
#footer .siteLinks ul li {
	width: 100%
}
}
#footer .theLegal {
	clear: both;
    border-bottom: 9px solid #ededed;
    position: relative;
    width: 40%;
    font-size: .75em;
    padding: 0 0;
    margin-top: 0;
    margin-left: 100px;
    float: left;
    background: transparent;
}

@media screen and (max-width: 960px) {
#footer .theLegal {
	clear: both;
	width: 95%;
	border-bottom: none;
	margin-left: 0;
	float: none;
	background: transparent;
	text-align: center;
	line-height: 1.2;
	position: relative;
	display: inline-block;
}
}
#footer .theLegal li {
	border: none
}
#footer .theLegal:before {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
#footer .theLegal h3 {
	float: none;
	text-align: center;
	border: none;
	position: relative;
	margin: 50px 0 10px 0
}

@media (max-width: 768px) {
#footer .theLegal h3 {
	float: none;
	margin: 25px 0 24px;
	left: 0;
	line-height: 1
}
}
#footer .theLegal img {
	margin-top: 10px
}

@media (max-width: 768px) {
#footer .theLegal img {
	max-width: 80%
}
}
#footer .theLegal .summary {
	float: left;
	width: 100%;
	left: 0;
	top: 0;
	position: relative;
	color: #043d4e;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: .2px;
	margin-bottom: 20px;
	margin-top: 15px;
}

@media screen and (max-width: 768px) {
#footer .theLegal .summary {
	text-align: center;
	float: none;
	width: 100%;
	left: 0;
	top: 0;
	position: relative;
	color: #043d4e;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: .2px;
	margin: 0 auto 24px auto
}
}
#footer .psmgLegal {
	clear: both;
	float: left;
	width: 100%;
	font-size: .75em;
	margin-top: 0
}

@media (max-width: 960px) {
#footer .psmgLegal {
	position: relative;
	clear: both;
	float: none;
	width: 100%;
	font-size: .75em;
	margin-top: 0
}
}
#footer .psmgLegal li {
	border: none
}
#footer .psmgLegal h3 {
	float: left;
	text-align: left
}

@media screen and (max-width: 960px) {
#footer .psmgLegal h3 {
	float: none;
	clear: both;
	margin-left: 0;
	margin-right: 0;
	text-align: center
}
}
#footer .psmgLegal:after {
	clear: both;
	content: '';
	display: block
}
#footer .psmgLegal img {
	position: relative;
	opacity: .5;
	float: left;
	padding: 0;
	margin: 30px 0 30px 100px;
	max-width: 150px
}

@media screen and (max-width: 960px) {
#footer .psmgLegal img {
	padding: 11px 0;
	float: none;
	opacity: .5;
	margin: 10px 0 0 0
}
}
#footer .psmgLegal .summary {
	    /* top: 65px; */
    padding: 00;
    text-transform: uppercase;
    margin: 35px 0 0 30px;
    height: inherit;
    clear: both;
    right: 0;
    text-transform: uppercase;
    width: 670px;
    /* position: absolute; */
    text-align: left;
    display: inline-block;
}

@media (max-width: 960px) {
#footer .psmgLegal .summary {
	top: 0;
	right: 0;
	padding: 5px 0;
	margin: 0;
	height: inherit;
	clear: both;
	width: 100%;
	position: relative;
	text-align: center
}
}
#footer .psmgLegal span {
	display: inline;
	line-height: 1;
	text-align: right;
	margin: 0 7px 0 0;
	color: #043d4e;
	line-height: 0;
	font-weight: 400
}

@media screen and (max-width: 960px) {
#footer .psmgLegal span {
	display: inline;
	line-height: 1;
	text-align: right;
	margin: 0 7px 0 0;
	line-height: 1
}
}
#footer .psmgLegal a:before {
	display: none
}
#wrapper>.ad {
	
	text-align: center;
	line-height: 0;
	padding-bottom: 5px;
	margin-top: 0
}

@media (max-width: 800px) {
#wrapper>.ad {
	display: none
}
}
.ad div[id*="prestitial"] {
	width: 100%;
	height: 100%;
	background: #ffffff;
	position: fixed;
	z-index: 1000000;
	cursor: pointer;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

@media (min-width: 1024px) {
.ad div[id*="prestitial"] {
	display: block
}
}
.ad #mainPrestWrapper {
	width: 100%;
	height: 100%;
	background: url("//campustechnology.com/~/media/EDU/campustechnology/ct_logo_small.ashx") 20px 40px no-repeat #fff;
	background-size: 200px;
	width: 100%;
	height: 100%
}

@media (min-width: 1024px) {
.ad #mainPrestWrapper {
	display: block
}
}

@media (min-width: 1550px) {
.ad #mainPrestWrapper {
	background: url("//campustechnology.com/~/media/EDU/campustechnology/ct_logo_small.ashx") 140px 40px no-repeat #fff;
	background-size: 250px
}
}
.ad #mainPrestWrapper .prestitial {
	position: relative;
	width: 640px;
	height: 480px;
	display: block;
	margin: 150px auto
}
.ad #mainPrestWrapper a {
	position: relative;
	z-index: 10000001;
	display: block
}
.ad #mainPrestWrapper a img {
	z-index: 10000001
}
.ad #mainPrestWrapper .intro-message {
	font-size: 24px;
	font-weight: 700;
	text-align: left;
	margin: 40px 0 0 20px;
	color: #333
}

@media (min-width: 1550px) {
.ad #mainPrestWrapper .intro-message {
	margin: 40px 0 0 140px
}
}
.ad #mainPrestWrapper .adClose {
	width: auto;
	height: auto
}
.ad #mainPrestWrapper .adClose a {
	position: absolute !important;
	top: -40px;
	right: 0;
	border-radius: 4px;
	background: #000;
	font-weight: 700;
	color: #ffffff;
	padding: 15px 10px;
	display: inline-block
}
.ad #mainPrestWrapper .adClose a:hover {
	text-decoration: none
}
.ad #mainPrestWrapper .adClose2 {
	width: auto;
	height: auto
}
.ad #mainPrestWrapper .adClose2 a {
	position: absolute !important;
	bottom: -40px;
	right: 0;
	padding: 15px 10px;
	border-radius: 4px;
	font-weight: 700;
	background: #000;
	color: #ffffff;
	display: inline-block
}
.ad #mainPrestWrapper .adClose2 a:hover {
	text-decoration: none
}
.ad div[id*="prestitial"]>div:first-of-type iframe {
	display: none !important
}
footer .ad div[id*="boot_desktop"] div iframe {
	display: none !important
}
footer .ad div[id*="boot_mobile"] div iframe {
	display: none !important
}
.whatsnew .ad div[id*="promo1"] div iframe {
	display: none !important
}
.whatsnew .ad div[id*="promo2"] div iframe {
	display: none !important
}
.bottomarticles .ad div[id*="underarticlenative1"] div iframe {
	display: none !important
}
.bottomarticles .ad div[id*="underarticlenative2"] div iframe {
	display: none !important
}
.ad div[id*="dog_01"] div iframe {
	display: none !important
}
#sponsorTextLink ul li .ad div[id*='-text-'] div iframe {
	display: none !important
}
#header {
	position: relative;
	background: #efefef;
}
#header div[id*="wallpaper_left"], #header div[id*="wallpaper_right"] {
	display: none
}

@media (min-width: 1200px) {
#header div[id*="wallpaper_left"], #header div[id*="wallpaper_right"] {
	display: block;
	position: absolute;
/*	top: 110px; */
	left: -164px;
	width: 162px;
/*	margin-top: 50px; */
	z-index: 2
}
}
#header div[id*="wallpaper_right"] {
	right: -174px;
	left: auto
}
#header .special, #header .special2 {
	display: none
}

@media (min-width: 1200px) {
#header .special, #header .special2 {
	display: block;
    position: absolute;
	top: 0;
	width: 162px;
	/* margin-top: 50px */
}
}
#header .special2 {
	right: 0px
}
#header .special img, #header .special2 img {
	max-width: 100%
}
#header .special--fixed {
	position: fixed;
	top: 00px;
	bottom: auto;
	right: auto;
	width: 1070px;
	z-index: 10
}
#header .special--fixed div[id*="wallpaper_right"] {
	right: -74px;
	left: auto
}
.ticker {
	display: none;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 5px
}

@media (min-width: 800px) {
.ticker {
	display: block
}
}
.ticker .ticker #tickerWrap {
	margin-bottom: 5px
}
.dsq-brlink {
	width: 100%;
	display: block;
	margin-bottom: 25px
}
#sContent .ad {
	padding:10px 0;
}

@media (max-width: 800px) {
#sContent .ad {
	float: none
}
}
#sContent .ad img {
	width: auto
}
#sponsorTextLink h2 {
	background: none repeat scroll 0 0 rgba(0,0,0,0);
	color: #296e92;
	cursor: default;
	font-size: 1em;
	font-weight: 800;
	letter-spacing: 0.85px;
	margin: 0;
	padding: 0;
	text-transform: uppercase
}
#sponsorTextLink ul {
	background: none repeat scroll 0 0 #ebf6fb;
	border: 1px solid #deeaf0;
	float: left;
	margin: 0 0 14px;
	padding: 15px;
	width: 100%;
	font-size: .9em
}
#level0 #article .ad {
	display: block;
	text-align: center;
	margin: 0 auto;
	clear: both;
}
#level0 #article .ad+br {
	display: none
}
#level0 #article .ad div[id*="container"] {
	margin: 35px auto 20px auto;
	position: relative;
	width: 100%;
	display: block
}
#level0 #article .ad div[id*="container"]:before {
	content: "Advertisement: The article continues below.";
	font-size: 12px;
	color: #777;
	width: 100%;
	text-align: center;
	top: -23px;
	left: 0
}
.newsBriefs .DLB300 .ad, .newsBriefs .DLB300_2 .ad {
	margin: 0 auto;
	display: block;
	width: 300px
}

@media (min-width: 700px) {
.newsBriefs .DLB300 .ad, .newsBriefs .DLB300_2 .ad {
	display: none
}
}
.newsBriefs .DLB300 .ad img, .newsBriefs .DLB300_2 .ad img {
	width: 300px;
	margin: 0;
	float: none
}
.newsBriefs .DLB300 .ad div[id*="container"]:before, .newsBriefs .DLB300_2 .ad div[id*="container"]:before {
	content: "[Advertisement]";
	font-size: 12px;
	color: #777777;
	width: 100%;
	text-align: center;
	display: block;
/*  position: relative; */
	top: -4px
}
/*---.ad .dogear {
	display: none
}---*/

@media (min-width: 970px) {
.ad .dogear {
	display: block;
	position: relative;
	width: 200px;
	height: 200px;
	background-position: 100% 0%;
	background-repeat: no-repeat no-repeat;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1000
}
}
.ad .dogear img {
	max-width: none
}
.ad .dogear .link {
	position: relative;
	z-index: 300;
	width: 100%;
	height: 100%
}
.ad .dogear .link img {
	position: relative
}
.ad .dogear .initialimage {
	z-index: 2;
	position: absolute;
	top: 0;
	right: 0;
	max-width: none
}
.ad .dogear .closebutton {
	position: absolute;
	left: 20px;
	bottom: 10px;
	background: url("//thejournal.com/design/EDU/thejournal/img/close4.png") no-repeat 0 0;
	width: 86px;
	height: 103px;
	cursor: pointer;
	opacity: 0;
	z-index: 301;
	transition: opacity .2s
}
.ad .dogear .closebutton:hover {
	background-position: 0 -120px
}
.ad .dogear .active.closebutton {
	opacity: 1;
	transition: opacity 2s
}
#sitemap {
	padding: 20px
}
#sitemap ul li {
	list-style-type: none;
	background: url("../img/listitem.png") no-repeat;
	background-position: 0 13px;
	padding-left: 15px
}
#pContent .relatedSpecific {
	display: none;
	border: 1px solid #cccccc;
	margin-bottom: 15px;
	margin-top: 30px
}

@media screen and (min-width: 747px) {
#pContent .relatedSpecific {
	display: block
}
}

@media screen and (min-width: 842px) {
#pContent .relatedSpecific {
	margin-top: 10px;
	background: #efefef;
}
}
#pContent .relatedSpecific:after {
	clear: both;
	content: '';
	display: block
}
#pContent .relatedSpecific h3 {
	display: none
}
#pContent .relatedSpecific ul {
	display: table;
	cursor: pointer;
	width: 100%;
	position: relative
}
#pContent .relatedSpecific ul li {
	display: table-cell;
	width: 50%;
	font-family: 'Ubuntu', serif;
	line-height: 1.25;
	vertical-align: top
}
#pContent .relatedSpecific ul li a {
	transition: all 50ms ease-in-out;
    color: #343c8c;
    font-weight: bold;
}
#pContent .relatedSpecific ul li a:hover {
	text-decoration: underline;
	color: #043d4e
}
#pContent .relatedSpecific ul li:nth-child(1) {
	border-right: 1px solid #cccccc;
	text-align: right
}
#pContent .relatedSpecific ul li:nth-child(1) a {
	display: block;
	float: right;
	width: 100%;
	padding: 15px 15px 15px 20px
}
#pContent .relatedSpecific ul li:nth-child(1) a:before {
	display: block;
	content: '\f104';
	font-family: 'FontAwesome';
	font-size: 30px;
	height: 20px;
	width: 20px;
	float: left;
	line-height: 0;
	color: #343c8c;
	position: absolute;
	left: -5px;
	top: 49%
}
#pContent .relatedSpecific ul li:nth-child(2) a {
	display: block;
	float: left;
	width: 100%;
	padding: 15px 20px 15px 15px
}
#pContent .relatedSpecific ul li:nth-child(2) a:after {
	display: block;
	content: '\f105';
	font-family: 'FontAwesome';
	font-size: 30px;
	height: 20px;
	width: 20px;
	float: right;
	line-height: 0;
	color: #343c8c;
	position: absolute;
	right: -5px;
	top: 49%
}
.rcTitle {
	color: #1e4052;
	font-size: 43.773px;
	font-weight: 300 !important;
	margin: -100px 15px 30px 15px
}

@media screen and (min-width: 501px) {
.rcTitle {
	margin-top: 50px
}
}

@media screen and (min-width: 747px) {
.rcTitle {
	margin-top: 60px
}
}

@media screen and (min-width: 970px) {
.rcTitle {
	margin-left: 0;
	margin-right: 0
}
}
.rcTopFeature {
	margin-bottom: 43.054px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 1.5em
}

@media screen and (min-width: 970px) {
.rcTopFeature {
	margin-left: 0;
	margin-right: 0
}
}
.rcTopFeature h3 {
	color: #8c0000;
	margin-bottom: 5px;
	font-size: 0.7em
}
.rcTopFeature p:first-child {
	font-size: 0.7em
}
.rcTopFeature .featured h3 {
	color: #1e4052;
	display: block;
	font: normal 2em 'AleoBold', serif;
	line-height: 1.1
}

@media screen and (min-width: 800px) {
.rcTopFeature .featured h3 {
	font-size: 2.5em
}
}
.rcTopFeature .featured h3 .summary {
	font-size: 1.5em
}
.rcTopFeature .featured h3 a {
	color: #1e4052
}
.rcTopFeature .featured h3 a:hover {
	color: #8c0000;
	text-decoration: none
}
.rcFeatures {
	float: none;
	width: 100%
}
.rcFeatures>h3 {
	font-size: 25px;
	font-weight: 300;
	margin: 18px 0 30px
}
.rcFeatures ul li {
	margin-bottom: 29.124px
}
.rcFeatures ul li a {
	color: #1e4052;
	display: block;
	font-family: 'AleoBold', serif;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.1;
	margin-bottom: 4.876px
}
.rcFeatures p {
	clear: both
}
.rcFeatures .footer {
	text-align: right;
	margin: -30px 10px 40px 0
}
.rcFeatures .footer a {
	font-size: 1em;
	color: #57acd8
}
.rcFeatures .more a {
	font-family: 'Open Sans';
	font-size: 1em;
	color: #5f9cb9
}
.rcFeatures .more a:hover {
	text-decoration: underline
}
.sContent .trending {
	margin: 30px 0 8px 16px;
	max-width: 100%;
	position: relative;
	clear: both
}

@media screen and (min-width: 747px) {
.sContent .trending {
	max-width: 300px;
	margin: 0 0 8px 0
}
}
.sContent .trending:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.sContent .trending li {
	padding: 14px 0;
	position: relative;
	border-bottom: 2px solid #d1d0d0;
	min-height: 70px;
	vertical-align: middle
}
.sContent .trending li:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	content: '';
	height: 30px;
	background: red;
	visibility: hidden;
	transition: all 0.2s ease-in-out 0s
}
.sContent .trending li a {
	text-decoration: none;
	font-weight: 700;
	font-size: 20px;
	position: relative;
	z-index: 10;
	color: #043d4e;
	padding: 0;
	transition: all 0.2s ease-in-out 0s
}
.sContent .trending li a:hover {
	text-decoration: underline
}
.sContent .trending li:nth-child(2):before, .sContent .trending li:nth-child(3):before, .sContent .trending li:nth-child(4):before, .sContent .trending li:nth-child(5):before, .sContent .trending li:nth-child(6):before {
	display: block;
	float: left;
	height: 35px;
	width: 42px;
	font-size: 45px;
	line-height: 1;
	position: relative;
	top: 0;
	color: #343c8c;
	font-weight: 400
}
.sContent .trending li:nth-child(2):before {
	content: "1"
}
.sContent .trending li:nth-child(3):before {
	content: "2";
	padding-top: 2px;
	-khtml-opacity: 0.70;
	opacity: 0.70;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)
}
.sContent .trending li:nth-child(4):before {
	content: "3";
	padding-top: 3px;
	-khtml-opacity: 0.50;
	opacity: 0.50;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50)
}
.sContent .trending li:nth-child(5):before {
	content: "4";
	padding-top: 4px;
	-khtml-opacity: 0.30;
	opacity: 0.30;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30)
}
.sContent .trending li:nth-child(6):before {
	content: "5";
	padding-top: 5px;
	-khtml-opacity: 0.10;
	opacity: 0.10;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10)
}
.sContent .trending .title {
	color: #343c8c;
	cursor: default;
	margin: 0;
	padding: 0;
	border-bottom: none;
	text-transform: uppercase;
	background: none;
	min-height: 0;
	font: 27px/1 'Ubuntu', sans-serif
}

@media screen and (min-width: 600px) {
.sContent .trending .title {
	font-size: 36px
}
}

@media screen and (min-width: 747px) {
.sContent .trending .title {
	margin-left: 0
}
}
.sContent .trending .title h2 {
	font-weight: 800
}
#level1 #blogPost>div {
	margin-bottom: 5px
}
#level1 #blogPost>div h3 {
	font: normal 1.9em/36px 'AleoBold', serif;
	margin: 0 0 6.876px
}
#level1 #blogPost .names h3 {
	font-size: 2em;
	font-weight: 300 !important;
	margin: 29.124px 0;
	font-family: 'Open Sans', sans-serif
}
#level0 #blogPost div img {
	margin-bottom: 18px
}
#level0 #blogPost div h3 {
	color: #1e4052;
	font: normal 3.375em/60px 'AleoBold', serif;
	margin-bottom: 18px
}
#level0 #blogPost div p, #level0 #blogPost div ul, #level0 #blogPost div ol {
	color: #445d6b;
	font-size: 1em;
	letter-spacing: -0.5px;
	line-height: 1.5;
	margin-bottom: 5px
}
#level0 #blogPost div p:last-of-type {
	background: none repeat scroll 0 0 #f7f9f9;
	border: 1px solid #e9eff4;
	color: #043d4e;
	margin: 16.720px 0;
	padding: 15px
}
#level0 #blogPost .names h3 {
	font-size: 2em;
	font-weight: 300 !important;
	margin: 29.124px 0;
	font-family: 'Open Sans', sans-serif
}
#article .aboutAuthor {
	color: #043d4e;
	border-top: 1px solid #ccc;
	padding: 10px;
	overflow: hidden;
}

@media screen and (min-width: 500px) {
#article .aboutAuthor {
	padding: 15px 0;
}
}
#article .aboutAuthor p, #article .aboutAuthor p+p {
	font-size: 1em !important;
}
#article .aboutAuthor .author {
	font-weight: 700;
	font-size: 1em;
	border: none !important;
	margin-bottom: 5px !important
}
#article .aboutAuthor img {
	padding-right: 10px
}
#article .aboutAuthor table {
	margin-left: 0
}
#article .aboutAuthor table td {
	padding: 0
}
#emailtoauthor h3 {
	color: #1e4052;
	font-size: 43.773px;
	font-weight: 300 !important;
	margin: 29.124px 0
}
#emailtoauthor input[type="text"] {
	margin: 0 0 11.125px
}
.L1CommonDLB li {
	margin-bottom: 43.773px
}
.L1CommonDLB h4 {
	font-size: 2em;
	font-weight: 300 !important;
	margin: 29.124px 0
}
.L1CommonDLB .section {
	color: #8c0000;
	font-size: 0.75em;
	font-weight: 700;
	letter-spacing: 0.5px;
	margin: 18px 0 4.25px 0
}
.L1CommonDLB h3 {
	font: normal 1.9em/36px 'AleoBold', serif;
	margin: 0 0 6.876px 0
}
.L1CommonDLB h3 a {
	color: #043d4e;
	text-decoration: none
}
.L1CommonDLB h3 a:hover {
	color: #8c0000
}
.L1CommonDLB .dlb_byline {
	color: #b1b8bb;
	font-size: .9em;
	margin: 0 0 6.387px 0
}
.L1CommonDLB .dlb_byline a {
	color: #b1b8bb;
	text-decoration: none
}
.L1CommonDLB img {
	float: left;
	margin: 0 16.720px 0 0
}
.L1CommonDLB .summary {
	color: #043d4e;
	font-size: .9em;
	line-height: 20px
}
.L1CommonDLB .more a {
	color: #5f9cb9;
	text-decoration: none
}
.L1CommonDLB .more a:hover {
	text-decoration: underline
}
#social_share {
	margin: 11.125px 0 0 0
}
#social_share:after {
	clear: both;
	display: block;
	content: ''
}
#social_share .ss {
	float: left;
	margin-right: 1%
}
.listBoxDynamic li:after {
	clear: both;
	content: '';
	display: block
}
.listBoxDynamic img {
	
	float: left;
	margin: 0 15px 20px 0
}
.articleFeedback {
	margin: 20px 0 20px 20px;
	font-size: 0.75em;
	font-weight: 600;
	float: none;
	width: 140px;
	clear: both
}

@media screen and (min-width: 500px) {
.articleFeedback {
	margin: 0px 0 20px 20px
}
}

@media screen and (min-width: 600px) {
.articleFeedback {
	margin: 10px 0 0;
    /* float: left; */
    width: 130px;
    text-align: right;
}
}

@media screen and (min-width: 980px) {
.articleFeedback {
	margin-top: -5px;
	margin-left: 0;
	float: right;
	width: 20%;
	text-align: right
}
}
.articleFeedback li {
	display: block
}
.articleFeedback a {
	color: #8c0000;
	text-decoration: none
}
.articleFeedback a:hover {
	text-decoration: underline
}
.articleFeedback .intprint {
	position: relative;
	margin-right: 0;
	margin-left: 0;
	padding-left: 10px
}
.articleFeedback .intprint:before {
	font-family: 'FontAwesome';
	display: block;
	content: '\f02f';
	font-size: 14px;
	color: #8c0000;
	left: -17px;
	position: absolute;
	top: -2px
}

@media screen and (min-width: 600px) {
.articleFeedback .intprint:before {
	left: 5px
}
}

@media screen and (min-width: 980px) {
.articleFeedback .intprint:before {
	left: -3px
}
}
.articleFeedback .intsend {
	position: relative;
	margin-right: 7px;
	padding-left: 10px
}
.articleFeedback .intsend:before {
	font-family: 'FontAwesome';
	display: block;
	content: '\f003';
	font-size: 14px;
	color: #8c0000;
	left: -17px;
	position: absolute;
	top: -2px
}

@media screen and (min-width: 600px) {
.articleFeedback .intsend:before {
	left: 5px
}
}

@media screen and (min-width: 980px) {
.articleFeedback .intsend:before {
	left: -3px
}
}
.sideshare {
	position: absolute;
	top: 0;
	left: 0;
	display: none
}
#level1 #research div {
	margin: 15px 0 15px;
    border-bottom: 1px solid #cccccc;
    padding: 0 0 15px;
}
#level1 #research div:after {
	clear: both;
	content: '';
	display: block
}
#level1 #research img {
	float: left;
    margin: 0 20px 0 0;
    max-width: 150px;
    width: 100%;
}
#level1 #research .title {
	display: block;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 5px;
}
#level1 #research .title a {
	color: #043d4e
}
#level1 #research strong {
	font-weight: 400
}
#level1 #research ul {
	clear: right;
	float: right;
	left: -27px;
	list-style-type: none;
	margin-left: 12px;
	position: relative;
	width: 55%;
	font-size: .9em
}
#level1 #research ul li {
	list-style-type: none;
	background: url("../img/listitem.png") no-repeat;
	background-position: 0 8px;
	padding-left: 15px;
	margin-bottom: 3.947px
}
#calEvents {
	padding: 0 10px;
}
#calEvents h2 {
	color: #d68f0d;
    font-size: 20px;
    font-weight: 700;
    margin: 30px 0 15px;
    text-transform: uppercase;
}
#calEvents>div {
	margin-bottom: 20px
}
#calEvents>div:after {
	clear: both;
	content: '';
	display: block
}
#calEvents .eventDate {
	background: #043d4e;
	color: #ffffff;
	padding: 10px;
	float: left;
	clear: none;
	font-weight: 700
}
#calEvents .info {
	float: right;
	width: 75%;
	clear: none;
	padding: 0 0 10px;
}
#calEvents .info h3 {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	margin: 0;
}
#calEvents .info h3 .info h3 a {
	color: #043d4e
}
#calEvents .venue {
	margin: 0 0 10px;
	color: #777;
	display: inline-block;
	position: static;
}
#calEvents .location {
	color: #777;
	margin-right: 18px;
	font-weight: bold;
	padding: 5px 0 0;
}
#calEvents .summary {
	clear: both
}
.imageCap {
	float: right;
    margin: 14px 0 5px 20px;
    width: 100%;
    max-width: 300px;
}
.imageCap img {
	margin: 10px 0
}
.imageCap p {
	font-size: 0.8em !important;
	line-height: 20px !important;
	color: #777;
}
@media screen and (max-width: 600px){
.imageCap {
	float: none;
}
.imageCap.fullWidth {
	float: none;
	margin-left: 0
}
	
}
.callout {
	background: none repeat scroll 0 0 #f6f6f6;
	border-radius: 2px;
	box-shadow: 0 4px 2px -2px rgba(0,0,0,0.3);
	float: right;
	font-size: 0.8em;
	padding: 11.125px;
	width: 220px;
	font-size: 0.9em;
	margin: 5px 0 15px;
	padding: 15px;
	width: 100%;
	float: none
}

@media screen and (min-width: 800px) {
.callout {
	width: 100%;
}
}
.callout h3 {
	color: #777777;
	font-weight: 700 !important;
	line-height: 1.5;
	margin: 0 0 8px !important;
	text-transform: uppercase
}
.callout p, .callout ul, .callout ol {
	color: #777777;
	line-height: 1.5 !important
}
.calloutImgLeft {
	background: none repeat scroll 0 0 #f6f6f6;
	border-radius: 2px;
	box-shadow: 0 4px 2px -2px rgba(0,0,0,0.3);
	float: right;
	font-size: 0.85em;
	padding: 11.125px;
	width: 220px;
	float: none;
	width: 100%;
	margin: 0 20px 20px 0
}

@media screen and (min-width: 800px) {
.calloutImgLeft {
	width: 220px;
	float: left
}
}
.calloutImgLeft h3 {
	color: #777777;
	margin: 0 0 7px
}
.calloutImgLeft img {
	margin: 0 0 7px
}
.calloutImgLeft p {
	color: #777777;
	line-height: 1.5 !important
}
.calloutImgLeftHalf {
	background: none repeat scroll 0 0 #f6f6f6;
	border-radius: 2px;
	box-shadow: 0 4px 2px -2px rgba(0,0,0,0.3);
	float: right;
	font-size: 0.85em;
	padding: 11.125px;
	width: 220px;
	float: none;
	width: 100%;
	margin: 0 20px 20px 0
}

@media screen and (min-width: 800px) {
.calloutImgLeftHalf {
	width: 50%;
	float: left
}
}
.calloutImgLeftHalf h3 {
	color: #777777;
	margin: 0 0 7px
}
.calloutImgLeftHalf img {
	margin: 0 0 7px
}
.calloutImgLeftHalf p {
	color: #777777;
	line-height: 1.5 !important
}
.calloutImgRight {
	background: none repeat scroll 0 0 #f6f6f6;
	border-radius: 2px;
	box-shadow: 0 4px 2px -2px rgba(0,0,0,0.3);
	float: right;
	font-size: 0.85em;
	padding: 11.125px;
	width: 220px;
	margin: 0 0 20px 0;
	float: none;
	width: 100%
}

@media screen and (min-width: 800px) {
.calloutImgRight {
	width: 220px;
	float: right;
	margin-left: 12px
}
}
.calloutImgRight h3 {
	color: #777777;
	margin: 0 0 7px
}
.calloutImgRight img {
	margin: 0 0 7px
}
.calloutImgRight p {
	color: #777777;
	line-height: 1.5 !important
}
.calloutImgRightHalf {
	background: none repeat scroll 0 0 #f6f6f6;
	border-radius: 2px;
	box-shadow: 0 4px 2px -2px rgba(0,0,0,0.3);
	float: right;
	font-size: 0.85em;
	padding: 11.125px;
	width: 220px;
	margin: 0 0 20px 0;
	float: none;
	width: 100%
}

@media screen and (min-width: 800px) {
.calloutImgRightHalf {
	width: 50%;
	float: right;
	margin-left: 12px
}
}
.calloutImgRightHalf h3 {
	color: #777777;
	margin: 0 0 7px
}
.calloutImgRightHalf img {
	margin: 0 0 7px
}
.calloutImgRightHalf p {
	color: #777777;
	line-height: 1.5 !important
}
.calloutImgFull {
	background: none repeat scroll 0 0 #f6f6f6;
	border-radius: 2px;
	box-shadow: 0 4px 2px -2px rgba(0,0,0,0.3);
	float: right;
	font-size: 0.85em;
	padding: 11.125px;
	width: 220px;
	margin: 0 0 20px 0;
	float: none;
	width: 100%
}

@media screen and (min-width: 800px) {
.calloutImgFull {
	float: right;
	margin-left: 12px
}
}
.calloutImgFull h3 {
	color: #777777;
	margin: 0 0 7px
}
.calloutImgFull img {
	margin: 0 auto 10px auto;
	display: block;
	max-width: 100%
}
.calloutImgFull p {
	color: #777777;
	line-height: 1.5 !important
}
.cite {
	border: 1px solid #fafafa;
	font-size: 0.9em;
	font-style: italic;
	padding: 15px
}
.rightFloat {
	float: right !important;
	margin: 0 0 20px 20px
}
.leftFloat {
	float: left !important;
	margin: 0 24px 20px 0
}
.sidebarhalf {
	width: 200px;
	margin: 10px 0 10px 15px;
	border-radius: 5px;
	float: right;
	border: 8px solid #343c8c
}

@media (min-width: 600px) {
.sidebarhalf {
	width: 50%
}
}
.sidebarhalf h3 {
	background-color: #343c8c;
	color: #ffffff;
	margin: 0;
	padding: 5px 0;
	font-size: 20px;
	text-align: center
}
.sidebarhalf p {
	background-color: #ffffff;
	padding: 8px 15px 2px 15px;
	font-size: 16px;
	border-radius: 5px;
	line-height: 22px
}
.sidebarhalf ul, .sidebarhalf ol {
	color: #24262a;
	line-height: 1.5 !important;
	font-size: 16px
}
.sidebarfull {
	width: 100%;
	margin: 10px 0 15px 15px;
	border-radius: 5px;
	float: right;
	border: 8px solid #343c8c
}
.sidebarfull h3 {
	background-color: #343c8c;
	color: #ffffff;
	margin: 0;
	padding: 5px 0;
	font-size: 20px;
	text-align: center
}
.sidebarfull p {
	background-color: #ffffff;
	padding: 8px 15px 2px 15px;
	font-size: 16px;
	border-radius: 5px;
	line-height: 22px
}
.sidebarfull ul, .sidebarfull ol {
	color: #24262a;
	line-height: 1.5 !important;
	font-size: 16px
}
.sidebarA {
	margin-bottom: 5px;
	margin-right: 30px;
	padding-right: 10px;
	padding-top: 7px;
	border-left: 1px solid #8c0000;
	float: none;
	width: 100%;
	margin-left: 0;
	padding-left: 10px;
	margin-right: 0
}

@media screen and (min-width: 800px) {
.sidebarA {
	max-width: 300px;
    float: left;
    margin: 20px;
    width: 100%;
}
}
.sidebarA .sidebarA:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}
.sidebarA h3 {
	font-size: 1.5em !important;
	font-weight: normal;
	margin-bottom: 5px
}
.sidebarA p {
	line-height: 1.5 !important;
	font-size: 0.9em !important
}
.sidebarA2 {
	margin-bottom: 5px;
	margin-right: 30px;
	padding-right: 10px;
	padding-top: 7px;
	border-right: 1px solid #8c0000;
	float: none;
	width: 100%
}

@media screen and (min-width: 800px) {
.sidebarA2 {
	width: 220px;
	float: left
}
}
.sidebarA2:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}
.sidebarA2 h3 {
	font-size: 1.5em !important;
	font-weight: normal;
	margin-bottom: 5px
}
.sidebarA2 p {
	line-height: 1.4 !important;
	font-size: 0.9em !important
}
.sidebarB {
	background: none repeat scroll 0 0;
	border-left: 1px solid #8c0000;
	float: right;
	width: 100%;
	margin-bottom: 5px;
	margin-left: 30px;
	padding: 11.125px
}

@media screen and (min-width: 800px) {
.sidebarB {
	max-width: 300px;
    float: right;
    margin: 20px;
    width: 100%;
}
}
.sidebarB h3 {
	font-weight: normal;
	margin-bottom: 5px
}
.sidebarB p {
	line-height: 1.4 !important;
	font-size: 0.9em !important
}
.sidebarB2 {
	margin-bottom: 5px;
	margin-right: 30px;
	padding-right: 10px;
	padding-top: 7px;
	background: none repeat scroll 0 0;
	border-right: 1px solid #8c0000;
	float: left;
	width: 100%;
	padding: 11.125px
}

@media screen and (min-width: 800px) {
.sidebarB2 {
	width: 220px;
	float: left
}
}
.sidebarB2 h3 {
	font-weight: normal;
	margin-bottom: 5px
}
.sidebarB2 p {
	line-height: 1.4 !important;
	font-size: 0.9em !important
}
table {
	margin-left: 0
}
.zebra {
	border: medium none;
	border-collapse: collapse;
	font-size: 1em;
	width: 100%
}
.zebra thead {
	background: none repeat scroll 0 0 #343c8c;
	color: #fff;
	text-align: center
}
.zebra thead tr {
	border-bottom: 1px solid #c2c2c2
}
.zebra thead tr th {
	margin: 14px 0;
	padding: 20px;
	white-space: nowrap
}
.zebra tbody tr th {
	padding: 14px
}
.zebra tbody tr td {
	padding: 7px
}
.zebra tbody tr td p, .zebra tbody tr td ul, .zebra tbody tr td ol {
	font-size: 0.9em !important;
	line-height: 1.5 !important
}
.zebra tbody tr.callout {
	border: medium none;
	box-shadow: none;
	float: none;
	font-size: 1em;
	margin: 0;
	padding: 0;
	width: 100%
}
.zebra tbody tr:nth-child(2n) {
	background: none repeat scroll 0 0 #f6f6f6
}
.zebra tbody tr:nth-child(2n) h4 {
	background: none repeat scroll 0 0 rgba(0,0,0,0)
}
#level0 #article h4 {
	font-size: 1.1em;
	font-weight: 700;
	margin: 18px 0 6.876px;
	color: #8c0000
}
#level0 #article h5 {
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 29.125px;
	margin-bottom: 4.25px
}
#level0 #article h6 {
	font-weight: 900;
	color: #8c0000
}
#level0 #whitepaper, #level0 #webcast, #level0 #research, #level0 #download {
	position: relative;
	height: auto;
	min-height: 850px;
}


@media (min-width: 970px) {
#level0 #whitepaper p, #level0 #whitepaper ul, #level0 #whitepaper ol, #level0 #whitepaper h2, #level0 #whitepaper h3, #level0 #whitepaper h4, #level0 #whitepaper h5, #level0 #whitepaper .sponsor, #level0 #whitepaper .title, #level0 #webcast p, #level0 #webcast ul, #level0 #webcast ol, #level0 #webcast h2, #level0 #webcast h3, #level0 #webcast h4, #level0 #webcast h5, #level0 #webcast .sponsor, #level0 #webcast .title,#level0 #research p, #level0 #research ul, #level0 #research ol, #level0 #research h2, #level0 #research h3, #level0 #research h4, #level0 #research h5, #level0 #research .sponsor, #level0 #download .title, #level0 #download p, #level0 #download ul, #level0 #download ol, #level0 #download h2, #level0 #download h3, #level0 #download h4, #level0 #download h5, #level0 #download .sponsor, #level0 #download .title {
	width: 100%;
    max-width: 575px;
}	
}
#level0 #whitepaper .formContent, #level0 #webcast .formContent, #level0 #research .formContent, #level0 #download .formContent {
	background: #efefef;
	margin: 10px;
	padding: 10px 20px 20px 20px;
	max-width: 500px;
	border:1px solid #ddd;
}

@media (min-width: 970px) {
#level0 #whitepaper .formContent, #level0 #webcast .formContent, #level0 #research .formContent, #level0 #download .formContent  {
	width: 350px;
    position: absolute;
    right: 0;
    top: 0;
	border:1px solid #ddd;
	margin: 0;
}
}
#level0 #whitepaper .formContent:after, #level0 #webcast .formContent:after, #level0 #research .formContent:after, #level0 #download .formContent:after {
	content: '* Required Fields';
	font-weight: bold;
	color: red;
	margin-left: -1px;
	display: block;
	font-size: 13px;
	margin-top: 15px
}
#level0 #whitepaper .formContent div:nth-child(1), #level0 #webcast .formContent div:nth-child(1), #level0 #research .formContent div:nth-child(1), #level0 #download .formContent div:nth-child(1) {
	padding-top: 10px !important
}
#level0 #whitepaper .formContent>div>label span.required:after, #level0 #webcast .formContent>div>label span.required:after, #level0 #research.formContent>div>label span.required:after, #level0 #download .formContent>div>label span.required:after {
	content: '*  ';
	color: red;
	margin: 0 0 0 2px;
}
#level0 #whitepaper .formContent label, #level0 #webcast .formContent label, #level0 #research .formContent label, #level0 #download .formContent label {
	max-width: 450px;
	display: block;
	margin-bottom: 10px
}
#level0 #whitepaper .formContent label input, #level0 #webcast .formContent label input, #level0 #research .formContent label input,#level0 #download .formContent label input {
	float: none;
	width: 100%;
	font-weight: normal;
	height: 25px;
	padding:5px;
}

@media (min-width: 500px) {
#level0 #whitepaper .formContent label input, #level0 #webcast .formContent label input, #level0 #research .formContent label input, #level0 #download .formContent label input {
	float: right;
	width: 60%;
	border: 1px solid #ccc;
}
}
#level0 #whitepaper .formContent label span span.label, #level0 #webcast .formContent label span span.label, #level0 #research .formContent label span span.label, #level0 #download .formContent label span span.label {
	float: left;
	width: 100%;
	margin-bottom: -7px
}
#level0 #whitepaper .formContent label input[type="radio"], #level0 #webcast .formContent label input[type="radio"], #level0 #research .formContent label input[type="radio"], #level0 #download .formContent label input[type="radio"] {
	float: left;
	width: 9px;
	height: 13px;
	margin-top: 5px;
	margin-left: 1px;
	margin-right: 7px
}
#level0 #whitepaper .formContent label select, #level0 #webcast .formContent label select, #level0 #research .formContent label select, #level0 #download .formContent label select {
	float: none;
    width: 100%;
    margin: 5px 0 0;
    height: 25px;
	border: 1px solid #ccc;
}
#level0 #whitepaper .formContent textarea, #level0 #whitepaper .formContent .multiText, #level0 #webcast .formContent textarea, #level0 #webcast .formContent .multiText, #level0 #research .formContent textarea, #level0 #research .formContent .multiText, #level0 #download.formContent textarea, #level0 #download .formContent .multiText {
	min-height: 40px;
	float: none;
	width: 100%;
	border: 1px solid #ccc;
	resize: none
}
#level0 #whitepaper .formContent input[type="checkbox"], #level0 #webcast .formContent input[type="checkbox"], #level0 #research .formContent input[type="checkbox"], #level0 #download .formContent input[type="checkbox"] {
	float: left;
	margin: 0 4px -3px 0;
	border: none !important;
	width: auto
}

@media (min-width: 600px) {
#level0 #whitepaper .formContent input[type="checkbox"], #level0 #webcast .formContent input[type="checkbox"], #level0 #research.formContent input[type="checkbox"],#level0 #download.formContent input[type="checkbox"] {
	margin: -2px 8px 2px 0px
}
}
#level0 #whitepaper .formContent .other input, #level0 #webcast .formContent .other input, #level0 #research .formContent .other input, #level0 #download .formContent .other input  {
	width: 70%
}
#level0 #whitepaper .formContent .other span, #level0 #webcast .formContent .other span, #level0 #research .formContent .other span, #level0 #download .formContent .other span {
	margin-right: 5px
}
#level0 #whitepaper .formContent span, #level0 #webcast .formContent span, #level0 #research .formContent span, #level0 #download .formContent span {
	font-size: 13px;
	font-weight: 700;
	display: inline-block;
	color: #043d4e;
}
#level0 #whitepaper .formContent .lcstextblock, #level0 #webcast .formContent .lcstextblock, #level0 #download .formContent .lcstextblock {
	font-weight: 400;
	padding-bottom: 15px
}
#level0 #whitepaper .formContent .formDisclosure, #level0 #webcast .formContent .formDisclosure, #level0 #research .formContent .formDisclosure, #level0 #download .formContent .formDisclosure {
	clear: both
}
#level0 #whitepaper .formContent .formDisclosure p, #level0 #webcast .formContent .formDisclosure p, #level0 #research .formContent .formDisclosure p, #level0 #download .formContent .formDisclosure p {
	line-height: 1.2 !important;
	font-size: 13px !important;
	font-style: italic;
	width: 100%;
	color: #777
}
#level0 #whitepaper .formContent .formDisclosure a, #level0 #webcast .formContent .formDisclosure a, #level0 #research .formContent .formDisclosure a, #level0 #download .formContent .formDisclosure a {
	font-size: 13px;
	font-weight: 700;
	text-decoration: underline;
}
#level0 #whitepaper .formContent input[type="submit"], #level0 #webcast .formContent input[type="submit"], #level0 #research .formContent input[type="submit"], #level0 #download .formContent input[type="submit"] {
	background: #8c0000;
	color: #fff;
	border: 0;
	padding: 12px 17px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer
}
#level0 #whitepaper .formContent input[type="submit"]:hover, #level0 #webcast .formContent input[type="submit"]:hover, #level0 #research .formContent input[type="submit"]:hover, #level0 #download .formContent input[type="submit"]:hover {
	background: #043d4e
}
#level0 #whitepaper .formContent .validationErrors li, #level0 #webcast .formContent .validationErrors li, #level0 #research .formContent .validationErrors li, #level0 #download .formContent .validationErrors li {
	list-style-type: none !important
}
#level0 #whitepaper .formContent .validationErrors .error, #level0 #webcast .formContent .validationErrors .error, #level0 #research .formContent .validationErrors .error, #level0 #download .formContent .validationErrors .error {
	width: 320px;
	padding: 0;
	margin: 0 0 4px -28px;
	list-style-type: none;
	border: 0;
	color: red;
	font-weight: bold;
	background: transparent;
	font-size: 12px;
	line-height: 1.4
}
.socialIcons {
	position: absolute;
	line-height: 0;
	height: 16px;
	z-index: 2;
	top: 10px;
}

@media (min-width: 918px) {
.socialIcons {
	display: inline-block;
	top: 110px;
	left: 86%
}
}
.socialIcons ul {
	padding: 0;
	margin: 0;
	height: 16px;
	text-align: center
}
.socialIcons ul li {
	display: inline-block;
	max-height: 16px;
	max-width: 16px;
	width: 100%;
	transition: -webkit-transform 0.4s ease-out;
	transition: transform 0.4s ease-out;
	transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
	padding: 0;
	margin: 0 7%
}
.socialIcons a {
	height: 16px;
	width: 16px
}
.socialIcons img {
	width: 100%;
	height: 100%
}
.socialIcons span {
	width: 30px;
	height: 30px;
	display: block;
	background: #343c8c
}
.socialIcons span:hover {
	background: #8c0000;
	transition: linear 0.3s;
	text-decoration:none;
}
#sharePage {
	display: none
}
#share {
	margin-top: 5px
}

@media (min-width: 980px) {
#share {
	margin-top: -20px
}
}
.jssocials-shares {
	margin: 0.2em 0
}
.jssocials-shares * {
	box-sizing: border-box
}
.jssocials-share {
	display: inline-block;
	vertical-align: top;
	margin: 0.2em 0.6em 0.6em 0
}
.jssocials-share:last-child {
	margin-right: 0
}
.jssocials-share-logo {
	width: 1em;
	vertical-align: middle;
	font-size: 1.5em
}
img.jssocials-share-logo {
	width: auto;
	height: 1em
}
#level0 #article a.jssocials-share-link {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 1
}
#level0 #article a.jssocials-share-link:hover {
	text-decoration: none !important;
}
.jssocials-share-link.jssocials-share-link-count {
	padding-top: .2em
}
.jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
	display: block;
	font-size: .6em;
	margin: 0 -.5em -.8em -.5em
}
.jssocials-share-link.jssocials-share-no-count {
	padding-top: .5em
}
.jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
	height: 1em
}
.jssocials-share-label {
	padding-left: 0.2em;
	vertical-align: middle
}
.jssocials-share-count-box {
	display: inline-block;
	padding: 0 0.1em;
	line-height: 1;
	vertical-align: middle;
	cursor: default;
	padding-top: 5px
}
.jssocials-share-count-box .jssocials-share-count {
	line-height: 0;
	font-size: 14px;
	color: #444
}
.jssocials-share-count-box.jssocials-share-no-count {
	display: none
}
.jssocials-share-facebook .jssocials-share-label {
	padding-left: 0
}
.jssocials-share-twitter .jssocials-share-label {
	padding-left: 3px
}
.jssocials-share-twitter .jssocials-share-logo {
	margin-top: 1px
}
.jssocials-share-twitter .jssocials-share-logo, .jssocials-share-googleplus .jssocials-share-logo, .jssocials-share-linkedin .jssocials-share-logo, .jssocials-share-facebook .jssocials-share-logo {
	color: #343c8c;
	font-size: 18px
}
.jssocials-share-twitter .jssocials-share-logo:hover, .jssocials-share-googleplus .jssocials-share-logo:hover, .jssocials-share-linkedin .jssocials-share-logo:hover, .jssocials-share-facebook .jssocials-share-logo:hover {
	color: #8c0000;
	text-decoration: none;
}
.twitter-container {
	max-width: 590px;
	padding: 30px 5%;
	margin: 0 auto !important
}

@media screen and (min-width: 600px) {
.twitter-container {
	padding: 0 5% 30px 5%
}
}
.twitter-inner {
	max-width: 520px;
	margin: 0 auto
}
.xContent #twitter-widget-0 {
	width: 100% !important
}
#rssFeed {
	padding: 0 0 40px 30px;
	display: none
}
#rssFeed ul {
	list-style-type: none;
	padding: 0;
	margin: 0
}
#rssFeed li {
	padding: 0.5em 0 0.5em 28px;
	background: url(../img/rss.png) no-repeat 0% 50%
}
#rssFeed a {
	font-weight: bold
}
.custom404 h2 {
	font-size: 2.5em;
	font-weight: 600 !important;
	margin: 29.124px 0;
	font-family: 'Noto Sans', sans-serif
}
.custom404 p {
	margin: 0 0 11.125px 0;
	color: #043d4e;
	font-size: 1em;
	line-height: 1.5;
	margin-bottom: 5px;
	letter-spacing: -.5px
}
.custom404 ul {
	margin-left: 12px;
	margin: 0 0 11.125px 0
}
.custom404 ul li {
	list-style-type: none;
	background: url("../img/listitem.png") no-repeat;
	background-position: 0 13px;
	padding-left: 15px
}

/* NAVMAIN
--------------------------------*/
.navmain {right: 0px;height: 40px;background: #8c0000;width: 100%;max-width:970px;z-index:99999; display: inline-block}
.navmain ul {margin: 10px 0 0 25px;}
.navmain .topnavlist li a {font-size: 24px;font-weight: 300; color:#8c0000;
letter-spacing: 0.04em;}
.navmain .topnavlist li.last a {border: 0px none;}
.navmain .topnavlist li a:hover {color: #ccc;} 
.navmain .topnavlist br.clear {display: none;}

.navmain .topnavlist li.highlight a {color: #fff;position: relative;text-decoration: none;z-index:9999;background:#560202;padding: 5px 10px !important}

.navmain .topnavlist li a {font-size: .95em;font-weight: bold;color: #ffffff;text-decoration:none; padding:5px 18px 10px;letter-spacing:-.01em; white-space: nowrap;}
.navmain .topnavlist ul li ul li a {font-size: .95em;font-weight: bold;color: #ffffff;text-decoration:none; padding:5px 10px 10px;letter-spacing:-.01em; white-space: nowrap;}
.navmain .topnavlist li {margin: 0;padding: 0 4px;display: inline-block;}
.navmain .topnavlist li ul,
.navmain .topnavlist ul li  {width: auto;}
.navmain .topnavlist li ul li {margin: 0;padding: 5px 0;border: 0; display:block;text-align:left;border-bottom: 1px solid #ddd;}
.navmain .topnavlist li ul li ul li {margin: 0;padding: 5px 0;border: 0; display:block;text-align:left;border-bottom: 1px solid #bbb;}
.navmain .topnavlist li.sub ul li.last {border-bottom: none;}
.navmain.topnavlist ul li a  {margin: 0;padding: 6px 8px;display: block;border: 0;color: #333;font-weight: 300;text-transform: none;}
.navmain .topnavlist li ul {position: absolute;z-index: 99999;margin:8px 0 0;padding: 0 0 5px;display: none;background: #efefef;box-shadow:  3px 3px 3px #999;min-width: 150px;}
.navmain .topnavlist li ul li.sub ul {position: absolute; z-index: 99999;left: 100%; width: 250px; margin:-23px 0 0;padding: 0 0 5px;display: none;background: #cccccc;}
.navmain .topnavlist li.last ul li.sub ul {right: 100%;left: inherit;box-shadow: -3px 3px 6px #555;width: auto;}
.navmain .topnavlist ul li a:link {text-decoration: none !important;padding: 5px 10px 5px 20px;}
.navmain .topnavlist li:hover a,
.navmain .topnavlist a:focus,
.navmain .topnavlist a:active,
.navmain .topnavlist li.over a {color: #8c0000;position: relative;text-decoration: none;z-index:9999;background:#efefef;}
.navmain .topnavlist li:hover ul,
.navmain .topnavlist li.over ul {display: block;}
.navmain .topnavlist li ul li:hover ul,
.navmain .topnavlist li ul li.over ul {display: block;}
.navmain .topnavlist li.last:hover ul,
.navmain .topnavlist li.nudge:hover ul {right: auto;}
.navmain .topnavlist li:hover ul a,
.navmain .topnavlist li.over ul a {font-size: 12px; color: #043d4e;background-color: transparent;font-weight: 700;}
.navmain .topnavlist ul a:hover {color: #8c0000 !important; text-decoration:underline;}
.navmain .topnavlist li.selected a {font-weight:700;}
.navmain.sb-style-overlay .topnavlist li.selected a {background: none;}
.navmain .topnavlist li.selected a:hover {color: #8c0000;text-decoration:none;}
.navmain .topnavlist li.last {border: none;}
.navmain .topnavlist li.last {border: none;}

@media screen and (max-width: 800px) {
	.navmain { height:auto;}
	.navmain ul {margin: 10px 5px 0;}
	.navmain .topnavlist li {margin: 0 0 15px;display: inline-block;}
	.navmain .topnavlist li a {font-size: .9em;}
}
@media screen and (max-width: 900px) {
	.navmain .topnavlist li a {padding: 5px 7px 10px;}
}

/* TRENDING
--------------------------------*/
.trending {display:inline-block;z-index:00001;height: 40px;background-image: linear-gradient(#efefef, #cccccc);;width: 970px;max-width:100%;}
.trending ul {margin: 10px 0 0 44px;z-index: 99999;}
.trending .topnavlist li {margin: 5px 8px 0 0;padding: 0;display: inline-block;}
.trending .topnavlist li a {font-size: 24px;font-weight: 300; color:#8c0000;letter-spacing: 0.04em;}
.trending .topnavlist li.last a {border: 0px none;padding:5px;}
.trending .topnavlist li a:hover {color: #343c8c;}
.trending .topnavlist br.clear {display: none;}
.trending .topnavlist li a {font-size: .8em;font-weight: bold;color: #043d4e;text-decoration:none; padding:0 5px;letter-spacing:-.01em;}
.trending .topnavlist li {margin: 0 0 5px;padding: 0 5px;display: inline-block;border-right: 1px solid #999;}
.trending .topnavlist li.title {color:#8c0000; font-size:13px;border-right:none;}
.trending .topnavlist li ul,
.trending .topnavlist ul li  {width: auto;}
.trending .topnavlist li ul li {margin: 0;padding: 5px;border: 0;background: #fff; display:block;text-align:left;}	
.trending.topnavlist ul li a  {margin: 0;padding: 6px 8px;display: block;border: 0;color: #333;font-weight: 300;text-transform: none;}
.trending .topnavlist li ul {position: absolute;z-index: 3000;margin:4px 0;padding: 5px;display: none;background: #fff;}
.trending .topnavlist ul li a:link {color: #043d4e;}
.trending .topnavlist li:hover a,
.trending .topnavlist a:focus,
.trending .topnavlist a:active,
.trending .topnavlist li.over a {color: #343c8c;position: relative;text-decoration: underline;z-index:9999;}
.trending .topnavlist li:hover ul,
.trending .topnavlist li.over ul {display: block;}
.trending .topnavlist li.last:hover ul,
.trending .topnavlist li.nudge:hover ul {right: 0;}
.trending .topnavlist li:hover ul a,
.trending .topnavlist li.over ul a {color: #333;background-color: transparent;font-weight: 300;}
.trending .topnavlist ul a:hover {color: #437479 !important; text-decoration:underline;}
.trending .topnavlist li.selected a {color: #fff;text-decoration:none;padding:5px;background: #343c8c;}
.trending.sb-style-overlay .topnavlist li.selected a {background: none;}
.trending .topnavlist li.last {border-right: none;}
@media screen and (max-width: 900px) {
	.trending {height:auto;}
}

@media screen and (max-width: 800px) {
	.trending {display:none;}
}

/* MINI NEWSLETTER SUB FORMS
--------------------------------*/
.NLregform {margin: 10px 0;padding: 0 0 10px;position: relative;background-color: #8c0000;border: 4px solid #B41924;width: auto;font-size: 100%;}
.enl h3 {margin: 0 0 2px;padding: 5px 10px;line-height: 1;display: block;background: #B41924;font-weight: 100;color: #fff;font-size: 16px;border: 0;background: #B41924 url("../img/icon-news.png") no-repeat 98% 3px;}
.enl h3 span {font-weight: 900;display: block;color: #fff;font-size: 22px;text-transform: uppercase;}
.enl p {margin: 0;padding: 5px 10px 0;font-weight: 500;color: #fff;font-size:14px;}
.enlform {position:relative;}
.enl .error {margin: 10px !important;padding: 10px 5px;font-size: 12px;background-color: #333;border: 0;color: #fff;font-weight: 500;}
#FormSent {margin: 10px;padding: 10px;}
#dvForm {margin: 10px;padding: 0;border-color: #ddd;color: #fff;}
.formlabel,.formLabel {margin-bottom: 4px;}
.formLabel label {cursor:default!important;}
#dvForm input,#dvForm select {padding: 4px;color: #555;width: 245px;border: 1px solid #fff;}
#dvForm select {width:255px;}
#dvForm label {display: block;font-weight: 500;line-height: 1.3;width: 66% !important;color: #fff;font-size:14px;letter-spacing: .04em;}
.signupIntro {margin: 10px 0 0 12px;font-size: 1em;}
.enl div.newsletterPrivacyPolicy {margin: 0 0 0 10px;padding: 0;font-size: 12px;line-height: 1;color: #fff;}
.newsletterPrivacyPolicy a {color: #ccc;text-decoration: underline;}
.newsletterPrivacyPolicy a:hover {text-decoration: underline;color: #fff;}
.userEntry input,.userEntry select {font-size: 14px;}
.userEntry input {}
#dvForm input[type="button"] {margin: 8px 0;display: block;background: #ccc;border: 1px solid #ccc;border-radius: 4px;font-size: 14px;text-transform: uppercase;color: #000;font-weight: 500;cursor: pointer;}
#dvForm input[type="button"]:hover {background: #eee;border: 1px solid #eee;}
#dvForm input[type="button"]:after {clear: both;content: '';display: block;}

/* Safari */
#dvForm label:not(*:root) {font-size: 14px;font-weight: 700;}
.enl h3:not(*:root) {font-weight: 500;font-size: 16px;border:}

.dlb_center ul {margin: 10px 0 0 0;}
.dlb_center ul li {position: relative;float: left;width: 48.7%;margin: 12px 6px 8px 6px;;border: 2px solid #efefef;}
.dlb_center ul li {-webkit-transition: all 500ms;-webkit-backface-visibility: hidden;-moz-transition: all 500ms;-ms-transition: all 500ms;-o-transition: all 500ms;transition: all 500ms;list-style: none;}
.pContent .dlb_center ul li {background: #043d4e;}
.pContent .dlb_center ul li:hover {background: #043d4e;}
.dlb_center ul li a img {margin: 0;display: block;
    object-fit: cover;
    width: 100%;
    height: 200px;}
.dlb_center ul li.featured a img {margin: 0;display: block;
    object-fit: cover;
    width: 100%;
    height: 300px;}
.dlb_center ul li div.section {
	    position: absolute;
    padding: 4px;
    right: 0;
    background: #343c8c;
    margin: 7px;
    color: #fff;
    font-size: .7em;
    font-weight: 700;
    text-transform: uppercase;
}
.dlb_center ul li a {margin-top: 0; padding: 7px;border: 0; word-spacing: -1px; font-size: 20px; color: #000000; text-decoration: none; text-transform: none; font-weight: 400; display: block; line-height: 1.2em; letter-spacing: 0px;}
.dlb_center ul li h3 a {
	color: #fff;
    font-size: 1.5em;
	font-weight: bold;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 100px 20px 20px !important;
    background: transparent linear-gradient(to bottom, transparent, #000) repeat scroll 0% 0%;

}
.dlb_center ul li a:first-of-type {padding: 0;}
.dlb_center ul:hover > li {opacity: 0.5;-webkit-transition: all 500ms;-webkit-backface-visibility: hidden;-moz-transition: all 500ms;-ms-transition: all 500ms;-o-transition: all 500ms;transition: all 500ms;}
.dlb_center ul:hover > li:hover {opacity: 1.0;}
.dlb_center ul:hover > li:hover a {color: #ffffff; text-decoration: underline}
.pContent .dlb_center ul:hover > li:hover a {color: #ffffff;}
.dlb_center ul li:nth-of-type(odd){margin-right: 0;}
.dlb_center ul li.featured {float: none;width: 98.7%;margin: 17px 0 0;left: 6px; }
.dlb_center ul li.featured h3 a {color: #fff;
	font-size:2.5em;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 100px 20px 20px;
    background: transparent linear-gradient(to bottom, transparent, #000) repeat scroll 0% 0%;}
.dlb_center p.kicker{margin: 0;padding:4px;line-height: 1.2em;color: #fff;font-weight: 500;font-size: 12px;width: 73px;height: 15px;text-align: left;position:absolute;top:0;left:0px;background:transparent url("../img/bg-sponsored.png") no-repeat 0 0;}
.dlb_center .pagination {
	display: none;
}

#level0 #product .ShowcaseSummary, #level0 #article .ShowcaseSummary {
    margin: 10px 0 10px;
    padding: 10px;
    border: 1px solid #ccc;
    clear: both;
	font-size: 15px !important;
	
}
#product div .ShowcaseSummary h4, #article .ShowcaseSummary h4 {
    border: 0;
    margin: 0 0 7px !important;
    padding: 0;
	color: #8c0000;
	font-size: 1.2em !important;
}
#pContent .boxB {
	margin:10px 0 20px;
}
#pContent .boxB h3 {
	font-size:.9em;
	color: #cccccc;
	padding: 0 0 5px 5px;
	text-transform: uppercase;
}
#pContent .boxB p {
	padding: 5px 0 5px 5px;
}
#pContent .k12 {
	margin: -100px 0 15px -15px;
    background: #fff;
    padding: 5px -10px 0 -10px;
    /*---position: absolute;---*/
	display: inline-block
}
#pContent .k12 h3 {
	font-size: 27px;
	padding: 10px 15px 0;
	color: #343c8c;
	margin:0 0 -5px;
}
#pContent .k12 p {
	padding: 0 15px 5px;
}
#sContent .boxB {
	margin:20px 0 0;
	padding: 10px;
	background: #efefef;

}
#sContent .boxB h3 {
	color: #cccccc;
	padding: 0 0 5px 5px;
}
#sContent .boxB p {
	padding: 5px 0 5px 5px;
}
#download {
	margin: 20px 0;
}
#download ul li {
 	list-style: disc;
	list-position: inside !important;
}
#download ul {
 	margin:5px 0 20px 30px;
	float:left;
	width: 300px !important;
}
#download>div {
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
	padding-bottom: 15px
}
#download>div:after {
	clear: both;
	content: '';
	display: block
}
#download .title {
	display: block;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2;
	margin: 10px 0
}
#download .title a {
	color: #043d4e
}
#download .date {
	font-size: .9em !important;
	color: #777;
	font-weight: 400;
	margin: 0 0 5px;
}
#download .summary {
	font-size: 1em;
	color: 043d4e
}
#download img {
	float: right;
	margin: 0 0 20px 20px;
}
#download .sponsor {
	font-size: 1em;
	font-weight: 700
}
#download .sponsor img {
	display: none
}
#level0 #download, #level1 #download {
	padding: 0 10px;
	margin: 15px 0
}
/*#level0 #download div, #level1 #download div {
	border: 0
}*/
#level0 #download img, #level1 #download img {
	float: left;
	margin: 0 20px 10px 0;
}
.topbutton a {
	font-size: 16px;
    color: #fff;
    float: left;
    padding: 3px 10px;
    font-weight: bold;
    /* border: 1px solid #ccc; */
    margin: 0 15px 0 0;
    background: #343c8c;
    box-shadow: 3px 3px 0px #ccc;
}
.topbutton a:hover {
	background:#8c0000;
	text-decoration:none;
}
.logotopics {
 	position: absolute;
    width: 100%;
    top: 115px;
    left: 155px;
}
@media screen and (max-width: 800px) {
.logotopics {
 	position: absolute;
    width: 100%;
    left: 50px;
    top: 70px;
}
.topbutton a {
    font-size: 14px;
 
}
}
@media screen and (max-width: 970px) {
#level0 #download img, #level1 #download img {
	width: 200px;
	float: none;
}
#level0 #download .image-left {
	float: none;
	margin: -5px 0 0 5px;
}
#download ul {
float: none;
width: 100%;
}
}

/*hiding the iframes after they have been busted by javascript */
.ad div[id*="dog01"] div iframe {
  display: none !important; /* Hide the iframe after the buster cleans out the markup */
}
.ad div[id*="expand"] div iframe {
  display: none !important; /* Hide the iframe after the buster cleans out the markup */
}

/* PUSHDOWN AD
--------------------------------*/
#pContentTop .ad .panel-small {display: block;}
#pContentTop .ad .panel-large {display: none;}
#pContentTop .ad img {width: 100%;max-width:970px;}

@media (min-width: 300px) { 
	#pContentTop .ad .panel-mobile {display: block;text-align: center;}
	#pContentTop .ad .panel-mobile img {margin: 10px auto 0;width: 300px;max-width:300px;}
	#pContentTop .ad .panel-small,#pContentTop .ad .panel-large {display: none;}
}
@media (min-width: 500px) { 
	#pContentTop .ad .panel-mobile {display: none;}
	#pContentTop .ad img {width: 100%;max-width:970px;}
	#pContentTop .ad .panel-small {display: block;}
}

#pContentTop .ad {margin: -1px 0 0 !important;height: auto;border: 0;width: 100%;}

#footer .footerProductLogos {margin: 0;padding: 20px;}
#footer .footerProductLogos li {margin: 0px;display: inline-block;}
#footer .footerProductLogos ul {margin: 0px; text-align:center;}
#footer .footerProductLogos img {margin: 10px 15px;width: auto !important;}

/* Preload images */
body:after {
  content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
  display: none;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  border-radius: 3px;

}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  /*background-color: white;*/
  background-color: none;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
	z-index: 11000;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 0px;
  position: relative;
	z-index: 11000;
}




.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}


.lb-closeContainer {
	position: absolute;
	top: -15px;
	right: -15px;
	z-index: 12000;
	width: 30px;
	height: 30px;
	
}

.lb-close {
  display: block;
  /*float: right;*/
  width: 30px;
  height: 30px;
  background: url(../img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  /*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);*/
  /*opacity: 0.7;*/
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  
}

/*
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

*/
.lb-data .lb-close:hover, .lb-closeContainer:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* TOC L0
-------------------------------*/
#level0 .toc {margin: 0 0 80px;padding: 0;border: 0;}
#level0 .toc div {margin: 0 0 20px;padding: 20px 0 0;position: relative;z-index: 3000;width:100%;}
.pContent #level0 .toc h3.date {margin: 0;padding: 0;color: #000;font-size: 22px;}
#level0 .toc h3 {margin-top: 6px;clear: both;font-size: 20px;}
#level0 .toc div h3 {border: 0;clear: none;font-size:20px;font-weight: 700;color:#043d4e;margin: 5px 0;}
#level0 .toc img {margin: 0 10px 10px 0;float: left;max-width: 150px;}
#level0 .toc .story {padding: 15px 0;clear: both;border-bottom: 1px solid #ccc;overflow: auto;width: 100%;text-align:left;}
#level0 .toc .story .author {font-size: .9em;color: #777;margin: 0 0 10px;}
#level0 .toc .story br.clear {display: none;}
#level0 .toc .story img {margin: 0;padding: 0 0 10px 10px;clear: both;float: right;max-width: 300px;object-fit: cover;height: 200px;}
#level0 .toc .deck {margin: 0 0 10px;padding: 0;font-size: 100%;font-style: normal;}
#level0 .toc .issue {margin: 0;padding: 0 0 0 5px;}
.pContent #level0 .toc h3.date {
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 20px;
}

#pContent .breadcrumb {
    margin: 0;
    padding: 0;
}
#pContent .breadcrumb li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
    font-size: 13px;
}
#pContent .breadcrumb li a {
    margin: 0;
    padding: 0 12px 0 0;
    background: url(https://webcpm.com/design/edu/cpm/2015/img/arrow-breadcrumb.png) no-repeat right 3px;
}
#pContent ul.breadcrumb li span {
    display: inherit;
    font-size: 1em;
}
#level0 .toc div img {
    width: 100%;
    max-width: 150px;
    padding: 5px;
    vertical-align: bottom;
    position: relative;
    bottom: 0;
    float: left;
}
.micrositeportal {padding: 0 0 10px;}
#pContent div.alertbox {
	padding: 10px;
	background: #efefef;
	margin: 0 0 10px;
}
hr {
	margin: 20px 0;
	border: 1px solid #ccc;
}

/* DOGEAR AD
--------------------------------*/
.dogear {display: none;position: absolute;z-index: 20000;width: 100px;height: 100px;background-position: 100% 0%;background-repeat: no-repeat;overflow: hidden;top:0;right:0;}
.dogear img {max-width: none;height: auto;}
.dogear .link {position: relative;z-index: 300;width: 100%;height: 100%;}
.dogear .link img {position: relative;}
.dogear .initialimage {z-index: 2;position: absolute;top: 0;right: 0;max-width: none;}
.dogear .closebutton {position: absolute;left: 20px;bottom: 10px;background: url(../img/close4.png) no-repeat 0 0;width: 86px;height: 103px;cursor: pointer;opacity: 0;z-index: 301;transition: opacity .2s;-webkit-transition: opacity .2s;}
.dogear .closebutton:hover {background-position: 0 -120px;}
.dogear .active.closebutton {opacity: 1;transition: opacity 2s;-webkit-transition: opacity 2s;}
@media (min-width: 1025px) {.dogear { display: block; }}

/* Omeda Dynamic Form
--------------------------------*/
div #omedaDynamicForm {max-width:280px; padding:5px; overflow:hidden; background:#343c8c;}
div #omedaDynamicForm input[type=submit]  {background-color: #343c8c;color: #fff;border: 0;margin: 10px 0 0;padding: 6px 20px;text-transform: uppercase;font-weight: bold;cursor: pointer;font: 13px/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif;}
div #omedaDynamicForm input[type="submit"]:hover {background: #8c0000;}
div #form-header {margin: -10px -10px 10px;padding: 5px 10px 5px;font-family: 'Oswald', sans-serif;font-size: 16px;color: #fff;font-weight: 500;display: block;text-transform: uppercase;line-height: 1.2em;background: #343c8c;}
div.newsletter-form {background:#efefef;padding:10px}
.omedaDynamicFormDropDown {width:100%;margin:5px 0; font-size: 12px; padding: 3px;}
span.omedaDynamicFormLabel {font-size:12px;display:block;font-weight: bold}
div #omedaDynamicForm input.omedaDynamicFormInput {margin: 5px 0;font-size: 12px;padding: 3px;width: 95%;}
#omedaDynamicForm div.agreement {font-size: 12px;}
#omedaDynamicForm div.SuccessMsg {font-weight: bold; color:#fff;padding:10px; font-size: 14px;}
div.omedaDynamicFormErrorList, div.omedaDynamicFormErrorList ul li  {background: rgb(251, 251, 72);margin: -10px -10px 0 !important;padding: 10px;font-size: 12px;font-weight: bold}
span.captchaError {background: rgb(251, 251, 72);margin: -10px -10px 10px !important;padding: 10px;font-size: 12px;display:block; font-weight: bold}
span.captchaErrorBottom {padding:0 5px}
span.omedaDynamicFormRequires {display:none;}
div.captcha {font-size: 12px;}
div.captcha img {padding:5px 0}
div.captcha span {font-weight: bold;margin:3px 0;}
div.captcha input {margin: 5px 0;padding: 3px;}
table.omedaDynamicFormGDPRRadio {font-size: 12px;margin: 5px 0;display: inline-block;padding-bottom: 15px;font-weight: bold;}

/* box_light */
@media (max-width: 800px) {
.boxLight {float: none;width: 100%; background: #ffffff}
}
@media (min-width: 940px) {
.boxLight {float: right;width: 31.2%;background: #ffffff;}
}
.boxLight h3, .newsBriefs h4 {font-size: 27px;line-height: 42px;text-transform: uppercase;margin: 0}
.boxLight h3, .boxLight h4 {font-size: 27px;color: #8c0000;margin: 10px 10px 0;text-transform: capitalize}
.boxLight h3 a, .boxLight h4 a {text-transform: uppercase;color: #8c0000;line-height: 42px;font-family: 'Noto Sans', sans-serif}
.boxLight ul {margin: 8px 0 0;}
.boxLight li {margin: 0 10px 15px;position: relative;clear: both;border-bottom: 1px solid #cccccc;padding: 8px 0;transition: all 50ms ease}
.boxLight li:last-of-type {border-bottom: none}
.boxLight li a {float: none;line-height: 1.2;display: inline-block;color: #043d4e;font-weight: 700;text-transform: none;font-size: .8em;}
.boxLight li .kicker, .boxLight li .section {color: #8c0000;text-transform: uppercase;font: 700 12px/1 'Ubuntu', sans-serif}
.boxLight li:nth-child(4) {display: block}
.boxLight li:nth-of-type(6) a, .boxLight li:nth-of-type(7) a, .boxLight li:nth-of-type(8) a, .boxLight li:nth-of-type(9) a, .boxLight li:nth-of-type(10) a {width: 100%}
.boxLight img {border:1px solid #ccc; float: left;margin: 0 16px 10px 0;width: 100%;object-fit: cover;height: 100px;}
.boxLight .date, .boxLight #date {color: #6c8295;font-size: 0.75em;float: none}
.boxLight span {font-size: .9em;float: none;}
.boxLight .date:before, .boxLight #date:before {content: "";display: block;height: 0;clear: both;visibility: hidden}
.boxLight .footer {text-align: right;margin: 18px 0}
.boxLight .footer a {color: #57acd8;text-decoration: none;font-weight: 600;font-size: 1em}
.boxLight .footer a:hover {text-decoration: underline}
#pContent .boxLight h3 a {font-weight: normal;font-size: 15px !important;}
#pContent .boxLight h3 {margin: 0 0 5px;}
.boxLight .pagination {display:none;}

/* box_light */
@media (max-width: 800px) {
.boxDark{float: none;width: 100%; background: #efefef}
}
@media (min-width: 940px) {
.boxDark {float: right;width: 31.2%;background: #efefef; border-top:10px solid #8c0000}
}
.boxDark h3, .newsBriefs h4 {font-size: 27px;line-height: 42px;text-transform: uppercase;margin: 0}
.boxDark h3, .boxDark h4 {font-size: 27px;color: #8c0000;margin: 10px 10px 0;text-transform: capitalize}
.boxDark h3 a, .boxDark h4 a {text-transform: uppercase;color: #8c0000;line-height: 42px;font-family: 'Noto Sans', sans-serif}
.boxDark ul {margin: 8px 0 0;}
.boxDark li {margin: 0 10px 15px;position: relative;clear: both;border-bottom: 1px solid #cccccc;padding: 8px 0;transition: all 50ms ease}
.boxDark li:last-of-type {border-bottom: none}
.boxDark li a {float: none;line-height: 1.2;display: inline-block;color: #043d4e;font-weight: 700;text-transform: none;font-size: .8em;}
.boxDark li .kicker, .boxDark li .section {color: #8c0000;text-transform: uppercase;font: 700 12px/1 'Ubuntu', sans-serif}
.boxDark li:nth-child(4) {display: block}
.boxDark li:nth-of-type(6) a, .boxDark li:nth-of-type(7) a, .boxDark li:nth-of-type(8) a, .boxDark li:nth-of-type(9) a, .boxDark li:nth-of-type(10) a {width: 100%}
.boxDark img {border:1px solid #ccc; float: left;margin: 0 16px 10px 0;width: 100%;object-fit: cover;height: 100px;}
.boxDark .date, .boxDark #date {color: #6c8295;font-size: 0.75em;float: none}
.boxDark span {font-size: .9em;float: none;}
.boxDark .date:before, .boxDark #date:before {content: "";display: block;height: 0;clear: both;visibility: hidden}
.boxDark .footer {text-align: right;margin: 18px 0}
.boxDark .footer a {color: #57acd8;text-decoration: none;font-weight: 600;font-size: 1em}
.boxDark .footer a:hover {text-decoration: underline}
#pContent .boxDark h3 a {font-weight: normal;font-size: 15px !important;}
#pContent .boxDark h3 {margin: 0 0 5px;}
.boxDark .pagination {display:none;}

/* cookies */

#olyticsPopupPersistentBottom {border:0 !important;padding:15px 20px !important; width: 100% !important;}

@media(max-width: 900px){
	#olyticsPopupPersistentBottom .close-persistent-bar{top:8px !important}}
	#olyticsPopupPersistentBottom .drip-form-main{width:100% !important}

@media(min-width: 900px){
	#olyticsPopupPersistentBottom .drip-form-main{width:100% !important; max-width: 1200px;}}
	#olyticsPopupPersistentBottom .drip-form-main>div{text-align:left !important}

@media(max-width: 900px){
	#olyticsPopupPersistentBottom .drip-form-main>div{float:none !important;width:100% !important;text-align:center !important}}
	#olyticsPopupPersistentBottom .drip-form-main>div h3{float:none !important; font-weight: 700;}
	#olyticsPopupPersistentBottom .drip-form-main>div p{color:#fff !important; text-transform: initial;width:95%;}

@media(max-width: 900px){
	#olyticsPopupPersistentBottom .drip-form-main div:nth-child(2){float:none !important}}
	#olyticsPopupPersistentBottom .drip-form-main div:nth-child(2) .drip-submit-button{margin-top:6px !important; font-family: sans-serif !important;}

@media(max-width: 900px){
	#olyticsPopupPersistentBottom .drip-form-main div:nth-child(2) .drip-submit-button{margin-top:20px !important;display:block !important;margin-left:auto !important;margin-right:auto !important;float:none !important}}
	#olyticsPopupPersistentBottom a{box-shadow: none;}