@font-face {
    font-family: 'raleway-extrabold-webfont';
    src: url('/content/fonts/raleway-extrabold-webfont.eot');
    src: url('/content/fonts/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/content/fonts/raleway-extrabold-webfont.woff') format('woff'),
         url('/content/fonts/raleway-extrabold-webfont.ttf') format('truetype'),
         url('/content/fonts/raleway-extrabold-webfont.svg#raleway-extrabold-webfont') format('svg');
}

@font-face {
    font-family: 'raleway-bold-webfont';
    src: url('/content/fonts/raleway-bold-webfont.eot');
    src: url('/content/fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/content/fonts/raleway-bold-webfont.woff') format('woff'),
         url('/content/fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('/content/fonts/raleway-bold-webfont.svg#raleway-bold-webfont') format('svg');
}

@font-face {
    font-family: 'raleway-medium-webfont';
    src: url('/content/fonts/raleway-medium-webfont.eot');
    src: url('/content/fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/content/fonts/raleway-medium-webfont.woff') format('woff'),
         url('/content/fonts/raleway-medium-webfont.ttf') format('truetype'),
         url('/content/fonts/raleway-medium-webfont.svg#raleway-medium-webfont') format('svg');
}

@font-face {
    font-family: 'raleway-regular-webfont';
    src: url('/content/fonts/raleway-regular-webfont.eot');
    src: url('/content/fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/content/fonts/raleway-regular-webfont.woff') format('woff'),
         url('/content/fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('/content/fonts/raleway-regular-webfont.svg#raleway-regular-webfont') format('svg');
}

@font-face {
    font-family: 'raleway-light-webfont';
    src: url('/content/fonts/raleway-light-webfont.eot');
    src: url('/content/fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/content/fonts/raleway-light-webfont.woff') format('woff'),
         url('/content/fonts/raleway-light-webfont.ttf') format('truetype'),
         url('/content/fonts/raleway-light-webfont.svg#raleway-light-webfont') format('svg');
}

@font-face {
    font-family: 'raleway-heavy-webfont';
    src: url('/content/fonts/raleway-heavy-webfont.eot');
    src: url('/content/fonts/raleway-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('/content/fonts/raleway-heavy-webfont.woff') format('woff'),
         url('/content/fonts/raleway-heavy-webfont.ttf') format('truetype'),
         url('/content/fonts/raleway-heavy-webfont.svg#raleway-heavy-webfont') format('svg');
}

@font-face {
    font-family: 'adellebasic_bold-webfont';
    src: url('/content/fonts/adellebasic_bold-webfont.eot');
    src: url('/content/fonts/adellebasic_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/content/fonts/adellebasic_bold-webfont.woff') format('woff'),
         url('/content/fonts/adellebasic_bold-webfont.ttf') format('truetype'),
         url('/content/fonts/adellebasic_bold-webfont.svg#adellebasic_bold-webfont') format('svg');
}

@font-face {
    font-family: 'adellebasic_reg-webfont';
    src: url('/content/fonts/adellebasic_reg-webfont.eot');
    src: url('/content/fonts/adellebasic_reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('/content/fonts/adellebasic_reg-webfont.woff') format('woff'),
         url('/content/fonts/adellebasic_reg-webfont.ttf') format('truetype'),
         url('/content/fonts/adellebasic_reg-webfont.svg#adellebasic_reg-webfont') format('svg');
}


body {
    background: #fff;
    text-align: left;
    font-family: 'raleway-regular-webfont', Arial, Helvetica, sans-serif;
    line-height: 100%;
}


body, p {
    color: #444;
}

body, h5, p {
    font-size: 16px;
}

body, dd, dl, dt, fieldset, form, p, h1, h2, h3, h4, h5, h6, ol, ul, li {
    margin: 0;
    padding: 0;
}

a, a:hover {
    text-decoration: none;
}

button, label {
    cursor: pointer;
}

h2, h3 {
    font-family: 'raleway-extrabold-webfont';
}

h1, h2, h3, h4, h5 {
    line-height: 120%;
}

h2, h4 {
    color: #000;
}

h4, h5 {
    font-family: 'raleway-regular-webfont';
}

.clearfix, article, aside, footer, header, nav, section {
    display: block;
}

:focus, [contenteditable="true"]:focus, a, a:hover, button:focus, input:focus, select:focus, textarea:focus {
    outline: 0;
}


a {
	color: #d85300;
}

a:hover {
	color: #2F2F2F;
}

a img {
	border: none;
}

button {
	font-family: 'raleway-heavy-webfont';
	color: #FFFFFF;
	font-size: 20px;
}

::-webkit-input-placeholder {
    color: #fff !important;
}

:-moz-placeholder {
    color: #fff !important;
}

:-ms-input-placeholder {
    color: #fff !important;
}

::-moz-placeholder { 
    color: #fff !important;
} 

input.middle:focus {
    outline-width: 0;
}


/* added for placeholder - JM - Apr 14, 2014 */
.label-tooltip {
	display: block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: text;
	position: absolute;
	left: 0;
	top: 0;
}

span.span-input {
	float: left;
	overflow: hidden;
	position: relative;
}
/* END OF added for placeholder */


h1 {
    font-family: 'adellebasic_bold-webfont';
    font-size: 40px;
    color: #ffffff;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 22px;
    color: #33475f;
}

h4 {
    font-size: 18px;
}

h5 {
	color: #000000; /* changed from #33465f per MT request - JM - Mar 16, 2015 */
}

p {
    line-height: 145%;
}

blockquote {
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 1px;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

* html .clearfix {
	height: 1%;
}


/* added for form - JM - Apr 14, 2014 */
table.frmTbl, table.FOTFHeader {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 0;
}

table.frmTbl tr td, table.frmTbl tr th {
	margin: 0;
	padding: 0 10px 5px 0;
}

table.frmTbl tr td.firstRow, table.frmTbl tr th.firstRow {
	width: 175px;
}

table.frmTbl.frmContribute tr { /* added JM - Oct 12, 2017 */
    vertical-align: top;
}

table.frmTbl.frmContribute tr td, table.frmTbl.frmContribute tr th {
	line-height: 120%;
	font-size: 15px;
}

table.frmTbl.frmContribute tr td p, table.frmTbl.frmContribute tr th p {
	font-size: 15px;
}
/* END OF added for form - JM - Apr 14, 2014 */

/* added for FotF - JM - Apr 14, 2014 */
table.FOTFHeader, table.frmTbl.fotf {
	clear: both;
	margin-top: 20px;
}

table.FOTFHeader tr td, table.FOTFHeader tr th,
table.frmTbl.fotf tr td.instruction, table.frmTbl.fotf tr th.instruction {
	padding: 0;
}

table.FOTFHeader p {
	margin-left: 0;
}

table.frmTbl.fotf p {
	margin: 0;
}

table.frmTbl.fotf p.fotfContent {
	margin-bottom: 5px;
}

table.frmTbl.fotf tr td.last-row, table.frmTbl.fotf tr th.last-row {
	padding-top: 20px;
}

h3.form-header {
	font-family: 'raleway-medium-webfont';
	font-size: 17px;
}

h3.form-header.inline {
	display: inline;
}
/* END OF added for FotF - JM - Apr 14, 2014 */



/*  Header  */
header {
    margin: auto;
    width: 100%; 
}

header .container {
    position: relative;
}

header #rotator {
	z-index: 40; /* added so long navigation dropdown can be hovered - JM - Jul 15, 2015 */
}

header #rotator .bg img {
    width: 100%; height: auto; /* reset widths and heights, so that the boxes will change size dynamically with the width of the browser - MH - May 20, 2014 */
    border-bottom: 3px solid #324860;
}

header #rotator .bg.empty img { /* added - JM - Apr 14, 2014 */
    width: 100%; min-height: 162px; /* reset widths and heights, so that the boxes will change size dynamically with the width of the browser - MH - May 20, 2014 */
    border-bottom: none;
}

header .topic {
    position: relative;
    z-index: 50; /* changed from 1000 - JM - Feb 08, 2018 */
    background-color: #324860;
}

.home header .topic{
    background: none;
}

header .top-right {
    width: 51%;
    position: absolute;
    top: 0;
    left: 49%;
}

header .top-right .transparent {
    display: inline-block;
    text-align: right;
}

.home header .top-right {
    background-color: rgba(50, 72, 96, 0.3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c324860,endColorstr=#4c324860);
	zoom: 1;
}

.home header .top-right .transparent:nth-child(n) {
	filter: none;
}

header .top-right .social {
    padding: 15px 0 10px 0;
}

.home header .top-right .social {
    padding: 15px 10px 10px 0;
}

header .top-right .social form {
    float: right;
    background-color: #2b3e52;
    padding: 7px 11px;
    margin-left: 8px;
}

.home header .top-right .social form  {
    background-color: rgba(50, 72, 96, 0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99324860,endColorstr=#99324860);
	zoom: 1;
}

.home header .top-right .social form:nth-child(n) {
	filter: none;
}

header .top-right .social form input {
    color: #ffffff;
    border: none;
    background: none;
    font-size: 18px;
    height: 22px;
    padding: 0;
    width: 95px;
    float: right;
    font-family: 'raleway-medium-webfont', Arial, Helvetica, sans-serif; /* added Arial, Helvetica, sans-serif - JM - Apr 14, 2014 */
}

header .top-right .social form button {
    background: url("/content/images/cms/icons/search.png") no-repeat center center;
    border: none;
    font-size: 0;
    height: 21px;
    width: 18px;
    margin-right: 15px;
    float: left;
}

/* added for placeholder - JM - Apr 14, 2014 */
header .top-right .social form label.label-tooltip {
	left: 0;
	top: 4px;
	text-align: left;
    font-family: 'raleway-medium-webfont', Arial, Helvetica, sans-serif;
    font-size: 18px;
	color: #bdc3c6;
}
/* END OF added for placeholder */

header .top-right .social ul li {
    list-style-type: none;
    display: inline-block;
}

header .top-right .social ul li a {
    display: block;
    padding: 6px 7px 6px 8px;
}

header .menu-mobile {
	display: none;
}

header .top-left {
    position: relative;
    top: 0;
    left: 0;
    width: 49%;
    text-align: right;
    background-color: #324860;
    padding-top: 2px;
}

.home header .top-left {
    position: absolute;
}

header .top-left .logo {
    margin-right: 97px;
}

header .top-left .logo a {
	display: inline-block;
}

/* added for screen and print mode - JM - Apr 14, 2014 */
.logo-screen {
	display: inline;
}
.logo-print {
	display: none;
}

header .wrapper {
    margin: auto;
    position: relative;
	
	max-width: 942px; /* reset widths and heights, so that the boxes will change size dynamically with the width of the browser - MH - May 20, 2014 */
}

header .heading {
    bottom: 3px;
    position: absolute;
    left: 0;
    padding: 18px 20px 21px;
    background-color: rgba(50, 72, 96, 0.9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5324860,endColorstr=#e5324860);
	zoom: 1;
	overflow: hidden; /* added - JM - Apr 14, 2014 */
	
	width: auto; height: auto; margin: 0 !important; /* reset widths and heights, so that the boxes will change size dynamically with the width of the browser - MH - May 20, 2014 */
}

header .heading:nth-child(n) {
	filter: none;
}

header .heading p {
	color: #ffffff;
}

header .heading .graph {
    float: left;
    margin-right: 20px;
}

header #rotator .heading .graph img {
    height: 169px;
    border: none;
	
	max-height: 170px; width: auto !important; /* added - MH - May 20, 2014 */
}

/* added - JM - Apr 14, 2014 */
header #rotator .heading h1 a {
    color: #ffffff;
}

header #rotator .heading h1 a:hover {
    color: #D85300;
}

header #rotator .heading div.rotator-content a:hover {
    color: #ffffff;
}

header #rotator .heading div.rotator-content p  {
    margin-top: 10px;
}

header #rotator .heading div.rotator-content p:first-child  {
    margin-top: 0;
}
/* END OF added - JM - Apr 14, 2014 */

/* added for arrow navigation - JM - Jun 26, 2014 */
header .rotator-nav {
	outline: 0;
	position: absolute;
	top: 75%;
	z-index: 45; /* changed from 9999 - JM - Feb 08, 2018 */
	text-indent: -9999px;
	width: 100%;
	pointer-events: none; /* so we can click links in below div */
}

header .rotator-nav .rotator-nav-prev {
	background: url("/content/images/cms/icons/arrows.png") no-repeat left top rgba(0, 0, 0, 0);
	height: 38px;
	width: 38px;
	float: left;
	pointer-events: auto; /* so we can still click the arrow */
}

header .rotator-nav .rotator-nav-next {
	background: url("/content/images/cms/icons/arrows.png") no-repeat right top rgba(0, 0, 0, 0) ;
	height: 38px;
	width: 38px;
	float: right;
	pointer-events: auto; /* so we can still click the arrow */
}
/* END OF added for arrow navigation - JM - Jun 26, 2014 */


/*  Menu  */
header .menu {
    margin-bottom: -2px;
}

header .menu ul {
    display: table-row;
}

header .menu ul li {
    background-color: #C23824;
    float: left;
    list-style-type: none;
    text-align: center;
    width: 99px;
    position: relative; /* added for navigation dropdown - MH - Jul 15, 2015 */
}

header .menu ul li.dark-orange {
	background-color: #d55400;
}

header .menu ul li.orange {
	background-color: #ea7e00;
}

header .menu ul li.light-orange {
	background-color: #f59d00;
}

header .menu ul li.yellow {
	background-color: #f3c600;
}

header .menu ul li a {
    display: block;
    font-family: 'raleway-regular-webfont'; /* changed from raleway-extrabold-webfont - per Kristin's 5/12 request - JM - May 13, 2014 */
    color: #ffffff;
    font-size: 15px;
    padding: 43px 0 41px;
}

header .menu ul li a:hover {
    text-decoration: underline;
}

/* added for navigation dropdown - MH - Jul 15, 2015 */
header .menu ul ul li {display: none;}
header .menu ul li:hover ul li {display: block;}

header .menu ul ul {position: absolute; left: 0; background-color: inherit; z-index: 50;}
header .menu ul li:last-child ul {right: 0; left: auto;}
header .menu ul ul li {width: 198px; background-color: inherit; border-top: 1px solid rgba(0,0,0,.05); text-align: left;}
header .menu ul ul li a {padding: 10px 20px; line-height: 1.2em}
header .menu ul ul li a:hover {background-color: rgba(0,0,0,.1); text-decoration: none;}
/* END OF added for navigation dropdown - MH - Jul 15, 2015 */


/*  Content  */
#content {
    max-width: 942px;
    margin: auto;
    padding: 15px 0 30px 0;
}

.promo {
	font-family: 'adellebasic_reg-webfont'; /* added - MH - Jun 05, 2014 */
    background-color: red;
    display: inline-block;
    width: 48%;
    overflow: hidden;
	
	height: auto; max-height: auto; /* reset widths and heights, so that the boxes will change size dynamically with the width of the browser - MH - May 20, 2014 */
}

.promo.empty { /* added for empty Debt Clock - JM - Jun 05, 2014 */
	background-color: #FFFFFF;
}

#content .promo p {
    color: #ffffff;
    font-family: 'adellebasic_reg-webfont'; /* changed from adellebasic_bold-webfont - MH - Jun 05, 2014 */
    font-size: 22px; 						/* changed from 42px - MH - Jun 05, 2014 */
    line-height: 140%; 						/* changed from 110% - MH - Jun 05, 2014 */
}

#content .promo p span {
    display: inline-block;
    white-space: nowrap;
    /*font-size: 42px; -- removed - MH - Jun 05, 2014 */
}

#content .promo p strong {
	font-weight: 400; 		/* added - MH - Jun 05, 2014 */
    display: inline-block;
    font-size: 30px; 		/* changed from 40px - MH - Jun 05, 2014 */
    white-space: nowrap;
}

.promo .top {
    background-color: #8c0000;
    padding: 5px 12px; /* changed from 5px 50px 10px 12px - MH - Jun 05, 2014 */
}

#content .promo .top p {
    /*font-size: 24px; -- removed - MH - Jun 05, 2014 */
    font-family: 'adellebasic_reg-webfont';
    line-height: 140%; /* changed from 160% - MH - Jun 05, 2014 */
}

#content .promo .top p span {
    /*font-size: 24px; -- removed - MH - Jun 05, 2014 */
    display: inline-block;
    white-space: nowrap;
}

#content .promo .top p strong {
    /*font-size: 40px; -- removed - MH - Jun 05, 2014 */
    font-weight: 400; /* changed from normal - MH - Jul 15, 2015 */
    letter-spacing: 0.5px;
    display: inline-block;
    white-space: nowrap;
}

.promo .bottom {
    padding: 5px 12px; /* changed from 10px 50px 10px 12px - MH - Jun 05, 2014 */
}

#content .promo .your-share { /* added - MH - Jun 05, 2014 */
	padding: 8px 0 0 0;
	margin: 8px 0 0 0;
	border-top: 1px solid #fff;
	font-weight: 400;
}

#content .promo .your-share p span { /* added - MH - Jun 05, 2014 */
	font-size: 24px;
}

#content .lab {
    width: 47%;
    /*float: right;
    margin-left: 20px;
    */
    display: inline-block;
    margin-left: 2%;
    vertical-align: top;
    background-color: #ededed;
    
    padding: 10px;
	overflow: hidden;	/* added - JM - Apr 14, 2014 */
	
	float: none; height: auto; max-height: auto; /* reset widths and heights, so that the boxes will change size dynamically with the width of the browser - MH - May 20, 2014 */
}

#content .lab .wrap {
	display: inline-block; /* added so this will cover whole content in it - JM - Jul 15, 2015 */
}

#content .lab span, #content .lab span a { /* added #content .lab span a - JM - Jun 26, 2014 */
    font-family: 'raleway-bold-webfont';
    font-size: 15px;
    color: #333333;
}

#content .lab .graphic {
    float: right;
    padding-left: 18px;
}

#content .lab .graphic img.chart-img { /* added for fixed size - per Kristin's 5/11 request - JM - May 12, 2014 */
    width: 166px; /* changed from 164px because of lab border addition - JM - Jun 26, 2014 */
	height: 119px;
}

#content .lab .graphic img.lab-img { /* added per Kristin's 6/26 request - JM - Jun 26, 2014 */
    border: 1px solid #000;
}

#content .lab .graphic a.second { /* added .second - JM - Apr 14, 2014 */
    display: block;
    margin-top: 13px;
}

.lab .wrap h3 { /* added - MH - May 29, 2014 */
	color: #000;
}

/* added - JM - Apr 14, 2014 */
#content .lab h3 a {
    color: #000; /* changed from #33475f to adjust the color change from MH (May 29, 2014) - JM - Jun 02, 2014 */
}

#content .lab h3 a:hover {
    color: #000; /* changed from #D85300 to adjust the color change from MH (May 29, 2014) - JM - Jun 02, 2014 */
}

#content .lab .chart-content p {
    margin-top: 5px;
}

#content .lab .chart-content p:first-child {
    margin-top: 0;
}
/* END OF added - JM - Apr 14, 2014 */

/* added to replace current Chart of the Month with one image only - JM - Nov 09, 2015 */
#content .lab-chart-img {
	max-width: 49%;
	height: auto;
    display: inline-block;
    margin-left: 2%;
    vertical-align: top;
    position: relative; /* ML June 10, 2019 */
}

#content .lab-chart-img img.chart-img {
	max-width: 100% !important;
	height: auto;
    vertical-align: top;
}
/* END OF added to replace current Chart of the Month with one image only - JM - Nov 09, 2015 */

#content .lab-chart-img .chart-text-container{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#content .lab-chart-img .chart-logo{
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 50%;
    height: 100%;
    flex-direction: column;
}

#content .lab-chart-img .chart-logo img{
    max-width:100%;
    /*width:100%;*/
	width: 231px;
}

#content .lab-chart-img .chart-logo .chart-logo-text{
    color: white;
    font-size: 14px;
}

#content .lab-chart-img .chart-logo .chart-logo-text:hover{
    text-decoration:underline;
}

#content .lab-chart-img .chart-text-line{
    width: 70%;
    border: 1px solid;
    border-color: rgba(255, 255, 255, 0.2);
    margin: 18px 0 20px 0;
}

#content .lab-chart-img .chart-text{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    height: 100%;
    width: 45%;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
}

#content .lab-chart-img .chart-text p,
#content .lab-chart-img .chart-text p a
{
    color:#fff;
}

#content .lab-chart-img .chart-text p a
{
    background: url(/content/images/cms/right-arrow.png) no-repeat right 7px;
    padding-right: 30px;
    font-size: 18px;
    font-weight: bold;
}

#content .lab-chart-img .chart-text p a:hover{
    text-decoration:underline;
}

#content section {
    padding: 38px 0 23px;
    text-align: center;
}

#content section a {
    display: block;
}

#content section .feed {
    padding: 0 11px 10px 0; /* changed from padding: 0 10px 10px 0; to make news area inline with the above area - JM - Apr 14, 2014 */
    border-right: 1px solid #dddddd;
    width: 48%;
    float: left;
}

#content section .feed.one-col { /* added - JM - Apr 14, 2014 */
	width: 100%;
	border-right: none;
	padding-right: 0;
}

#content section .feed.two-col { /* added - JM - Apr 14, 2014 */
	width: 48%;
	padding-right: 13px;
}

.headline {
    border-bottom: 2px solid #d75400;
    text-align: left;
    padding-top: 10px;
}

.headline h2 {
    padding-bottom: 3px;
}

#content section .feed .headline a {
    float: right;
    font-size: 12px;
    line-height: 200%;
    margin-top: 10px;
}

#content section .feed .headline h2 a { /* added for linked headline title - JM - Jul 21, 2015 */
    float: none;
    font-size: 28px;
    line-height: 120%;
    margin-top: 0;
	color: #000;
}

#content section .feed h3, #content section .block h3 {
	word-wrap: break-word; /* added to make the title not crashes the column in the right - JM - Jun 10, 2014 */
}

#content section .feed h3 a, #content section .block h3 a, .services h3 a {
    color: #33475F;
}

#content section .feed h3 a:hover, #content section .block h3 a:hover, .services h3 a:hover {
    text-decoration: underline;
}

#content section ul {
    list-style-type: none;
    padding: 10px 0 20px;
    text-align: left;
}

#content section ul li {
    padding-top: 20px;
}

#content section .feed ul li img {
    float: left;
    margin-right: 20px;

	/* changed to max-width per Mike's request - JM - Sep 29, 2017
    width: 220px;
    height: 220px;*/
	max-width: 220px;
}

#content section .block {
    width: 24%;
    float: left;
    padding: 0 11px 10px; /* changed from padding: 0 9px 10px; to make news area inline with the above area - JM - Apr 14, 2014 */
    border-right: 1px solid #dddddd;
}

#content section .block.one-col { /* added - JM - Apr 14, 2014 */
	width: 100%;
	border-right: none;
	padding-left: 0;
	padding-right: 0;
}

#content section .block.two-col { /* added - JM - Apr 14, 2014 */
	width: 49%;
	border-right: none;
	padding-left: 13px;
	padding-right: 0;
}

#content section .block.two-col-first { /* added - JM - Apr 14, 2014 */
	width: 47%;
}

#content section .block.first { /* added - JM - Apr 14, 2014 */
	padding-left: 0;
}

#content section .block .headline, #content section .feed .headline { /* added #content section .feed .headline - JM - Sep 02, 2015 */
    border-color: #333333; 
}

#content section .block .date {
    font-family: 'raleway-regular-webfont';
    font-size: 18px;
    color: #212121;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    display: block;
    margin: 25px 0 0;
    padding: 7px 0 4px;
}

#content section .morning-call .date { /* added - MH - May 29, 2014 - hide morning call dates */
    display: none;
}

#content section .block ul {
    padding-top: 0;
}

#content section .block ul li h4 {
    font-family: 'adellebasic_bold-webfont';
    font-size: 16px;
    color: #444444;
    margin-top: 30px;
}

#content section .block ul li h4 a { /* added - JM - Apr 14, 2014 */
    color: #444444;
}

#content section .block ul li h5 {
    line-height: 150%;
    color: #444444;
    font-weight: 400; /* changed from normal - MH - Jul 15, 2015 */
}

#content section .block ul li p {
   font-family: 'raleway-medium-webfont';
}

#content section .block ul li a {
    margin-bottom: 0;
}

#content section .block ul li p strong, #content section .block ul li a strong {
    font-family: 'adellebasic_bold-webfont';
    color: #444444;
}

#content section .block a {
    margin-bottom: 30px;
}

#content section .block .headline h2 a { /* added for linked headline title - JM - Jul 21, 2015 */
    margin-bottom: 0;
	color: #000;
}

#content section .block ul li a:hover {
    text-decoration: underline;
}

#content section .block.last {
    width: 23%;
    padding: 0 0 10px 11px; /* changed from padding: 0 0 10px 9px; to make news area inline with the above area - JM - Apr 14, 2014 */
    border-right: none;
}

#content section .block.last .headline {
    border-color: #333333; /* changed from #9b9b8c - JM - Sep 02, 2015 */
    margin-bottom: 5px;
}

#content section .block.last ul li p {
   font-family: 'raleway-regular-webfont';
}

/* added - MH - Jun 10, 2014 */
#content section .morning-call .headline {
	margin-bottom: 4px;
}

#content section .morning-call ul li h4 {
	font-size: 22px;
	margin-top: 10px;
	font-family: 'raleway-extrabold-webfont';
	word-wrap: break-word; /* added to make the title not crashes the column in the right - JM - Jun 10, 2014 */
}
/* END OF added - MH - Jun 10, 2014 */

/* added - MH - May 29, 2014 */
#content section .morning-call ul li h4 a {
	font-family: 'raleway-extrabold-webfont'; /* changed from raleway-bold-webfont - MH - Jun 10, 2014 */
	color: #000;
}

#content section .morning-call ul li p strong {
   font-family: 'raleway-heavy-webfont';
   font-weight: 400;
   color: #000;
}

#content section .morning-call ul li .news-content p {
    font-family: 'raleway-regular-webfont';
}

#content section .morning-call ul li .news-content p strong {
   font-family: 'raleway-medium-webfont';
   color: #000;
}

#content section .block .headline h2, #content section .feed .headline h2 {
	font-weight: 400;
}

#content section .holder ul li a {
	color: #000;
}
/* END OF added - MH - May 29, 2014 */


/* added for news teaser in the homepage - JM - Apr 14, 2014 */
#content section .feed ul li, #content section .block ul li {
	position: relative;
}

#content section .feed ul li:first-child {
	padding-top: 15px; /* added - MH - Jun 10, 2014 */
}

#content section .feed .news-content p, #content section .block .news-content p,
#content section .feed .news-content div, #content section .block .news-content div {
    margin-top: 5px;
}

#content section .feed .news-content p:first-child, #content section .block .news-content p:first-child {
    margin-top: 0;
}

#content section .feed blockquote, #content section .block blockquote {
    margin-top: 5px;
}

#content section .feed .news-content a, #content section .block .news-content a {
    display: inline;
	color: #D85300;
}

#content section .feed .news-content a:hover, #content section .block .news-content a:hover {
	color: #2F2F2F;
}

#content section .feed .news-content img, #content section .block .news-content img {
    float: none;
	height: auto;
	width: auto;
	margin-right: 0;
	max-width: none; /* added because feed img above using max-width - JM - Sep 29, 2017 */
}

#content section .feed .news-content h1, #content section .block .news-content h1 {
    color: #000000;
}

#content section .feed .news-content h1 a:hover, #content section .block .news-content h1 a:hover,
#content section .feed .news-content h2 a:hover, #content section .block .news-content h2 a:hover,
#content section .feed .news-content h3 a:hover, #content section .block .news-content h3 a:hover,
#content section .feed .news-content h4 a:hover, #content section .block .news-content h4 a:hover,
#content section .feed .news-content h5 a:hover, #content section .block .news-content h5 a:hover,
#content section .feed .news-content h6 a:hover, #content section .block .news-content h6 a:hover {
    text-decoration: none;
}

#content section .feed .news-content h1, #content section .block .news-content h1,
#content section .feed .news-content h2, #content section .block .news-content h2,
#content section .feed .news-content h3, #content section .block .news-content h3,
#content section .feed .news-content h4, #content section .block .news-content h4,
#content section .feed .news-content h5, #content section .block .news-content h5,
#content section .feed .news-content h6, #content section .block .news-content h6 {
    margin-top: 5px;
}

#content section .feed .news-content table tr th, #content section .block .news-content table tr th,
#content section .feed .news-content table tr td, #content section .block .news-content table tr td,
#content section .feed .news-content div, #content section .block .news-content div
{
    line-height: 145%;
}

#content section .feed .news-content ul, #content section .block .news-content ul {
    list-style-type: disc;
}

#content section .feed .news-content ul, #content section .block .news-content ul,
#content section .feed .news-content ol, #content section .block .news-content ol {
	padding-top: 5px;
	padding-bottom: 0;
}

#content section .feed .news-content ul li, #content section .block .news-content ul li,
#content section .feed .news-content ol li, #content section .block .news-content ol li
{
    padding: 0;
	margin-top: 5px;
	margin-left: 40px;
	line-height: 145%;
}
/* END OF added for news teaser in the homepage - JM - Apr 14, 2014 */


/* Subscribe */
#content .subscribe {
    background-color: #222222;
    padding: 13px 15px 19px;
}

#content .subscribe.nonews { /* added - JM - Apr 14, 2014 */
	margin-top: 15px;
}

#content .subscribe h2 {
    background: url("/content/images/cms/icons/subscribe.png") no-repeat left center;
    padding: 0 23px 0 55px;
    line-height: 160%;
    color: #ffffff;
    float: left;
}

#content .subscribe h4 {
    line-height: 120%;
    padding-top: 15px; /* changed from 10px to make it inline with the "Subscribe" word - JM - Mar 16, 2015 */
    color: #ffffff;
    font-weight: 400; /* changed from normal - MH - Jul 15, 2015 */
}

#content .subscribe form {
    padding-top: 10px;
	display: inline-block; /* added to make sure all fields are covered when the window size is small - JM - Mar 16, 2015 */
}

#content .subscribe p {
    color: #ffffff;
    float: left;
    line-height: 120%;
    margin-right: 15px; /* changed from 43px, just for adjustment because of checkbox spaces change - JM - Apr 14, 2014 */
	margin-bottom: 5px; /* added just for giving spaces between text and checkboxes below when the window width is smaller - JM - Apr 14, 2014 */
} 

#content .subscribe table {
    /*width: 46%; -- removed because this will looks ugly when the window is resized - JM - Apr 14, 2014 */
	display: inline; /* added because width is removed - JM - Apr 14, 2014 */
    border: none;
    color: #ffffff;
}

#content .subscribe table td { /* added for giving space between checkboxes - JM - Apr 14, 2014 */
	padding-right: 15px;
}

#content .subscribe table td:last-child { /* added - JM - Apr 14, 2014 */
	padding-right: 0;
}

.subscribe input, .frmTblHL input { /* added ".frmTblHL input" for login HL - JM - Apr 14, 2014 */
    padding: 8px 10px;
    height: 20px;
    border: none;
    width: 195px;
    margin: 35px 20px 0 0;
    font-family: raleway-regular-webfont;
    font-size: 16px;
	background-color: #C0C0C0; /* added to fix the background color that wasn't working on Chrome and Safari - JM - Apr 14, 2014 */
}

.subscribe input { /* added to reduce top spaces - JM - Mar 16, 2015 */
	margin-top: 10px;
}

.home .subscribe input { /* added because first and last name are separated - JM - Jul 19, 2017 */
	width: 206px; /* changed from 155px because zip code is removed - JM - Feb 08, 2018 */
	float: left;
}

.home .subscribe #btnSubscribeMobile { /* ML Sept 03, 2021 */
    display:none;
}

.subscribe input.empty {
    color: #bdc3c6;
}

aside .subscribe input, aside .frmTblHL input.empty { /* remove .empty from aside .subscribe input.empty; added "aside .frmTblHL input.empty" for login HL - JM - Apr 14, 2014 */
    color: #2f2f2f;
}

.subscribe input[type="checkbox"] {
    padding: 0;
    height: auto;
    width: auto;
    margin: 0 3px 0 0;
}

#content .subscribe input::-webkit-input-placeholder {
    color: #bdc3c6!important;
}

#content .subscribe input:-moz-placeholder {
    color: #bdc3c6!important;
}

#content .subscribe input:-ms-input-placeholder {
    color: #bdc3c6!important;
}

#content .subscribe input::-moz-placeholder { 
    color: #bdc3c6!important;
} 

.subscribe button, .frmTblHL button, .frmTbl button,
.news-subscribe-popup button { /* added ".frmTblHL button" for login HL and ".frmTbl button" for button in the page content - JM - Apr 14, 2014 */
    background-color: #ea7e00; /* changed from #4dd2ff - JM - Feb 08, 2018 */
    border: none;
    padding: 4px 65px 5px;
    margin: 35px 0 0 0;
    height: 37px;
}

.subscribe button {
	margin-top: 10px;		/* added to reduce top spaces - JM - Mar 16, 2015 */
	padding: 4px 50px 5px;	/* added because there is additional field - JM - Mar 16, 2015 */
	font-family: 'raleway-bold-webfont'; /* added - JM - Feb 08, 2018 */
}

.home .subscribe button { /* added because first and last name are separated - JM - Jul 19, 2017 */
	padding: 4px 15px 5px;
	float: left;
}

#content .subscribe form label.label-tooltip { /* added for placeholder - JM - Apr 14, 2014 */
	left: 10px;
	top: 19px;
	text-align: left;
    font-family: 'raleway-regular-webfont', Arial, Helvetica, sans-serif;
    font-size: 16px;
	color: #FFFFFF;
	height: 20px;
}

#frmPgSubscribe input[type="text"] { /* added - JM - Jul 19, 2017 */
    /*width: 300px;*/
    width:293px;
}

#frmPgSubscribe button { /* added - JM - Jul 19, 2017 */
	padding: 4px 15px 5px;
}

.frmTblHL button { /* added for login HL - JM - Apr 14, 2014 */
	margin: 0;
}

.news-subscribe-popup .news-subscribe-popup-captcha { /* ML Sept 03, 2021 add captcha */
    text-align: center;
    margin: 15px 0 0 0;
    width: calc(100% - 20px);
}

.news-subscribe-popup .news-subscribe-popup-captcha .g-recaptcha { /* ML Sept 03, 2021 add captcha */
    display:inline-block;
}

.news-subscribe-popup.button.mobile { /* ML Sept 03, 2021 add captcha */
    display: none;
}

.news-subscribe-hl-captcha { /* ML Sept 03, 2021 add captcha */
    float: left;
    margin-top: 10px;
    margin-bottom: -25px;
}

.news-subscribe-hl-captcha .g-recaptcha{ /* ML Sept 03, 2021 add captcha */
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}

.news-subscribe-page-captcha { /* ML Sept 03, 2021 add captcha */
    margin-top: 0 !important;
    margin-bottom: -23px !important;
}

.news-subscribe-page-captcha .g-recaptcha { /* ML Sept 03, 2021 add captcha */
    margin-top:0!important;
}

.news-subscribe-page-captcha .g-recaptcha div{ /* ML Sept 03, 2021 add captcha */
    margin-top:0!important;
}

.news-subscribe-home-captcha { /* ML Sept 03, 2021 add captcha */
    clear: both;
    text-align: center;
    padding-top: 14px;
    margin-bottom: -5px;
}

.news-subscribe-home-captcha .g-recaptcha { /* ML Sept 03, 2021 add captcha */
    display:inline-block;
}

.hidden-visibility { /* ML Sept 03, 2021 add captcha */
    width: 1px !important;
    height: 1px !important;
    visibility: hidden !important;
    background: none !important;
    color: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
}

/* Services */
 .wrapper {
    background-color: #ededed;
}

.wrapper .services {
    max-width: 942px;
    margin: auto;
    padding: 13px 0 88px;
}

.wrapper .services .headline {
    border-color: #ec7e00;
}

.wrapper .services ul {
    list-style-type: none;
    padding-top: 40px;
}

.wrapper .services ul li {
    float: left;
    width: 32%;
    padding-right: 18px;
}

.wrapper .services ul li.last, .wrapper .services ul li:last-child {
    padding-right: 0;
}

.wrapper .services ul li img.service-img {
    float: left;
    margin-right: 10px;
	width: 112px;		/* added for fixed size - per Kristin 5/11's request - JM - May 12, 2014 */
	height: 112px;		/* added for fixed size - per Kristin 5/11's request - JM - May 12, 2014 */
}

/* added for service content - JM - Apr 14, 2014 */
.wrapper .services .service-content p, .wrapper .services .service-content div {
    margin-top: 10px;
}

.wrapper .services .service-content p:first-child, .wrapper .services .service-content div:first-child {
    margin-top: 0;
}

.wrapper .services .service-content h1, .wrapper .services .service-content h2,
.wrapper .services .service-content h3, .wrapper .services .service-content h4,
.wrapper .services .service-content h5, .wrapper .services .service-content h6,
.wrapper .services .service-content blockquote {
    margin-top: 10px;
}

.wrapper .services .service-content h1 {
    color: #000000;
}

.wrapper .services .service-content h3 a {
	color: #D85300;
}

.wrapper .services .service-content h3 a:hover {
	color: #2F2F2F;
	text-decoration: none;
}

.wrapper .services .service-content table tr th,
.wrapper .services .service-content table tr td,
.wrapper .services .service-content div {
    line-height: 145%;
}

.wrapper .services .service-content ul {
    list-style-type: disc;
}

.wrapper .services .service-content ul,
.wrapper .services .service-content ol {
	padding-top: 10px;
	padding-bottom: 0;
}

.wrapper .services .service-content ul li,
.wrapper .services .service-content ol li
{
    float: none;
	width: auto;
    padding: 0;
	margin-top: 5px;
	margin-left: 40px;
	line-height: 145%;
}
/* END OF added for service content - JM - Apr 14, 2014 */


/* Page */
.page-area { /* changed .page to .page-area because .page is used by PDF flip book - JM - Apr 4, 2016 */
    max-width: 951px;
    margin: auto;
    padding-bottom: 50px;
}

.page-area .headline {
    margin-bottom: 18px;
}

article {
    width: 66%;
    float: left; /* move left navigation and left highlights to right - MH - May 06, 2015 */
}

article.full-width {
    width: 100%;
    float: none;
}

article .title-area h3, article h3 {color: #000;}	/* added - MH - Jun 06, 2014 */

/* removed, not used, cause trouble for other elements - JM - Apr 14, 2014
article span {
    color: #33465F;
    padding: 0 13px;
}
*/

article .title-area { /* added because there are social media icons - JM - May 19, 2014 */
	margin-bottom: 25px;
}

article h5 {
    display: inline-block;
    margin-top: 12px; /* changed from padding-top: 12px - JM - Apr 14, 2014 */
}

/* changed into article img.thumbnail - JM - Apr 14, 2014
article .thumbnail {
    float: right;
}
*/

article img.thumbnail {		/* changed from article .thumbnail img - JM - Apr 14, 2014 */
    float: right;			/* moved from article .thumbnail - JM - Apr 14, 2014 */
	max-width: 185px;		/* changed from width: 185px; height: 275px; - JM - Apr 14, 2014 */
    margin: 0 0 15px 5px;	/* changed from 58px 0 15px 5px - JM - Apr 14, 2014 */
}

/* added for social media icons - JM - May 19, 2014 */
article .social-icon {
	float: right;
	margin: 0 0 0 10px;
}

article .social-icon ul {
    list-style-type: none;
}

article .social-icon ul li {
    float: left;
	margin-left: 10px;
}

article .social-icon ul li a {
    display: block;
}

article .social-icon ul li a:hover {
	text-decoration: none;
}
/* END OF added for social media icons */

article .page-content p {	/* added .page-content - JM - Apr 14, 2014 */
    margin-top: 20px;		/* changed from padding-top: 20px - JM - Apr 14, 2014 */
}

article .page-content p:first-child, article .page-content p.first { /* added - JM - Apr 14, 2014 */
    margin-top: 0;
}

/* added for page content - JM - Apr 14, 2014 */
article .page-content h1 {
	color: #000000;
}

article .page-content h5 {
    display: block;
}

article .page-content table tr th, article .page-content table tr td,
article .page-content ul li, article .page-content ol li,
article .page-content div {
	line-height: 145%;
}

article .page-content ul, article .page-content ol, article .page-content div,
article .page-content h1,
article .page-content h2,
article .page-content h3,
article .page-content h4,
article .page-content h5,
article .page-content h6,
article .page-content blockquote {
    margin-top: 20px;
}

article .page-content div.promo.first {
	margin-top: 0;
}

article .page-content ul li, article .page-content ol li {
	margin-left: 40px;
}

.frmTbl.fotf h1, .frmTbl.fotf h2, .frmTbl.fotf h3,
.frmTbl.fotf h4, .frmTbl.fotf h5, .frmTbl.fotf h6,
.frmTbl.fotf address, .frmTbl.fotf pre, .frmTbl.fotf div,
.frmTbl.fotf ul, .frmTbl.fotf ol, .frmTbl.fotf blockquote,
.frmTbl.fotf table {
	margin-top: 0;
	margin-bottom: 5px;
}
/* END OF added for page content */


/* added for news type headings - JM - Apr 14, 2014 */
.news-type-heading { margin: 0 0 18px 0; padding: 0; }
.news-type-heading.addspace { margin-top: 12px; }
.news-type-heading .news-type-heading-item { clear: both; display: inline-block; margin: 13px 0 0 0; }
.news-type-heading .news-type-heading-item.first { margin-top: 2px; }
.news-type-heading .news-type-heading-name { clear: both; display: inline; font-family: 'raleway-extrabold-webfont'; font-size: 22px; color: #33475f; }
.news-type-heading .news-type-heading-name a { color: #d85300; }
.news-type-heading .news-type-heading-name a:hover { color: #2F2F2F; }
.news-type-heading ul.news-title { clear: both; }
.news-type-heading ul.news-title li { width: 596px; margin: 0 0 5px -5px; font-family: 'raleway-regular-webfont'; font-size: 18px; color: #000000; }
.news-type-heading ul.news-title li a { color: #d85300; }
.news-type-heading ul.news-title li a:hover { color: #2F2F2F; }
.news-type-heading .news-type-heading-pagenav { clear: both; margin: 0 0 -1px -5px; padding: 0; text-align: center; font-size: 16px; }
.news-type-heading .news-type-heading-pagenav a { color: #d85300; }
/* END OF added for news type headings - JM - Apr 14, 2014 */


/* added for page list below content - JM - Apr 14, 2014 */
.list-item-ajax-link { clear: both; margin: 20px 0; }
.list-item { float: left; clear: both; margin: 16px 0 0 0; padding: 0; width: 615px; } /* changed margin-top from 22px because of new layout request - JM - Jun 05, 2015 */
.list-item .list-item-title { font-family: 'raleway-extrabold-webfont'; font-size: 22px; color: #000000; line-height: 120%; } /* changed from raleway-bold-webfont 18px because of new layout request - JM - Jun 05, 2015 */
.list-item .list-item-title a:link, .list-item .list-item-title a:visited {color: #000;} /* added - MH - Jun 06, 2014 ; changed from #000 because of new layout request - JM - Jun 05, 2015 ; changed back from #33485f to #000 - JM - Sep 02, 2015 */
.list-item .list-item-title a:hover, .list-item .list-item-title a:active {text-decoration: underline;} /* added - MH - Jun 06, 2014 */
.list-item .list-item-subtitle { font-family: 'raleway-regular-webfont', Arial, Helvetica, sans-serif; font-size: 16px; color: #33465f; line-height: 100%; margin-bottom: 2px; }
.list-item .list-item-img { float: left; display: inline; margin: 0 20px 14px 0; max-width: 150px; } /* changed margin-right from 14px because of new layout request - JM - Jun 05, 2015 */
.list-item .list-item-img.square { width: 210px; height: 210px; max-width: none; } /* added for new layout request - JM - Jun 05, 2015 */
.list-item .list-item-img.size2 { max-width: 210px; } /* added as replacement of square image - JM - Jun 05, 2015 */
.list-item .list-item-img.nobottomspace { margin-bottom: 0; }
.list-item .list-item-img-full { max-width: 400px; margin-bottom: 2px; }
.list-item .list-item-img-full.nobottomspace { margin-bottom: 0; }
.list-item p { font-family: 'raleway-regular-webfont', Arial, Helvetica, sans-serif; font-size: 16px; color: #444444; margin: 5px 0 0 0; padding: 0; }
.list-item p.first { margin-top: 0; }
.list-item p.author-names { margin: 0; padding: 0; font-family: 'raleway-regular-webfont', Arial, Helvetica, sans-serif; font-size: 16px; color: #444; line-height: 145%; } /* changed line-height from 100% so there is space between lines - JM - Jun 04, 2015 */
.list-item p.author-names a { color: #2F2F2F; } /* changed from #d85300 per Kristin's 7/16 request - JM - Jul 16, 2014 */
.list-item p.author-names a:hover { color: #2F2F2F; text-decoration: underline; }
.list-item-nav { float: left; clear: both; width: 615px; margin: 25px 0 0 0; padding: 0 0 32px 0; text-align: center; text-transform: uppercase; font-family: 'raleway-bold-webfont', Arial, Helvetica, sans-serif; font-size: 18px; }
.list-item-nav.nobottomspace { margin-top: 20px; padding-bottom: 0; }
.list-item-nav .list-item-nav_l { float: left; }
.list-item-nav .list-item-nav_r { float: right; }

/* added for news HL - JM - Jun 11, 2015 */
.list-item.hl {max-width: 304px; width: 100%;}
.list-item.hl.first {margin-top: 0;}
.list-item.hl .list-item-title, .list-item p.author-names {word-wrap: break-word;}
.list-item.hl .list-item-title {font-size: 18px;}
.list-item.hl .list-item-title a {color: #000;}
.list-item.hl .list-item-img {margin: 0 10px 10px 0; width: 100px;}
/* END OF added for news HL - JM - Jun 11, 2015 */

/* added for Bill's Picks HL - SF - Aug 08, 2016 */
.list-item.hl .list-item-img {width: 80px; height: 80px; max-width: none;}
.list-item.hl .list-item-type {color: #D55400;}
/* END OF added for Bill's Picks HL - SF - Aug 08, 2016 */

.list-item .news-teaser h1 {
	color: #000000;
}

.list-item .news-teaser table tr th, .list-item .news-teaser table tr td,
.list-item .news-teaser ul li, .list-item .news-teaser ol li,
.list-item .news-teaser div {
	line-height: 145%;
}

.list-item .news-teaser ul, .list-item .news-teaser ol, .list-item .news-teaser div,
.list-item .news-teaser h1,
.list-item .news-teaser h2,
.list-item .news-teaser h3,
.list-item .news-teaser h4,
.list-item .news-teaser h5,
.list-item .news-teaser h6 {
    padding-top: 5px;
}

.list-item .news-teaser ul li, .list-item .news-teaser ol li {
	margin-left: 40px;
}
/* END OF added for page list below content - JM - Apr 14, 2014 */


article .sub {
    clear: both; /* added - JM - Apr 14, 2014 */
	float: right;
}

article .sub p, article .sub a {
    color: #000000;
    font-size: 13px;
}

article .sub a:hover {
    text-decoration: underline;
}

aside {
    max-width: 304px;
    width: 32%;
	float: right; /* added to move left navigation and left highlights to right - MH - May 06, 2015 */
}

aside .aside-menu {
    margin-bottom: 39px; /* changed from 30px to make it consistent with the other highlights because the left navigation is changed into a highlight - JM - Jun 11, 2015 */
}

aside ul li {
    list-style-type: none;
    background-color: #ececec;
    /*padding-bottom: 9px; -- removed - JM - Apr 14, 2014 */
}

aside ul li a {
    font-size: 20px;
    color: #1c2c3d;
    font-family: 'raleway-medium-webfont';
    background-color: #cfcfcf;
    padding: 7px 20px; /* changed from 12px 20px because line-height is added - JM - Apr 14, 2014 */
    display: block;
	line-height: 20px; /* added - JM - Apr 14, 2014 */
}

aside ul li.active a, aside ul li.open a {
    font-family: 'raleway-regular-webfont';
    font-size: 18px;
    padding: 9px 20px;
}

aside ul li ul {
    padding-top: 9px;
    display: none;
}

aside ul li.active ul {
    display: block;
}

aside ul li ul li {
    padding: 0 20px 14px;
	margin-left: 20px; /* added - JM - Apr 14, 2014 */
}

aside ul li ul li a, aside ul li.active ul li a, aside ul li.open ul li a {
    padding: 0;
}

aside ul li ul li a {
    background-color: #ececec; /* added - JM - Apr 14, 2014 */
}

aside ul li ul li.active a {
    font-weight: 700; /* added - JM - Apr 14, 2014; changed from bold - MH - Jul 15, 2015 */
}

aside ul li h4 a {
    font-family: 'raleway-regular-webfont';
    font-size: 18px;
    color: #000000;
    background-color: #ececec;
}

aside ul li a:hover {
    text-decoration: none;
}

/* added .page-content .promo for Debt Clock in the page content - JM - Feb 9, 2018 */
aside .promo, .page-content .promo {
    width: 100%;
    /*margin-bottom: 39px; -- removed because has been included in the HL div - JM - Jun 26, 2014 */
	font-family: 'adellebasic_reg-webfont'; /* added based on MH update - JM - Jun 05, 2014 */
}

.page-content .promo div {
	margin-top: 0;
}

aside .promo .top, .page-content .promo .top {
    padding: 5px 12px 10px 10px;
}

aside .promo .bottom, .page-content .promo .bottom {
    padding: 10px 12px;
}

aside .promo p, .page-content .promo p {
    font-family: 'adellebasic_reg-webfont'; /* changed from adellebasic_bold-webfont based on MH update - JM - Jun 05, 2014 */
    font-size: 21px;						/* changed from 30px - JM - Jun 05, 2014 */
    color: #ffffff;
}

.page-content .promo p {
	margin-top: 0;
}

aside .promo p strong, .page-content .promo p strong {
    display: block;
    font-size: 24px; /* changed from 27px - JM - Jun 05, 2014 */
}

aside .promo .top p {
    /* -- removed - JM - Jun 05, 2014
	font-family: 'adellebasic_reg-webfont';
    font-size: 20px;
	*/
}

aside .promo .top p span, .page-content .promo .top p span {
    display: inline-block;
    white-space: nowrap;
    /*font-size: 20px; -- removed - JM - Jun 05, 2014 */
}

aside .promo .top p strong, .page-content .promo .top p strong {
    /* -- removed - JM - Jun 05, 2014
	font-family: 'adellebasic_reg-webfont';
    font-size: 27px;
	*/
    white-space: nowrap;
    display: inline-block;
}

aside .promo .bottom p, .page-content .promo .bottom p {
    line-height: 140%; /* changed from 110% based on MH update - JM - Jun 05, 2014 */
}

aside .promo .bottom p span, .page-content .promo .bottom p span {
    display: inline-block;
    white-space: nowrap;
    /*font-size: 30px; -- removed - JM - Jun 05, 2014 */
}

aside .promo .bottom p strong, .page-content .promo .bottom p strong {
    display: inline-block;
    white-space: nowrap;
    /*font-size: 27px; -- removed - JM - Jun 05, 2014 */
}

aside .promo .your-share, .page-content .promo .your-share { /* added - JM - Jun 05, 2014 */
	padding: 8px 0 0 0;
	margin: 8px 0 0 0;
	border-top: 1px solid #fff;
	font-weight: 400;
}

aside .promo .your-share p span, .page-content .promo .your-share p span { /* added - JM - Jun 05, 2014 */
	font-size: 23px;
}

aside .sidebar-hl-item h2 { /* added for general highlight - JM - Apr 14, 2014 */
	line-height: 120%;
}

aside .sidebar-hl-item.tia-paypal-option h2 { /* ML - Jan 15, 2021 */
	font-size: 22px;
    margin-bottom: 25px;
}

aside .subscribe h2 {
    background: url("/content/images/cms/icons/subscribe-bl.png") no-repeat left center;
    padding: 0 0 0 54px;
    line-height: 160%;
}

aside .subscribe p {
    color: #000000;
}

aside .subscribe input, aside .frmTblHL input { /* added "aside .frmTblHL input" for login HL - JM - Apr 14, 2014 */
    display: block;
    background-color: #ececec;
    margin-top: 7px;
    width: 224px;
}

aside .subscribe input { /* ML Sept 03, 2021 add captcha */
    width: 252px;
}

aside .subscribe input::-webkit-input-placeholder,
aside .frmTblHL input::-webkit-input-placeholder { /* added for .frmTblHL, for login HL - JM - Apr 14, 2014 */
    color: #2f2f2f!important;
}

aside .subscribe input:-moz-placeholder,
aside .frmTblHL input:-moz-placeholder { /* added for .frmTblHL, for login HL - JM - Apr 14, 2014 */
    color: #2f2f2f!important;
}

aside .subscribe input:-ms-input-placeholder,
aside .frmTblHL input:-ms-input-placeholder { /* added for .frmTblHL, for login HL - JM - Apr 14, 2014 */
    color: #2f2f2f!important;
}

aside .subscribe input::-moz-placeholder,
aside .frmTblHL input::-moz-placeholder { /* added for .frmTblHL, for login HL - JM - Apr 14, 2014 */
    color: #2f2f2f!important;
} 

aside .subscribe input[type="checkbox"] {
    margin-right: 8px;
    height: 12px;
    display: inline-block;
}

aside .subscribe label, aside .frmTblHL label { /* added for .frmTblHL, for login HL - JM - Apr 14, 2014 */
    color: #000000;
    margin-top: 10px;   
    display: inline; /* changed from inline-block to fix extra spaces between fields in Chrome - JM - Jul 19, 2017 */
}

aside .subscribe form p {
    display: block;
    color: #000000;
    padding: 13px 10px 0 22px;
    font-size: 16px;
    line-height: 100%;
}

aside .subscribe button, aside .frmTblHL button, .frmTbl button { /* added for .frmTblHL, for login HL and added for form in the page content - JM - Apr 14, 2014 */
    margin-top: 18px;
    background-color: #ea7e00; /* changed from #d55400 - JM - Feb 08, 2018 */
    width: 245px;
    padding: 4px 5px 5px;
}

aside .subscribe button { /* added to fix the button placement, it appeared at the top in certain screen width - JM - Jul 19, 2017 */
	float: left;
    width: 271px; /* ML Sept 03, 2021 add captcha */
}

aside .subscribe form, aside .subscribe form p { /* added - JM - Apr 14, 2014 */
	clear: left;
}

aside .subscribe form label.label-tooltip { /* added for placeholder - JM - Apr 14, 2014 */
	left: 10px;
	top: 8px;
	text-align: left;
    font-family: 'raleway-regular-webfont', Arial, Helvetica, sans-serif;
    font-size: 16px;
	color: #000000;
	height: 20px;
}

aside .frmTblHL button { /* added for login HL - JM - Apr 14, 2014 */
	width: 50px;
	margin-top: 0;
}


/* added for general highlight - JM - Apr 14, 2014 */
aside .sidebar-hl-item.news, aside .sidebar-hl-item.bills-picks {
	display: inline-block;
    max-width: 304px;
    width: 100%;
}

aside .sidebar-hl-item.subscribe, aside .sidebar-hl-item.subscribe form { /* added to cover all fields - JM - Jul 19, 2017 */
	display: inline-block;
}

aside .sidebar-hl-item .event-cal.wspace {
	margin-top: 10px;
}

aside .sidebar-hl-item {
	margin-bottom: 39px;
}

aside .sidebar-hl-item .hl-img {
	width: 304px;
	margin-top: 10px;
}

aside .sidebar-hl-item .hl-img.first {
	margin-top: 0;
}

aside .sidebar-hl-item.bills-picks .hl-img { /* added for Bill's Picks highlight - SF - Aug 08, 2016 */
	float: left;
	max-width: 115px;
	margin-right: 20px;
}

aside .sidebar-hl-item .hl-content {
	margin-top: 10px;
}

aside .sidebar-hl-item .hl-content.first {
	margin-top: 0;
}

aside .sidebar-hl-item .hl-content p {
	color: #000000;
	margin-top: 10px;
}

aside .sidebar-hl-item .hl-content p:first-child {
	margin-top: 0;
}

aside .sidebar-hl-item .hl-content h1 {
	color: #000000;
}

aside .sidebar-hl-item .hl-content table tr th, aside .sidebar-hl-item .hl-content table tr td,
aside .sidebar-hl-item .hl-content ul li, aside .sidebar-hl-item .hl-content ol li,
aside .sidebar-hl-item .hl-content div {
	line-height: 145%;
}

aside .sidebar-hl-item .hl-content ul, aside .sidebar-hl-item .hl-content ol, aside .sidebar-hl-item .hl-content div,
aside .sidebar-hl-item .hl-content h1,
aside .sidebar-hl-item .hl-content h2,
aside .sidebar-hl-item .hl-content h3,
aside .sidebar-hl-item .hl-content h4,
aside .sidebar-hl-item .hl-content h5,
aside .sidebar-hl-item .hl-content h6 {
    padding-top: 10px;
}

aside .sidebar-hl-item .hl-content ul li, aside .sidebar-hl-item .hl-content ol li {
	margin-left: 40px;
}

aside .sidebar-hl-item .hl-content ul li {
	background-color: #FFFFFF;
	list-style-type: disc;
}

aside .sidebar-hl-item .hl-content ul li a {
	background-color: #FFFFFF;
	color: #d85300;
	display: inline;
    font-family: 'raleway-regular-webfont', Arial, Helvetica, sans-serif;
    font-size: 16px;
	line-height: 145%;
	padding: 0;
}

aside .sidebar-hl-item .hl-content ul li a:hover {
	color: #2F2F2F;
}
/* END OF added for general highlight */


/* added for form fields in the page content - JM - Apr 14, 2014 */
.frmTbl input {
    font-family: raleway-regular-webfont, Arial, Helvetica, sans-serif;
    font-size: 16px;
    border: none;
    background-color: #ececec;
    color: #2f2f2f;
    padding: 5px;
}

.frmTbl select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}

.frmTbl button {
	padding: 5px;
	margin: 0;
	width: auto;
	height: auto;
	font-family: 'raleway-medium-webfont'; /* added per KM request - JM - Jun 18, 2014 */
}

.frmSearch input, .frmSearch select {
	font-size: 14px;
}

.frmSearch button {
	font-size: 14px;
	font-family: 'raleway-medium-webfont'; /* added per KM request - JM - Jun 18, 2014 */
}

.frmSearch input {
	width: 150px;
}

.frmSearch select {
	width: 265px;
}

.input.fotf {
	width: 250px;
}

.input.fotf.datePicker {
	width: 95px;
}

.textarea.fotf {
	width: 250px;
	height: 100px;
}

.radio.fotf, .checkbox.fotf {
	margin-left: 0;
}
/* END OF added for form fields in the page content - JM - Apr 14, 2014 */


/* added for donation form - ML - Dec 01, 2015 */
.donate_form {
	clear: both;
	color: #33485F;
}

.donate_form a {
	color: #D85300;
}

.donate_form a:hover {
	color: #2F2F2F;
}

.donate_form_container {
    margin-bottom: 30px;
}

.donate_form .field-validation-error {
    margin-left: 0;
	font-size: 13px;
}

.donate_form .donate_error {
	display: block;
}

.donate_form .donate_header_title {
	margin-top: 25px;
}

.donate_form .donate_header_title.first {
	margin-top: 0;
}

.donate_form .donate_header_title h3.form-header {
	color: #666;
}

.donate_form .donate_header_title h3.form-header.inline {
	display: inline;
}

.donate_section_body {
    margin-top: 5px;
	width: 100%;
}

.donate_form .donate_button_amount_container {
	display: inline-block;
	margin: 5px 26px 5px 0;
	padding: 0;
    vertical-align: top;
}

.donate_form .donation_button_type_container {
	display: inline-block;
	margin: 5px 30px 5px 0;
	padding: 0;
    vertical-align: top;
}

.donate_form .donate_button_amount,
.donate_form .donate_button_type,
.donate_form .donate_button,
.donate_form input,
.donate_form select,
.donate_form textarea {
	-webkit-border-radius: 5px 5px;
	-moz-border-radius: 5px / 5px;
	border-radius: 5px;
}

.donate_form .donate_button_amount {
	width: 120px;
	height: 42px;
	color: #2F2F2F;
	background: #ECECEC;
	cursor: pointer;
	text-align: center;
    line-height: 42px;
    font-size: 15px;
}

.donate_form .donate_button_type {
	width: 167px;
	height: 42px;
	color: #2F2F2F;
	background: #ECECEC;
	cursor: pointer;
	line-height: 42px;
	text-align: center;
    font-size: 15px;
}

.donate_form .donate_button_amount:hover,
.donate_form .donate_button_type:hover {
	color: #FFF;
	background: #D55400;
}

.donate_form .donate_button_amount.active,
.donate_form .donate_button_type.active {
	color: #FFF;
	background: #D55400;
}

.frmTbl .donate_button_submit{
	width:200px;
	margin-right:10px;
}

.frmTbl .donate_button_print {
	margin-right:10px;
}

.frmTbl .donate_button_submit,
.frmTbl .donate_button_etc{
	background-color: #D55400;
	font-size: 16px;
    padding: 8px;
}

.frmTbl .donate_button_back{
	background: none;
    border: 1px solid #324860;
    color: #324860;
	font-size: 16px;
    padding: 8px;
}

.frmTbl .donate_button_back{
	width:100px;
}

.donate_form .donation_input_container {
	display: inline-block;
	margin: 5px 14px 5px 0;
	padding: 0;
	width: 44%;
	vertical-align: top;
}

.donate_form .donation_input_container input[type="text"] {
	width: 100%;
	height: 29px;
}

.donate_form .donation_input_container select {
    width: 100%;
    height: 29px;
}

.donate_form .donation_input_container label {
	padding-bottom: 5px;
	cursor: pointer;
	font-size: 15px;
	display: inline-block;
}

.donate_form input {
    padding: 5px;
	border: 1px solid #A9A9A9;
	outline: none;
    box-sizing: border-box; 
}

.donate_form select,
.donate_form textarea {
	outline: none;
	border: 1px solid #A9A9A9;
	background-color: #ECECEC;
}

.donate_form textarea {
    font-size: 16px;
    font-family: 'raleway-regular-webfont', Arial, Helvetica, sans-serif;
    padding: 5px;
	width: 46%;
	height: 80px;
}

.donate_form .checkbox {
	margin-top: 0;
	vertical-align: middle;
}

.donate_form input:hover,
.donate_form input:focus,
.donate_form select:hover,
.donate_form select:focus,
.donate_form textarea:hover,
.donate_form textarea:focus {
	border: 1px solid #D55400;
}

.donate_form input.other_amount {
	border: 0 !important;
	padding: 0 0 0 0 !important;
	background: none;
	width: 55px;
	color: #FFF !important;
	font-size: 15px;
}

.input-hidden-extended {
    display: inline !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    float: right !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    min-width: 0 !important;
}

.donate_form .small_text {
	color: #777;
	font-size: 13px;
}

.donate_form .ccActive em {
	color: #33485F !important;
	font-weight: bold;
}

.donate_form .donate_button {
    margin-top: 10px;
	width: 91%;
}

.donate_form .donate_button,
.donate_form .donate_button:hover {
	border: 0;
	/*background: #FFF url(/content/images/cms/orange_gradient.png) repeat-x;*/
	background-color: #D55400;
	color: #FFF;
	height: 37px;
    padding: 4px 5px 5px;
    outline: none;
	cursor: pointer;
}

.donate_form .donate_button:hover {
	background: #FFF url(/content/images/cms/orange_gradient_hover.png) repeat-x;
}

.donate_form .donate_button:disabled:hover, .donate_form .donate_button[disabled]:hover {
	background: #FFF url(/content/images/cms/orange_gradient.png) repeat-x;
	cursor: default;
}
/* END OF added for donation form - ML - Dec 01, 2015 */


/*  Footer  */
footer {
    background-color: #33485f;
}

footer p {
    color: #ffffff;
}

footer .container {
    background: none;
    max-width: 958px;
    margin: auto;
    padding: 38px 0 120px;
}

footer .logo {
    float: left;
    margin-right: 17px;
}

footer .logo a {
    display: block;
}

footer .logo img {
    width: 273px;
}

footer .menu {
    float: left;
}

footer ul {
    list-style-type: none;
    float: right;
    margin-right: 10px;
}

footer ul li {
    float: left;
}

footer ul li a {
    display: block;
    padding: 50px 14px 20px 5px; /* changed from 50px 14px 20px 13px to fit for new social icon - JM - Jun 26, 2014 */
    color: #ffffff;
    font-family: 'raleway-extrabold-webfont';
    font-size: 15px;
}

/* added because hovering link in the footer is too dark - JM - Apr 14, 2014 */
footer ul li a:hover {
    color: #ffffff;
	text-decoration: underline;
}
/* END OF added because hovering link in the footer is too dark */

footer .social ul {
    margin: 0;
}

footer .social ul li a {
    /*padding: 50px 8px 18px;*/
    padding: 50px 7px 18px;
}

footer .social ul li.last a, footer .social ul li:last-child a {
    padding: 50px 0 18px 8px; 
}

footer .adr {
    margin-bottom: 10px;
    text-align: right;
}

footer .adr p {
    display: inline-block;
    margin-left: 26px;
    font-family: 'raleway-light-webfont';
}

footer .line {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    margin-bottom: 10px;
}

footer .copyright p, footer .copyright a {
    font-size: 11px;
    color: #ffffff;
}

footer .copyright a:hover {
    text-decoration: underline;
}

footer .media {
    float: right;
}

footer .media a {
    display: block;
}


/* added - JM - Apr 14, 2014 */
.hidden-obj {
	display: none;
}

.red-text {
	color: red;
}

.bold-text {
	font-weight: 700; /* changed from bold - MH - Jul 15, 2015 */
}
/* END OF added - JM - Apr 14, 2014 */


/************** validation helpers formatting - JM - Jul 30, 2012 **************/
.field-validation-error, label.error {
    color: red;
	margin-left: 5px;
	font-size: 13px;
}

aside .sidebar-hl-item.subscribe .field-validation-error:before {
	content: "";
	display: inline-block;
	height: 100%;
	margin-top: 10px;
	padding-top: 7px;
}

aside .sidebar-hl-item.subscribe .field-validation-error {
    margin-left: 0;
}

aside .sidebar-hl-item.subscribe .field-validation-error + input[type="text"] {
    margin-top: 0;
}

aside .sidebar-hl-item.subscribe .field-validation-error + input[type="text"] + label.label-tooltip {
	top: 22px;
}

.topF .field-validation-error, .topF label.error {
	margin-left: 0;
	display: block;
}

.field-validation-valid, .validation-summary-valid {
    display: none;
}

.validation-summary-errors {
    color: red;
}

.error-hl {
	display: block;
	margin-left: 0;
}
/********************* end of validation helpers formatting ********************/


/********************* for message box - JM - Apr 14, 2014 *********************/
.infoBox, .successBox, .warningBox, .errorBox, .validationBox {
    border: 1px solid;
    margin: 0 0 10px 0;
    padding: 10px 0 10px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    
    font-size: 14px;
    line-height: 18px;
}

.infoBox {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url("/content/images/box-info.gif");
}

.infoBox a {
    color: #00529B;
    text-decoration: none;
}

.infoBox a:hover {
    text-decoration: underline;
}

.successBox {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url("/content/images/box-success.gif");
}

.warningBox {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url("/content/images/box-warning.gif");
}

.errorBox {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url("/content/images/box-error.gif");
}

.errorBox a {
    color: #D8000C;
    text-decoration: none;
}

.errorBox a:hover {
    text-decoration: underline;
}

.errorBox ul li {
	margin-left: 20px;
}

.validationBox {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url("/content/images/box-validation.gif") ;
}

.validationBox a {
	color: #D63301;
}

#ulFOTFError {
	clear: both;
}

#ulFOTFError li {
	margin-left: 15px;
}
/****************************** end of message box *****************************/


/*********************************** loading ***********************************/
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window with position:fixed.
   Width, height, top and left speak for themselves.
   Background we set to 80% white with our animation centered, and no-repeating */
#loading, #loadingG {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url("/Content/Images/ajax-loader.gif") 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn the scrollbar off with overflow:hidden */
body.loading, body.no-scroll {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our modal element will be visible */
body.loading #modal {
    display: block;
}

.loading_section {
    background: rgba( 255, 255, 255, .8 ) url("/Content/Images/ajax-loader.gif") 50% 50% no-repeat;
}

.loading_section_gray {
    background: rgba( 238, 238, 238, .8 ) url("/Content/Images/ajax-loader.gif") 50% 50% no-repeat;
}
/******************************* end of loading ********************************/

#frmPgSubscribe button {
	font-family: 'raleway-bold-webfont'; /* added - JM - Feb 08, 2018 */
}

/* added - JM - Jan 09, 2017 */
.subscribe button:hover, aside .subscribe button:hover,
.frmTbl button:hover, .frmTblHL button:hover,
.news-subscribe-popup button:hover {
	background-color: #f59d00; /* changed from #3B9EBF and #d55400 - JM - Feb 08, 2018 */
}

.subscribe button:disabled:hover, .subscribe button[disabled]:hover,
.frmTbl button:disabled:hover, .frmTbl button[disabled]:hover,
.frmTblHL button:disabled:hover, .frmTblHL button[disabled]:hover,
.news-subscribe-popup button:disabled:hover, .news-subscribe-popup button[disabled]:hover,
aside .subscribe button:disabled:hover, aside .subscribe button[disabled]:hover,
aside .frmTblHL button:disabled:hover, aside .frmTblHL button[disabled]:hover {
	background-color: #EA7E00; /* changed from #4dd2ff - JM - Feb 08, 2018 */
	cursor: default;
}
/* END OF added - JM - Jan 09, 2017 */


/* added for newsletter subscription popup - JM - Feb 08, 2018 */
.news-subscribe-popup.big-container, .news-subscribe-popup.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/*background-color: rgba( 255, 255, 255, .8 );*/
    background-color: rgba( 255, 255, 255, .1 );
}

.news-subscribe-popup.big-container {
	z-index: 105;
}

.news-subscribe-popup.overlay {
	z-index: 106;
}

.news-subscribe-popup.container {
	position: fixed;
	z-index: 107;

	/* horizontally and vertically centered */
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	display: inline-block;
	width: 640px;
	/*background-color: #54779E;*/
    background-color: #EAEDF2;

	font-family: 'raleway-regular-webfont', Arial, Helvetica, sans-serif;
	color: #FFFFFF;

    border: 1px solid #EAEDF2;

    border-radius: 5px;
}

.news-subscribe-popup.header {
	display: inline-block;
	padding: 15px;
	/*background-color: #324860;*/
    background-color: #FFFFFF;
    border-radius: 5px;
}

.news-subscribe-popup.header img {
	width: 270px;
}

.news-subscribe-popup.close {
	text-align: right;
	margin-bottom: -25px;
	margin-top: -10px;
	margin-right: -10px;
}

.news-subscribe-popup.close img {
	width: 30px;
	cursor: pointer;
}

.news-subscribe-popup.logo {
	float: left;
	text-align: center;
	width: 305px;
}

.news-subscribe-popup.logo h1 {
	font-size: 31px;
	font-family: 'raleway-bold-webfont', Arial, Helvetica, sans-serif;
}

.news-subscribe-popup.intro {
	float: right;
	text-align: center;
	width: 305px;
}

/* horizontally and vertically centered */
.news-subscribe-popup.intro:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

/* horizontally and vertically centered */
.news-subscribe-popup.intro-inner {
	display: table;
	vertical-align: middle;
}

.news-subscribe-popup.intro p {
	font-size: 23px;
	line-height: 26px;
	/*color: #FFFFFF;*/
    color: #1C285D;
    font-family: raleway-extrabold-webfont;
    text-align: left;
}

.news-subscribe-popup.content {
	display: inline-block;
	padding: 0 0 20px 20px;
}

.news-subscribe-popup.content form {
	display: inline-block;
}

.news-subscribe-popup.content input {
	float: left;
	width: 276px;
	margin: 17px 16px 0 0;
}

.news-subscribe-popup.content input[type="text"] {
	border: 1px solid #628BBE;
	padding: 7px;

	font-family: 'raleway-regular-webfont', Arial, Helvetica, sans-serif;
	font-size: 20px;
}

.news-subscribe-popup .button {
	font-family: 'raleway-bold-webfont';
	padding: 8px;
	width: 292px;
	height: 40px;
	margin: 17px 16px 0 0;
}

.news-subscribe-popup label.label-tooltip {
	font-family: 'raleway-regular-webfont', Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #ADADAD;

	top: 29px;
	left: 8px;
}

.news-subscribe-popup .errorBox {
	margin: 20px 20px 0 0;
	padding: 15px 0px 15px 50px;
}

.news-subscribe-popup .errorBox li {
	margin-left: 15px;
	line-height: 145%;
}

.news-subscribe-popup .errorBox li label.error {
	margin-left: 0;
	cursor: pointer;
}

.news-subscribe-popup input.error + label.error {
	display: none !important;
}

@-moz-document url-prefix() {
	.news-subscribe-popup.content input[type="text"] {
		border: none;
	}
}
/* END OF added for newsletter subscription popup - JM - Feb 08, 2018 */

.footer_login{
    font-family: 'raleway-light-webfont';
    background:url(/content/images/cms/login.png) no-repeat 0 center;
    padding-left: 25px;
    color:#fff;
    display: inline-block;
}

.footer_login:hover{
    text-decoration: underline;
    color:#fff;
}

/*  Mobile  */
@media  (max-width: 1200px) { 
    /* -- removed - JM - Jun 05, 2014
	aside .promo p strong {
        font-size: 24px;
    }*/
}


@media  (max-width: 1005px) { 
    .home header .top-left {
        padding-right: 1px;
        z-index: 10;
    }

    header .menu {
        margin-bottom: 0;
    }

    header .top-right .social {
        padding: 15px 10px 10px 0;
    }

    header .topic {
        min-height: 161px;
        overflow: hidden;
    }

    header .top-right .transparent {
        width: 100%;
    }

    header .menu ul  {
        width: 100%;
        display: inline-block;
        margin-bottom: -2px;
    }

    header .menu ul li {
        display: block;
        width: 20%;
    }
	
	header .menu ul li:hover ul li {
		display: none; /* added for navigation dropdown - MH - Jul 15, 2015 */
	}
	
	.home header .top-right { /* added - MH - May 20 + 29, 2014 */
		background: #314861;
	}

	header #rotator .bg.empty img { /* added - JM - Jun 19, 2014 */
		display: none;
	}

	.heading { /* added - MH - Jun 10, 2014 */
		width: 100% !important;
		box-sizing: border-box;
	}

	/* added for debt clock on subpage - JM - Jun 26, 2014 */
	aside .promo p {
		font-size: 19px;
	}

	aside .promo p strong {
		font-size: 22px;
	}

	aside .promo .your-share p span {
		font-size: 21px;
	}
	/* END OF added for debt clock on subpage - JM - Jun 26, 2014 */

	.list-item, .list-item-nav { /* added .list-item-nav - JM - Jul 31, 2015 */
		width: 100%; /* added - MH - Jul 30, 2015 */
	}
}


@media  (max-width: 989px) { 
    body > .wrapper {
        padding: 0 10px; /* added to give left/right margin for Products & Resources like another screen width - JM - Jul 19, 2017 */
    }

    #content section {
        padding: 38px 10px 23px;
    }

	#content section .block .headline h2, #content section .block .headline h2 a,
	#content section .feed .headline h2, #content section .feed .headline h2 a {
		font-size: 27px; /* added to make "TIA in the News" header on one line - JM - May 30, 2014 */
	}

    .page-area {
        padding: 0 10px 50px;
    }

    /* added for donation form - ML - Dec 01, 2015 */
    .donate_form .donation_input_container {
	    width: 45%;
	}

    /* -- removed - JM - Jun 05, 2014
	aside .promo p {
        font-size: 28px;
    }

    aside .promo p strong {
        font-size: 25px;
    }*/

    footer ul li a {
        padding: 50px 10px 20px 5px; /* changed from 50px 10px 20px 10px to fit for new social icon - JM - Jun 26, 2014 */
    }

    footer .container {
        padding: 38px 10px 120px;
    }

    footer .social ul li a {
        padding: 50px 3px 18px;
    }

    footer .social {
        float: right;
    }

    footer .adr {
        clear: both;
    }
}


@media  (max-width: 955px) { /* added - JM - Jul 19, 2017 */
    .home #content .subscribe input {
		width: 195px;
    }

    #content section .block {
        width: 23%; /* so the Morning Call column doesn't fall */
    }

	.page-content img { /* added - JM - Feb 9, 2018 */
		width: auto;
		height: auto;
		max-width: 100%;
	}
}


@media  (max-width: 930px) { 
    .home #content .subscribe input {
		width: 180px;
    }

	#content section .block .headline h2, #content section .block .headline h2 a,
	#content section .feed .headline h2, #content section .feed .headline h2 a {
		font-size: 25px; /* added to make "TIA in the News" header on one line - JM - May 30, 2014 */
	}

    header .top-right {
        right: 0;
        left: auto;
    }

    .wrapper {
        padding: 0 10px;
    }

    .wrapper .services {
        padding-bottom: 30px;
    }

    .wrapper .services ul li {
        margin-bottom: 10px;
        width: 100%;
        padding-right: 0;
    }

    /* added for donation form - ML - Dec 01, 2015 */
    .donate_form .donation_button_type_container {
        width: 100%;
    }

	/* added for debt clock on subpage - JM - Jun 26, 2014 */
	aside .promo p {
		font-size: 17px;
	}

	aside .promo p strong {
		font-size: 20px;
	}

	aside .promo .your-share p span {
		font-size: 19px;
	}
	/* END OF added for debt clock on subpage - JM - Jun 26, 2014 */
}


@media  (max-width: 915px) {
	#content .subscribe h4 {
		padding-top: 10px; /* added just for nice looking - JM - Mar 16, 2015 */
	}

    /* -- removed - JM - Jun 05, 2014
	aside .promo p {
        font-size: 26px;
    }

    aside .promo p strong {
        font-size: 23px;
    }*/
}


@media  (max-width: 903px) { 
    .home #content .subscribe input {
		width: 170px;
    }

    footer .menu {
        float: none;
    }

    footer .social {
        clear: both;
        float: none;
    }

    footer .social ul {
        float: none;
    }

    footer .social ul li a, footer .social ul li.last a, footer .social ul li:last-child a {
        padding: 20px 3px 18px;
    }

    footer .adr {
        text-align: left;
    }

    footer .adr p {
        margin-left: 0;
        margin-right: 26px;
    }

    footer .container {
        padding-bottom: 30px;
    }
}


@media  (max-width: 876px) {
    .home #content .subscribe input { /* ML Sept 03, 2021 */
        width: 170px;
    }

    header .top-right .social ul li a {
        padding: 6px 4px;
    }

    .home #content .subscribe button { /* added, so the button will have the same size like the text fields - JM - Feb 08, 2018 */
		width: 190px;
    }
	
	#content section .block .headline h2, #content section .block .headline h2 a,
	#content section .feed .headline h2, #content section .feed .headline h2 a {
		font-size: 24px; /* added to make "TIA in the News" header on one line - JM - May 30, 2014 */
	}

    /* -- removed - JM - Jun 05, 2014
	aside .promo p strong {
        font-size: 21px;
    }*/

    #content .lab {
        width: 46%;
    }
}


@media  (max-width: 842px) {
    .home #content .subscribe input { /* ML Sept 03, 2021 */
        width: 160px;
    }

    #content .lab span {
        font-size: 13px;
    }

    #content .lab h3 {
        font-size: 20px;
    }

    #content .lab p {
        font-size: 14px;
    }

	#content .subscribe p {
		font-size: 16px; /* added for subscribe form on the homepage - JM - Apr 14, 2014 */
	}

	#content section .block .headline h2, #content section .block .headline h2 a,
	#content section .feed .headline h2, #content section .feed .headline h2 a {
		font-size: 24px; /* added to make "TIA in the News" header on one line - JM - May 30, 2014 */
	}

	/* added for debt clock on subpage - JM - Jun 26, 2014 */
	aside .promo p {
		font-size: 15px;
	}

	aside .promo p strong {
		font-size: 18px;
	}

	aside .promo .your-share p span {
		font-size: 17px;
	}
	/* END OF added for debt clock on subpage - JM - Jun 26, 2014 */
}


@media  (max-width: 832px) {
    .frmSubscribeHomepage  { /* ML Sept 03, 2021 */
        width: 100%;
    }

    .home #content .subscribe input { /* ML Sept 03, 2021 */
        width: 150px;
    }

    #content .promo {
        width: 47%;
    }

    #content .lab {
        width: 46%;
    }

    h1 {
        font-size: 38px;
    }

    h2 {
        font-size: 26px;
    }

    h3 {
        font-size: 20px;
    }

    #content section .block ul li h4, h5, p {
        font-size: 14px;
    }

	#content section .feed .news-content div, #content section .block .news-content div,
	#content section .feed .news-content table, #content section .block .news-content table,
	#content section .feed .news-content ul li, #content section .block .news-content ul li,
	#content section .feed .news-content ol li, #content section .block .news-content ol li	{
        font-size: 14px;
	}

	.wrapper .services .service-content div, .wrapper .services .service-content table,
	.wrapper .services .service-content ul li, .wrapper .services .service-content ol li {
        font-size: 14px;
	}

    #content section .block .date {
        font-size: 16px;
    }

    #content section .feed {
        width: 47%;
    }

    #content section .block {
        width: 23%;
    }

	#content section .block .headline h2, #content section .block .headline h2 a,
	#content section .feed .headline h2, #content section .feed .headline h2 a {
		font-size: 23px; /* added to make "TIA in the News" header on one line - JM - May 30, 2014 */
	}

	aside .sidebar-hl-item .hl-content table,
	aside .sidebar-hl-item .hl-content ul li, aside .sidebar-hl-item .hl-content ol li,
	aside .sidebar-hl-item .hl-content div { /* added for general highlight - JM - Apr 14, 2014 */
		font-size: 14px;
	}

}


@media  (max-width: 808px) { 
    #content .promo {
        width: 48%;
    }

    /* -- removed because this will looks ugly when the window is resized - JM - Apr 14, 2014
	#content .subscribe table {
        width: 70%;
    }
	*/

    #content .lab-chart-img .chart-text-line{
        margin: 15px 0 15px 0;
    }
}


@media  (max-width: 800px) {
    
    .home #content .subscribe button { /* ML Sept 03, 2021 */
        width: 174px;
    }

    #content section .block .headline h2, #content section .block .headline h2 a,
    #content section .feed .headline h2, #content section .feed .headline h2 a {
        font-size: 22px; /* added to make "TIA in the News" header on one line - JM - May 30, 2014 */
    }

    aside ul li a {
        font-size: 18px;
    }

    aside ul li ul li a, aside ul li.active ul li a, aside ul li.open ul li a {
        font-size: 16px;
    }

    /* -- removed - JM - Jun 05, 2014
	aside .promo p {
        font-size: 22px;
    }

    aside .promo p strong {
        font-size: 19px;
    }*/

    aside .subscribe label, aside .subscribe span, aside .subscribe p {
        font-size: 14px;
    }

	aside .subscribe span { /* added - JM - Jul 19, 2017 */
		width: 100%;    /* so the text fields can be in full width */
		/*
		display: block; to reduce the spaces between text fields after adding width 100%
						removed after adding aside .sidebar-hl-item.subscribe .field-validation-error:before - JM - Feb 08, 2018
		*/
	}

    aside .subscribe input {
        /*width: 100%;*/ /* changed from 92%, so the button can be in full width - JM - Jul 19, 2017 */
        /* but needs to add padding-right 0 in its td */

        width: 222px; /* ML Sept 03, 2021 add capthca */
        margin-right: 0; /* ML Sept 03, 2021 add capthca */
    }

    aside .subscribe button {
        /*width: 100%;*/
        width: 242px; /* ML Sept 03, 2021 add capthca */
    }

    .news-subscribe-hl-captcha .g-recaptcha { /* ML Sept 03, 2021 add capthca */
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }

    .news-subscribe-hl-captcha { /* ML Sept 03, 2021 add capthca */
        overflow: hidden;
        width: 241px;
    }
}


@media  (max-width: 785px) { 
    header .heading {
        position: relative;
    }

    header .wrapper {
        padding: 0;
    }

    h1 {
        font-size: 36px;
    }

    header .top-right .social ul li a {
        padding: 6px 2px;
    }

	/* added for debt clock on subpage - JM - Jun 26, 2014 */
	aside .promo p {
		font-size: 13px;
	}

	aside .promo p strong {
		font-size: 16px;
	}

	aside .promo .your-share p span {
		font-size: 14px;
	}
	/* END OF added for debt clock on subpage - JM - Jun 26, 2014 */
}


@media (max-width: 775px)
{
	/* -- removed because it will look ugly, replaced with px below - JM - Apr 14, 2014
	#content .subscribe input, #content .subscribe button {
        width: 27%;
    }
	*/
    #content .subscribe input[type="text"] {
        /*width: 250px;*/
        width: 284px; /* ML Sept 03, 2021 */
    }

    #content .subscribe button {
        padding: 4px 5px 5px;
    }

    .home #content .subscribe button { /* added, so the button will have the same size like the text fields - JM - Jul 19, 2017 */
        /*width: 270px;*/
        width: 305px; /* ML Sept 03, 2021 */
    }

	/* added just for nice looking - JM - Apr 14, 2014 */
	#content .subscribe input[type="text"], #content .subscribe button {
       margin-top: 15px;
    }

	#content .subscribe form label.label-tooltip {
		top: 24px;
		font-size: 15px; /* added to fit the zip code - JM - Mar 16, 2015 */
	}

	#content .subscribe h2 {
		float: none;
	}
	/* END OF added - JM - Apr 14, 2014 */

    .news-subscribe-home-captcha { /* ML Sept 03, 2021 add captcha */
        text-align: center;
        width: 630px;
    }
}


@media  (max-width: 758px) { 
    #content section {
        text-align: right;
    }

    #content section .feed {
        width: 99%;
        height: auto;
        border: none;
    }

    #content section .block, #content section .block.last {
        width: 46%; /* changed from 47%, so the Morning Call column doesn't fall - JM - Jul 19, 2017 */
        text-align: center;
    }

}


@media  (max-width: 750px) { 
    header .top-right {
        width: 62%;
    }

    header .top-left {
        width: 38%;
        height: 99%;
    }

    header .top-left .logo {
        margin: 0;
        text-align: left;
    }

    header .top-left .logo img{
        width: 98%;
        min-width: 226px;
    }

    header .top-right .social ul li a {
        padding: 6px 4px;
    }

    /* added for donation form - ML - Dec 01, 2015 */
    .donate_form .donation_input_container, .donate_form textarea {
	    width: 100%;
	}

    .donate_form .donate_button {
        width: 100%;
    }
    /* END OF added for donation form - ML - Dec 01, 2015 */

	/* -- removed - JM - Jun 05, 2014
	aside .promo p {
        font-size: 17px;
    }*/

	/* added responsive subscription form - JM - Jul 19, 2017 */
	#frmPgSubscribe table tr td {
		display: block;
	}

	#frmPgSubscribe table tr td:nth-child(2n-1) {
		padding-top: 5px;    /* add margin between fields */
		padding-bottom: 1px; /* so if there is an error message, it will look nice */
	}

	#frmPgSubscribe table tr.spacer {
		display: none; /* hide the extra spaces */
	}

	#frmPgSubscribe input[type="text"], #frmPgSubscribe button {
		width: 100%;
	}
	/* END OF added responsive subscription form - JM - Jul 19, 2017 */
}


@media  (max-width: 700px) {
    footer ul {
        clear: both;
        float: none;
    }

    footer ul li a {
        padding: 20px 10px 0 5px; /* changed from 20px 10px 0px to fit for new social icon - JM - Jun 26, 2014 */
    }

    footer ul li a:first-child {
        padding: 20px 10px 0 0;
    }

    /* -- removed because this will looks ugly when the window is resized - JM - Apr 14, 2014
    #content .subscribe table {
        width: 80%;
    }
	*/

    #content .lab, #content .promo {
        display: block;
        float: none;
        margin: 0;
        width: auto;
    }

    #content .promo {
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }

    #content .promo .top {
        padding: 5px 0 10px;
    }

    .promo .bottom {
        padding: 10px 0 10px;
    }

    #content .lab-chart-img { /* added to replace current Chart of the Month with one image only - JM - Nov 09, 2015 */
        max-width: 100%;
		margin-left: auto;
    }

    #content .subscribe span.span-input { /* ML Sept 03, 2021 */
        display: block;
        float:none;
    }

    #content .subscribe #btnSubscribe { /* ML Sept 03, 2021 */
        display: none;
    }

    #content .subscribe #btnSubscribeMobile { /* ML Sept 03, 2021 */
        display: block!important;
    }

    .news-subscribe-home-captcha { /* ML Sept 03, 2021*/
        text-align: left;
        width:auto;
    }

    
}


@media  (max-width: 675px) {
    article {
        float: none;
        margin-bottom: 20px;
        width: 100%;
    }

    /* added for donation form - ML - Dec 01, 2015 */
    .donate_form .donation_input_container {
	    width: 44%;
	}

	.donate_form textarea {
	    width: 46%;
	}
    /* END OF added for donation form - ML - Dec 01, 2015 */
	
	/* added - JM - Oct 03, 2017 */
	.list-item .list-item-img.size2 {
		float: none;
		display: inline-block;
		margin-bottom: 1px;
	}
	/* END OF added - JM - Oct 03, 2017 */

    aside {
        max-width: 100%;
        width: 100%;
    }

    aside .promo, .page-content .promo {
        text-align: center;
    }

    /* removed to leave the text fields and button in full width - JM - Jul 19, 2017
	aside .subscribe input {
        width: 224px;
    }

    aside .subscribe button {
        width: 244px;
    }*/

    aside .subscribe input { /* ML Sept 03, 2021 */
	    width: 100%;
    }

    aside .subscribe button { /* ML Sept 03, 2021 */
	    width: 100%;
    }

    .news-subscribe-hl-captcha .g-recaptcha { /* ML Sept 03, 2021 */
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }

    .news-subscribe-hl-captcha { /* ML Sept 03, 2021 */
        overflow: visible;
        width: auto;
    }

	/* added for debt clock on subpage - JM - Jun 26, 2014 */
	aside .promo p {
		font-size: 21px;
	}

	aside .promo p strong {
		font-size: 24px;
	}

	aside .promo .your-share p span {
		font-size: 23px;
	}
	/* END OF added for debt clock on subpage - JM - Jun 26, 2014 */

	/* added for news highlight - JM - Jun 11, 2015 */
	aside .sidebar-hl-item.news, aside .sidebar-hl-item.bills-picks, aside .list-item.hl {
        max-width: 100%;
        width: 100%;
	}
	/* END OF added for news highlight - JM - Jun 11, 2015 */
}


@media  (max-width: 650px) {
    header .top-right .social ul li a {
        padding: 6px 2px;
    }

	/* added for newsletter subscription popup - JM - Feb 08, 2018 */
	.news-subscribe-popup.container {
		width: 90%;

		/* for scrolling in popup */
		max-height: 90%;
		overflow-y: auto;
	}

	.news-subscribe-popup.header {
		text-align: center;
	}

	.news-subscribe-popup.close {
		position: relative;
	}

	.news-subscribe-popup.intro {
		/*margin-top: 10px;*/
        margin-top:0;
	}

    .news-subscribe-popup.intro p {
        text-align:center;
    }

	.news-subscribe-popup.logo, .news-subscribe-popup.intro,
	.news-subscribe-popup.content input[type="text"], .news-subscribe-popup button {
		float: none;
		display: inline-block;
		width: 100%;
	}

    .news-subscribe-popup.content input[type="text"], .news-subscribe-popup button {
        min-width: 290px; /* ML Sept 03, 2021 add captcha */
    }

	.news-subscribe-popup span.span-input, .news-subscribe-popup.button {
		width: 90%;
		width: calc(100% - 20px);
	}

    .news-subscribe-popup.content input[type="text"] {
        width: calc(100% - 18px);
    }

	.news-subscribe-popup button {
		width: calc(100% - 20px) !important;
	}

    .news-subscribe-popup.button { /* ML Sept 03, 2021 add captcha */
        display: none;
    }

    .news-subscribe-popup.button.mobile { /* ML Sept 03, 2021 add captcha */
        display: block!important;
    }

    .news-subscribe-popup .news-subscribe-popup-captcha { /* ML Sept 03, 2021 add captcha */
        padding-top: 16px;
        clear: both;
    }
	/* END OF added for newsletter subscription popup - JM - Feb 08, 2018 */
}


@media  (max-height: 420px) {
    .news-subscribe-popup.big-container {
		position: absolute;
        top: 30%;
	}

    .news-subscribe-popup.container{
        position: absolute;
    }

    body.no-scroll {
        overflow:visible;
    }
}

@media  (max-width: 605px) {
    header .top-left .logo img {
        width: 65%;
    }

    header .top-right, header .top-left, .home header .top-left {
        position: relative;
        width: 100%;
    }

    /* added for navigation dropdown - MH - Jul 15, 2015 */
	header .menu ul li ul li {margin-left: -400%;}
    header .menu ul li.dark-orange ul li {margin-left: -300%;}
    header .menu ul li.orange ul li {margin-left: -200%;}
    header .menu ul li.light-orange ul li {margin-left: -100%;}
    header .menu ul li.yellow ul li {margin-left: 0;}

    header .menu ul li:hover ul li {display: block;}
    header .menu ul ul {position: relative; float: left;}
    header .menu ul li:last-child ul {right: auto;}
    header .menu ul ul li {width: 500%;}
    /* END OF added for navigation dropdown - MH - Jul 15, 2015 */
}


@media  (max-width: 585px) {
    #rotator h1 {   
        font-size: 28px;
    }
}


@media  (max-width: 575px) {
    /* -- removed because this will looks ugly when the window is resized - JM - Apr 14, 2014
    #content .subscribe table {
        width: 100%;
    }
	*/
}


@media  (max-width: 540px) {
    #content .subscribe td {
        display: block;
    }

    #content .subscribe input {
        display: block;
        width: 250px;
        margin: 10px 20px 0 0;
    }

	/* added - JM - Apr 14, 2014 */
    #content .subscribe input[type="text"]  {
        display: block;
        /*width: 250px;*/
        width:283px; /* ML Sept 03, 2021*/
        margin: 10px 20px 0 0;
    }

	#content .subscribe form label.label-tooltip {
		top: 19px;
	}
	/* END OF added - JM - Apr 14, 2014 */

    #content .subscribe input[type="checkbox"]  {
        display: inline-block;
        width: auto;
    }

    #content .subscribe button {
        width: 270px;
        margin: 10px 0 0 0;
    }

    .home #content .subscribe button { /* added, so the button will have the same size like the text fields - JM - Jul 19, 2017 */
        /*width: 270px;*/
        width: 303px; /* ML Sept 03, 2021*/
    }

    .news-subscribe-home-captcha { /* ML Sept 03, 2021*/
        margin-bottom: -5px;
        margin-top: -5px;
    }
}


@media  (max-width: 525px) {
    header .heading .graph {
        width: 50%;
    }

    header #rotator .heading .graph img {
        height: auto;
        width: 100%;
    }

    header #rotator .heading h1, header #rotator .heading h1 a { /* added so the rotator title doesn't collide with the rotator image - JM - May 30, 2014 */
        display: inline-block;
		margin-top: 5px;
    }

	header .rotator-nav { /* added for arrow navigation - JM - Jun 26, 2014 */
		top: 50%;
	}

    header .menu ul li a {
        padding: 30px 0;
    }

    #rotator h1 {
        font-size: 24px;
    }

    #content section .block, #content section .block.last {
        width: 97%;
        border: none;
    }

    #content section {
        padding-bottom: 0;
    }

    h4 {
        font-size: 16px;
    }

    #content .subscribe p {
        margin-right: 10px;
        font-size: 14px;
    }

    #content .subscribe table {
        font-size: 14px;
    }

    /* added for donation form - ML - Dec 01, 2015 */
    .donate_form .donation_input_container, .donate_form textarea {
	    width: 100%;
	}

    .frmTbl button { /* added JM - Oct 12, 2017 */
        width: 100%;
    }

	.frmTbl .donate_button_submit,
	.frmTbl .donate_button_back {
		width:100%;
	}

	.frmTbl .donate_button_submit,
	.frmTbl .donate_button_print {
		margin:0;
	}
}


@media  (max-width: 450px) {
	/* added - JM - Apr 14, 2014 */
	#content .lab .graphic {
		float: none;
		padding-left: 0;
	}

	#content .lab span {
		display: block;
		margin-top: 10px;
	}

	#content .lab .chart-content span {
		display: inline;
		margin-top: 0;
	}
	/* END OF added - JM - Apr 14, 2014 */

    #content .subscribe h2 {
        float: none;
    }

    #content .subscribe h4 {
        line-height: 140%;
    }

    footer .container {
        padding-top: 10px;
    }
}


@media  (max-width: 386px) {
    #content section .feed ul li img {
		/* changed to max-width per Mike's request - JM - Sep 29, 2017
        height: auto;
        width: 150px;*/
		max-width: 150px;
    }

    header .top-right .social ul {
        clear: both;
        padding-top: 10px;
    }

    header .top-right .social ul li a{
        padding: 6px 8px;
    }

    header .menu ul li a {
        padding: 20px 0;
    }

    header .top-right .social form {
        width: 90%;
    }

    .wrapper .services .headline h2 {
        font-size: 25px;
    }

	/* added for debt clock on the homepage - JM - Jun 26, 2014 */
	#content .promo p {
		font-size: 20px;
	}

	#content .promo p strong {
		font-size: 28px;
	}

	#content .promo .your-share p span {
		font-size: 22px;
	}
	/* END OF added for debt clock on the homepage - JM - Jun 26, 2014 */

    /* added for donation form - ML - Dec 01, 2015 */
    .donate_form .donate_button_amount,
    .donate_form .donate_button_amount_container,
    .donate_form .donation_button_type_container,
    .donate_form .donate_button_type {
        width: 100%;
    }

    .donate_form input.other_amount {
        width: 100px;
    }
    /* END OF added for donation form - ML - Dec 01, 2015 */

	/* added for debt clock on subpage - JM - Jun 26, 2014 */
	aside .promo p, .page-content .promo p {
		font-size: 19px;
	}

	aside .promo p strong, .page-content .promo p strong {
		font-size: 22px;
	}

	aside .promo .your-share p span, .page-content .promo .your-share p span {
		font-size: 21px;
	}
	/* END OF added for debt clock on subpage - JM - Jun 26, 2014 */

    
}


@media  (max-width: 350px) {
    header .menu-mobile {
        background-color: #C23824;
        color: #FFFFFF;
        display: inline-block;
        font-family: 'raleway-extrabold-webfont';
        padding: 10px;
        position: absolute;
        right: 20px;
        top: 27px;
    }

    header .menu-mobile:hover {
        background-color: #AE3220;
	}

    header .menu-mobile:disabled:hover, header .menu-mobile[disabled]:hover {
        background-color: #C23824;
		cursor: default;
	}
	
    header .menu ul li {
        width: 100%;
        float: none;
    }

    /* added for navigation dropdown - MH - Jul 15, 2015 */
	header .menu ul li ul li {margin-left: 0;}
    header .menu ul li.dark-orange ul li {margin-left: 0;}
    header .menu ul li.orange ul li {margin-left: 0;}
    header .menu ul li.light-orange ul li {margin-left: 0;}
    header .menu ul li.yellow ul li {margin-left: 0;}
    header .menu ul ul li {width: 100%;}
    /* END OF added for navigation dropdown - MH - Jul 15, 2015 */

	/* added for newsletter subscription popup - JM - Feb 08, 2018 */
	.news-subscribe-popup.logo img {
		width: 100%;
		width: calc(100% - 20px);
	}
	/* END OF added for newsletter subscription popup - JM - Feb 08, 2018 */

	aside .sidebar-hl-item .hl-img { /* added - JM - Feb 9, 2018 */
		width: 100%;
	}

	footer ul li a {
        padding: 20px 5px 0;
    }

    footer ul li a:first-child {
        padding: 20px 5px 0 0;
    }

    #content .lab h3 {
        font-size: 16px;
    }

    #rotator h1 {
        font-size: 22px;
    }

	/* added for debt clock on the homepage - JM - Jun 26, 2014 */
	#content .promo p {
		font-size: 18px;
	}

	#content .promo p strong {
		font-size: 26px;
	}

	#content .promo .your-share p span {
		font-size: 20px;
	}
	/* END OF added for debt clock on the homepage - JM - Jun 26, 2014 */

    #content .lab-chart-img .chart-text-line{
        margin: 10px 0 10px 0;
    }

    .news-subscribe-popup.content input[type="text"]{  /* ML Sept 03, 2021 add captcha */
        min-width: initial;
        width: 243px;
    }

    .news-subscribe-popup.button.mobile { /* ML Sept 03, 2021 add captcha */
        min-width: initial;
        width: 257px !important;
        margin-right: 0;
    }

    .news-subscribe-popup-captcha .g-recaptcha { /* ML Sept 03, 2021*/
        -webkit-transform: scale(0.84);
        -moz-transform: scale(0.84);
        -o-transform: scale(0.84);
        -ms-transform: scale(0.84);
        transform: scale(0.84);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }

    .news-subscribe-popup .news-subscribe-popup-captcha { /* ML Sept 03, 2021*/
        margin-bottom: -15px;
        width: auto;
        width: 258px;
        overflow: hidden;
    }

    .news-subscribe-popup label.label-tooltip { /* ML Sept 03, 2021*/
        width: auto;
    }

    #frmPgSubscribe input[type="text"]{ /* ML Sept 03, 2021*/
        width: 264px;
    }

    #frmPgSubscribe button { /* ML Sept 03, 2021*/
        width: 274px;
    }

    .news-subscribe-page-captcha { /* ML Sept 03, 2021*/
        margin-bottom: -32px !important;
    }

    .news-subscribe-page-captcha .g-recaptcha { /* ML Sept 03, 2021*/
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -o-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }

    aside .subscribe input { /* ML Sept 03, 2021 */
        width: 253px;
    }

    aside .subscribe button { /* ML Sept 03, 2021 */
        width: 273px;
        margin-top:10px;
    }

    #content .subscribe input[type="text"] {
        /*width: 240px;*/
        width: 253px; /* ML Sept 03, 2021 */
    }

    .home #content .subscribe button { /* added, so the button will have the same size like the text fields - JM - Jul 19, 2017 */
        /*width: 260px;*/
        width: 273px; /* ML Sept 03, 2021 */
        margin-top: 0; /* ML Sept 03, 2021 */
    }

    .news-subscribe-home-captcha .g-recaptcha { /* ML Sept 03, 2021 */
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -o-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }

    .news-subscribe-hl-captcha .g-recaptcha { /* ML Sept 03, 2021 */
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -o-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }

    #content .subscribe #btnSubscribeMobile { /* ML Sept 03, 2021 */
        margin-top: -5px;
    }
}


@media  (max-width: 321px) {
    #content .subscribe input {
        width: 240px;
    }

    #content .subscribe button {
        width: 260px;
    }

    .wrapper .services .headline h2 {
        font-size: 21px;
    }

    .wrapper .services ul li img {
        float: none;
    }

    footer .copyright p {
        clear: both;
    }

}

@media (max-width: 290px) { /* ML Sept 03, 2021 */
    #content .subscribe input[type="text"] { /* ML Sept 03, 2021*/
        width: 222px;
    }

    #content .subscribe #btnSubscribeMobile { /* ML Sept 03, 2021*/
        width: 241px;
        margin-top: -12px;
    }

    .news-subscribe-home-captcha .g-recaptcha { /* ML Sept 03, 2021 */
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }

    .news-subscribe-popup.content input[type="text"] { /* ML Sept 03, 2021*/
        width: 203px;
    }

    .news-subscribe-popup .news-subscribe-popup-captcha {
        margin-bottom: -24px;
        width: 220px;
    }

    .news-subscribe-popup-captcha .g-recaptcha { /* ML Sept 03, 2021*/
        -webkit-transform: scale(0.72);
        -moz-transform: scale(0.72);
        -o-transform: scale(0.72);
        -ms-transform: scale(0.72);
        transform: scale(0.72);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }

    .news-subscribe-popup.button.mobile { /* ML Sept 03, 2021*/
        width: 219px !important;
    }

    .news-subscribe-page-captcha .g-recaptcha { /* ML Sept 03, 2021*/
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -o-transform: scale(0.85);
        -ms-transform: scale(0.85);
        transform: scale(0.85);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }

    #frmPgSubscribe input[type="text"] { /* ML Sept 03, 2021*/
        width: 249px;
    }

    #frmPgSubscribe button { /* ML Sept 03, 2021*/
        width: 261px;
    }

    aside .subscribe input { /* ML Sept 03, 2021*/
        width: 239px;
    }

    aside .subscribe button { /* ML Sept 03, 2021 */
        width: 258px;
    }

    .news-subscribe-hl-captcha .g-recaptcha { /* ML Sept 03, 2021 */
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -o-transform: scale(0.85);
        -ms-transform: scale(0.85);
        transform: scale(0.85);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}

/* clears the width of the rotator image, sets a max-width of the width of the images and then uses a margin to center the background image - MH - May 20, 2014 */
@media (min-width: 1800px) {
	header #rotator {
		margin: 0 auto;
		width: auto;
		max-width: 1820px;
	}
}

/* added - MH - Jun 10, 2014 */
@media (min-width: 1005px) {
	.heading {
		min-width: 940px;
		box-sizing: border-box;
	}
}


/* added for print preview - JM - Apr 14, 2014 */
@media print {
	.menu-mobile, .top-right, aside, .line, .social-icon,
	#rotator, #content .promo, .subscribe, .list-item-nav,
	embed, form {
		display: none;
	}

	article {
		width: 100%;
		float: none;
	}

	header .topic, header .top-left, footer, #content .lab, .wrapper {
		background-color: #fff;
	}

	footer .copyright p, footer .copyright a {
		color: #000;
	}

	.logo-screen {
		display: none;
	}

	.logo-print {
		display: inline;
	}

	#content .lab {
		width: 96%;
		float: none;
		margin: 0;
	}

	#content section .feed, #content section .block, #content section .block.last {
		display: inline;
		width: 100%;
		float: none;
		margin: 0;
	}

	#content section .feed ul li {
		page-break-before: auto;
		page-break-after: auto;
		page-break-inside: avoid;
	}
}


/* Change the form background color, text color, and typeface */
.can_embed #can_embed_form,
.can_embed #donate_auto_modal {
	background-color: #e8f9ec !important;
	color: black !important;
	/*font-family:  enter your typeface name here */
}

/* Change link color */
.can_embed #can_embed_form a,
.can_embed #donate_auto_modal a {
	color: purple !important;
}

/* Heading colors */
.can_embed #can_embed_form h1,
.can_embed #donate_auto_modal h1,
.can_embed #can_embed_form h2,
.can_embed #donate_auto_modal h2,
.can_embed #can_embed_form h3,
.can_embed #donate_auto_modal h3,
.can_embed #can_embed_form h4,
.can_embed #donate_auto_modal h4,
.can_embed #can_embed_form h5,
.can_embed #donate_auto_modal h5,
.can_embed #can_embed_form h6,
.can_embed #donate_auto_modal h6 {
	color: red !important;
}

/* Welcome message background color */
.can_embed #can_embed_form #action_welcome_message #action_welcome_message_inner,
.can_embed #donate_auto_modal #action_welcome_message #action_welcome_message_inner {
	background-color: rgba(0,0,0,.10) !important;
	/* This is black @ 10% opacity */
}

/* Remove the Action Network Logo */
.can_embed #logo_wrap {
	display: none !important;
}

/* Button Background Color */
.can_embed .can_button,
.can_embed #can_embed_form input[type="submit"],
.can_embed #can_embed_form .button,
.can_embed #donate_auto_modal input[type="submit"],
.can_embed #donate_auto_modal .button {
	background-color: blue !important;
}

.can_embed #donate_auto_modal input[type="text"]{
	color: #000 !important;
}

/* Button Background Color on Hover */
.can_embed .can_button:hover,
.can_embed #can_embed_form input[type="submit"]:hover,
.can_embed #can_embed_form .button:hover,
.can_embed #donate_auto_modal input[type="submit"]:hover,
.can_embed #donate_auto_modal .button:hover {
	background-color: green !important;
}

/* Thank You Page Header Background Color */
.can_embed #can_embed_form #can_thank_you,
.can_embed #donate_auto_modal #can_thank_you {
	background-color: lightblue !important;
}

/* Thank You Page Header Text Color */
.can_embed #can_embed_form #can_thank_you,
.can_embed #donate_auto_modal #can_thank_you,
.can_embed #can_embed_form #can_thank_you h1,
.can_embed #donate_auto_modal #can_thank_you h1,
.can_embed #can_embed_form #can_thank_you h4,
.can_embed #donate_auto_modal #can_thank_you h4,
.can_embed #can_embed_form #can_thank_you #action_info .action_info_user,
.can_embed #donate_auto_modal #can_thank_you #action_info .action_info_user,
.can_embed #can_embed_form #can_thank_you #action_info .action_info_user a,
.can_embed #donate_auto_modal #can_thank_you #action_info .action_info_user a {
	color: black !important;
}

/* Thank You Page Divider Line */
.can_embed #can_embed_form #can_thank_you #action_info,
.can_embed #donate_auto_modal #can_thank_you #action_info {
	border-color: black !important;
}

.can_embed ::-webkit-input-placeholder {
    color: rgb(117, 117, 117) !important;
}

.can_embed :-moz-placeholder {
    color: rgb(117, 117, 117) !important;
}

.can_embed :-ms-input-placeholder {
    color: rgb(117, 117, 117) !important;
}

.can_embed ::-moz-placeholder { 
    color: rgb(117, 117, 117) !important;
}