/** CDA Copper.org global stylesheet */
 :root {
     --color-primary: rgb(246,132,62) 
    /* #f6843e */
     ;
     --color-primary-alpha: rgba(246,132,62,0.8);
     --color-secondary: rgb(37,115,154) 
    /* #25739a*/
     ;
     --color-secondary-alpha: rgba(37,115,154,0.8) 
    /* #25739a*/
     ;
     --color-quinary: rgb(102,102,105) 
    /* #666666*/
     ;
     --color-tertiary: rgb(105,208,199) 
    /* #69D0C7 */
     ;
     --color-quaternary: rgb(204,107,101) 
    /* #CC6B65 */
     ;
     --color-dark-cold-copper: rgb(98,105,113) 
    /* #626971 */
     ;
     --color-dark-cold-copper-alpha: rgba(98,105,113,0.8);
     --color-dark-blue: rgb(0,65,83) 
    /* #004153 */
     ;
     --color-dark-blue-alpha: rgba(0,65,83,0.8) 
    /* #004153 */
     ;
}
 .color-primary {
     color: var(--color-primary);
}
 h2 {
     font-size: 1.5rem;
     padding-bottom: 2vh;
}
 .color-dark-blue {
     color: var(--color-dark-blue);
}
 #primary-tier-nav li.active .secondary-nav a:hover, #primary-tier-nav li.active .secondary-nav h2.active a, #primary-tier-nav li:hover .secondary-nav a:hover, #primary-tier-nav li:hover .secondary-nav h2.active a, h2#section-identity a:hover {
     text-decoration: underline;
}
 #body-content, #breadcrumbs, #content.level2, #footer, #page-layout, #related-info, body, textarea {
     overflow: auto;
}
 #breadcrumbs li:last-child:after, #loading-page:after, #loading-page:before, q:after, q:before {
     content: "" 
}
 hr, ol, ul {
     margin: 1em 0;
}
 #primary-tier-nav li a, b, mark, strong {
     font-weight: 700;
}
 #copper-alliance-member a:hover, #header-utilities a, #icamembership, #primary-tier-nav li a, a:hover, ins {
     text-decoration: none;
}
 #ephemoral-container h2, a.close, a.close:visited, a.readmore, a.readmore:visited {
     text-transform: uppercase;
}
 .hidden, .invisible {
     visibility: hidden;
}
 #footer, #icamembership, article, aside, details, figcaption, figure, footer, header, hgroup, hr, nav, section {
     display: block;
}
 audio, canvas, video {
     display: inline-block;
}
 [hidden], audio:not([controls]) {
     display: none;
}
 button, html, input, select, textarea {
     font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
 ::-moz-selection {
     background: #661919;
     color: #fff;
     text-shadow: none;
}
 ::selection {
     background: #661919;
     color: #fff;
     text-shadow: none;
}
 ins, mark {
     color: #000;
}
 a:active, a:hover {
     outline: 0;
}
 abbr[title] {
     border-bottom: 1px dotted;
}
 ins {
     background: #ff9;
}
 mark {
     background: #ff0;
}
 code, kbd, pre, samp {
     font-family: 'courier new', monospace;
     font-size: 1em;
}
 #footer, #footer-utilities a, #header-utilities a {
     font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
}
 pre {
     white-space: pre;
     white-space: pre-wrap;
     word-wrap: break-word;
}
 q {
     quotes: none;
}
 q:after, q:before {
     content: none;
}
 small {
     font-size: 85% 
}
 sub, sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
}
 sup {
     top: -.5em;
}
 sub {
     bottom: -.25em;
}
 ol, ul {
     padding: 0 0 0 40px;
}
 dd {
     margin: 0 0 0 40px;
}
 nav ol, nav ul {
     list-style: none;
     margin: 0;
     padding: 0;
}
 img {
     border: 0;
     -ms-interpolation-mode: bicubic;
     vertical-align: middle;
}
 iframe {
     border: none;
}
 svg:not(:root) {
     overflow: hidden;
}
 form {
     margin: 0;
}
 fieldset {
     border: 0;
     margin: 0;
     padding: 0;
}
 label {
     cursor: pointer;
}
 legend {
     border: 0;
     padding: 0;
     white-space: normal;
}
 .no-break, .scroll-content, .scroller-viewer, .tag-cloud li a {
     white-space: nowrap;
}
 button, input, select, textarea {
     font-size: 100%;
     margin: 0;
     vertical-align: baseline;
}
 #header-utilities a, #site-utilities img, td, textarea {
     vertical-align: top;
}
 button, input {
     line-height: normal;
}
 button, input[type=button], input[type=reset], input[type=submit] {
     cursor: pointer;
     -webkit-appearance: button;
}
 button[disabled], input[disabled] {
     cursor: default;
}
 input[type=checkbox], input[type=radio] {
     box-sizing: border-box;
     padding: 0;
}
 input[type=search] {
     -webkit-appearance: textfield;
     -moz-box-sizing: content-box;
     -webkit-box-sizing: content-box;
     box-sizing: content-box;
     border-radius: 0;
}
 input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
     -webkit-appearance: none;
}
 button::-moz-focus-inner, input::-moz-focus-inner {
     border: 0;
     padding: 0;
}
 textarea {
     resize: vertical;
}
 input:invalid, textarea:invalid {
     background-color: #f0dddd;
}
 table {
     border-collapse: collapse;
     border-spacing: 0;
}
 .chromeframe {
     margin: .2em 0;
     background: #ccc;
     color: #000;
     padding: .2em 0;
}
 html {
     font-size: 100%;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     background-color: #e1dfdd;
     height: 100% 
}
 body {
     margin: 6;
     background: #e1dfdd;
     background: -moz-linear-gradient(top, #fff 0, #fff 30%, #e1dfdd 71%, #e1dfdd 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(30%, #fff), color-stop(71%, #e1dfdd), color-stop(100%, #e1dfdd));
     background: -webkit-linear-gradient(top, #fff 0, #fff 30%, #e1dfdd 71%, #e1dfdd 100%);
     background: -o-linear-gradient(top, #fff 0, #fff 30%, #e1dfdd 71%, #e1dfdd 100%);
     background: -ms-linear-gradient(top, #fff 0, #fff 30%, #e1dfdd 71%, #e1dfdd 100%);
     background: linear-gradient(top, #fff 0, #fff 30%, #e1dfdd 71%, #e1dfdd 100%);
     min-height: 100% 
}
 #page-layout {
     width: 100%;
     min-height: 778px;
     text-align: center;
}
 #primary-container {
     margin-left: auto;
     margin-right: auto;
     text-align: left;
}
 #header-utilities {
     min-height: 41px;
     text-align: center;
}
 #skip-navigation {
     position: absolute;
     top: -30px;
     left: -999em;
}
 #site-branding {
     float: left;
     width: 322px;
     max-width: 100% 
}
 #site-branding #logo {
     margin-top: 3px;
     display: block;
     max-width: 100% 
}
 #copper-alliance-member {
     margin: 9px 0 0 7px;
     font-size: 13px;
}
 #copper-alliance-member, #copper-alliance-member a {
     color: #93785b;
}
 #primary-nav-container {
     float: none;
     clear: both;
     height: 28px;
     border-top: 3px solid #cc8452;
     width: 100% 
}
 #primary-nav-utilities {
     line-height: 100%;
     position: relative;
     height: 28px;
     padding-right: 16px;
     border: 1px solid #d9d8d7;
     border-top: none;
     border-bottom: 0;
     background: #ecebea;
     background: -moz-linear-gradient(top, #ecebea 0, #ebeae9 48%, #e1e0df 53%, #d2d1d1 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ecebea), color-stop(48%, #ebeae9), color-stop(53%, #e1e0df), color-stop(100%, #d2d1d1));
     background: -webkit-linear-gradient(top, #ecebea 0, #ebeae9 48%, #e1e0df 53%, #d2d1d1 100%);
     background: -o-linear-gradient(top, #ecebea 0, #ebeae9 48%, #e1e0df 53%, #d2d1d1 100%);
     background: -ms-linear-gradient(top, #ecebea 0, #ebeae9 48%, #e1e0df 53%, #d2d1d1 100%);
     background: linear-gradient(to bottom, #ecebea 0, #ebeae9 48%, #e1e0df 53%, #d2d1d1 100%);
}
 #site-utilities {
     float: right;
     text-align: right;
     padding-top: 6px;
     position: absolute;
     right: 16px;
}
 #site-utilities img {
     margin-left: 5px;
     background-color: transparent!important;
}
 #body-content {
     padding: 8px;
     background-color: #fff;
}
 #tertiary-tier-container {
     overflow: auto;
     float: left;
}
 #primary-content {
     padding: 0 0 16px;
     color: #666;
     overflow: hidden;
     font-size: 92% 
}
 #content.level1 #primary-content {
     margin-top: 16px;
}
 #related-info {
     color: #666;
}
 #content.level1 #related-info {
     margin-top: 24px;
}
 #copyright p, #icamembership {
     padding: 0;
     margin: 0;
}
 #quick-edit a {
     color: #666666;
     cursor: pointer;
     text-decoration: none;
}
 #footer {
     font-size: 0.66rem;
     clear: both;
}
 #footerutilities {
     float: left;
     text-align: left;
     overflow: hidden;
}
 #copyright {
     float: right;
     text-align: right;
     color: #666;
}
 #font-size-adjustment {
     margin-top: 0;
     padding-top: 0;
}
 #font-size-adjustment a {
     cursor: pointer;
     margin: 0 1px;
     padding: 1px;
     font-weight: 700;
     text-decoration: none;
     color: #59595a;
}
 #small-font-signifier {
     font-size: 90% 
}
 #font-size-adjustment a.active {
     background-color: #59595a;
     color: #fff;
}
 #large-font-signifier {
     font-size: 120% 
}
 #icamembership, #icamembership a {
     color: #999;
}
 #issuedate, h3, h4, h5 {
     color: #7e7e7e;
}
 #icamembership sup {
     font-size: 8px;
}
 #disclaimer, .disclaimer {
     margin: 2em 0;
     clear: both;
     background-color: #eeeff0;
     padding: 1em;
     font-size: .8em;
}
 .metricsobject {
     position: absolute;
     top: -1px;
     left: -1px;
}
 noscript div {
     display: inline;
}
 .gs-snippet {
     padding-left: 8px;
}
 .gs-per-result-labels {
     display: none;
}
 h1 {
     color: #f6843e;
     font-size: 1.4em;
     margin-top: 39px;
     margin-bottom: .7em;
}
 #issuedate, h2 {
     font-size: 1.2em;
     padding-top: 1.1em;
     margin: .83em 0;
     clear: left;
}
 #primary-content h2, #content h1+h2 {
     color: #f6843e;
}
 #primary-content h2, #primary-content h3, #primary-content h4, #primary-content h5, #primary-content h6, .clear {
     clear: both;
}
 h3, h4 {
     margin: 1em 0;
}
 h3 {
     font-size: 1.1em;
}
 h4 {
     font-size: 1em;
}
 blockquote {
     margin: 1em .5em 1em 2em;
}
 h2.moreissue {
     padding-top: 0;
     margin-top: 3px;
}
 a {
     color: #4f95b5;
}
 a:visited {
     color: #bb78a7;
}
 a.btn-outline-primary:visited {
     color: #0d6efd;
}
 a.btn-outline-danger:visited {
     color: #dc3545;
}
 a.btn-outline-danger:hover, a.btn-outline-danger:visited:hover, a.btn-outline-primary:hover, a.btn-outline-primary:visited:hover {
     color: #ffffff;
}
 a.close, a.readmore {
     display: block;
     width: inherit;
     margin-top: 6px;
     text-align: left;
     font-size: .8em;
     letter-spacing: .1em;
     background-repeat: no-repeat;
}
 a.close {
     padding-right: 0;
     padding-left: 10px;
     background-position: 0 .2em;
     background-image: url('/images/global/close-arrow.png');
}
 a.browse {
     padding-right: 12px;
     background-position: 5em .2em;
}
 a.close-container, a.close:hover, a.readmore:hover {
     cursor: pointer;
}
 #header-utilities ul {
     list-style-type: none;
     margin: 0;
     padding-top: 5px;
     text-align: right;
     float: right;
}
 #header-utilities li {
     display: inline-block;
     padding: 0 7px;
     background: url('/images/ui/utilitynav-divider.png') left center no-repeat;
     vertical-align: top;
     float: left;
}
 #header-utilities li:first-child {
     background: 0 0;
     padding-left: 0;
}
 #header-utilities a {
     color:#333;
     padding: 0;
     font-size: 10px;
     line-height: 30px;
}
 #header-utilities li.share-utilities {
     background-image: none;
     padding: 6px 0 0;
}
 #copyright ul#share-utilities {
     list-style-type:none;
}
 #copyright ul#share-utilities li {
     margin-left: 0.5rem;
}
 #primary-tier-nav {
     position: relative;
}
 #primary-tier-nav li {
     float: left;
     padding: 0 2px 0 0;
     margin: 0;
     background-image: url('/images/ui/primarynav-divider.png');
     background-position: right top;
     background-repeat: no-repeat;
}
 #primary-tier-nav li a {
     display: block;
     height: 100%;
     float: left;
     font-size: 12px;
     padding: 6px 14px;
     color: #1d4e6d;
}
 #primary-tier-nav li#about-us-link {
     background-image: none;
}
 #primary-tier-nav li a:hover, #primary-tier-nav li.active a, #primary-tier-nav li:hover a {
     padding-right: 16px;
     background-image: url('/images/ui/primarynav-divider-active.png') !important;
     background-position: right top;
     background-repeat: no-repeat;
}
 #primary-tier-nav li#about-us-link a:hover, #primary-tier-nav li#about-us-link.active a, #primary-tier-nav li#about-us-link:hover a {
     background-image: none;
}
 #primary-tier-nav li#members-link, #primary-tier-nav li#members-link a {
     background-color: var(--color-secondary-alpha);
}
 #primary-tier-nav li#members-link:hover, #primary-tier-nav li#members-link.active, #primary-tier-nav li#members-link.active:hover, #primary-tier-nav li#members-link:hover a, #primary-tier-nav li#members-link:hover a:hover, #primary-tier-nav li#members-link.active a, #primary-tier-nav li#members-link.active:hover a, #members-secondary-nav {
     background-color: var(--color-secondary);
}
 #members-secondary-nav.secondary-nav {
     border-color: var(--color-secondary);
}
 #primary-tier-nav li#members-link a {
     color: #ffffff;
}
 #primary-tier-nav li#members-link h2 a {
     text-decoration: underline;
}
 #primary-tier-nav>li#about-us-link.active:hover, #primary-tier-nav>li#about-us-link:hover, #primary-tier-nav>li.active, #primary-tier-nav>li.active:hover, #primary-tier-nav>li:hover {
     height: 28px;
     background-image: none;
     background: #f8f3f0;
     background: -moz-linear-gradient(top, #f8f3f0 1%, #f8f3f0 48%, #f8ecd7 53%, #f9ecd7 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f8f3f0), color-stop(48%, #f8f3f0), color-stop(53%, #f8ecd7), color-stop(100%, #f9ecd7));
     background: -webkit-linear-gradient(top, #f8f3f0 1%, #f8f3f0 48%, #f8ecd7 53%, #f9ecd7 100%);
     background: -o-linear-gradient(top, #f8f3f0 1%, #f8f3f0 48%, #f8ecd7 53%, #f9ecd7 100%);
     background: -ms-linear-gradient(top, #f8f3f0 1%, #f8f3f0 48%, #f8ecd7 53%, #f9ecd7 100%);
     background: linear-gradient(to bottom, #f8f3f0 1%, #f8f3f0 48%, #f8ecd7 53%, #f9ecd7 100%);
     padding-right: 0;
}
 #primary-tier-nav>li#about-us-link.active, #primary-tier-nav>li.active {
     background: #f3f4f7;
     background: -moz-linear-gradient(top, #f3f4f7 0, #f1f3f6 48%, #dfe5ec 53%, #c3cdda 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3f4f7), color-stop(48%, #f1f3f6), color-stop(53%, #dfe5ec), color-stop(100%, #c3cdda));
     background: -webkit-linear-gradient(top, #f3f4f7 0, #f1f3f6 48%, #dfe5ec 53%, #c3cdda 100%);
     background: -o-linear-gradient(top, #f3f4f7 0, #f1f3f6 48%, #dfe5ec 53%, #c3cdda 100%);
     background: -ms-linear-gradient(top, #f3f4f7 0, #f1f3f6 48%, #dfe5ec 53%, #c3cdda 100%);
     background: linear-gradient(to bottom, #f3f4f7 0, #f1f3f6 48%, #dfe5ec 53%, #c3cdda 100%);
}
 .secondary-nav {
     position: absolute;
     left: -999em;
     top: 28px;
     z-index: 999;
     width: 100%;
     background-color: #f7ecd5;
     border: 8px solid #f7ecd5;
     -webkit-box-shadow: 0 1px 0 1px #d9d8d7;
     box-shadow: 0 1px 0 1px #d9d8d7;
     -moz-column-count: 5;
     -webkit-column-count: 5;
     column-count: 5;
     -moz-column-gap: 0;
     -webkit-column-gap: 0;
     column-gap: 0;
     -moz-column-rule: 1px solid #d6cbb5;
     -webkit-column-rule: 1px solid #d6cbb5;
     column-rule: 1px solid #d6cbb5;
}
 #applications-secondary-nav.secondary-nav:first-child {
     display: inline-block;
}
 #publications-secondary-nav.secondary-nav, #resources-secondary-nav.secondary-nav, #environment-secondary-nav.secondary-nav {
     -moz-column-count: 4;
     -webkit-column-count: 4;
     column-count: 4;
}
 #consumers-secondary-nav.secondary-nav, #education-secondary-nav.secondary-nav, #members-secondary-nav.secondary-nav {
     -moz-column-count: 3;
     -webkit-column-count: 3;
     column-count: 3;
}

#current-campaigns-secondary-nav {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    width: 100%;   
    column-count: 1;
}

.current-campaigns-child-link {
    font-weight: 800 !important;
    padding: 0 !important;
}

 #primary-tier-nav li:hover div.secondary-nav {
     left: 0;
     transition-delay: .2s;
}
 #primary-tier-nav li:hover div.secondary-nav ul {
     margin-bottom: 8px;
}
 #primary-tier-nav li ul li {
     background-image: none;
     float: none;
}
 #primary-tier-nav li ul li:hover {
     height: auto;
     background: 0 0;
}
 #primary-tier-nav li .secondary-nav a, #primary-tier-nav li.active .secondary-nav a {
     display: inline-block;
     background-image: none!important;
     float: none;
     font-weight: 400;
     padding: 4px 0;
     margin: 1px 0;
     font-size: 11px;
     line-height: 1.3em;
     width: 100% 
}
 #primary-tier-nav li.active .secondary-nav h2 a, #primary-tier-nav li:hover .secondary-nav h2 a {
     font-size: 14px;
     font-weight: 700;
     color: #cc8452;
}
 #primary-tier-nav li:hover .secondary-nav li.active {
     background: 0 0;
}
 #primary-tier-nav li:hover .secondary-nav li.active a {
     background-color: #ecdec5;
}
 .nav-column {
     width: 170px;
     float: left;
}
 .secondary-nav .menu-group {
     width: 100%;
     -webkit-column-break-inside: avoid;
     page-break-inside: avoid;
     break-inside: avoid;
     display: table;
    /** firefox support */
}
 .secondary-nav .menu-group h2, .secondary-nav .menu-group ul {
     padding: 0 16px;
}
 .secondary-nav .menu-group h2 {
     margin-top: 0;
     margin-bottom: 3px;
     padding-right: 0;
     display: block;
}
 #breadcrumbs li, .addthis-smartlayers-desktop .at4-follow .at4-follow-inner {
     padding-right: 4px;
}
 .secondary-nav .menu-group h2+h2 {
     margin-top: 22px;
}
 #resources-secondary-nav .nav-column {
     width: 288px;
}
 #publications-secondary-nav .nav-column:nth-child(2) {
     width: 680px;
}
 #publications-secondary-nav .nav-column:nth-child(2) ul {
     -webkit-column-count: 4;
     -moz-column-count: 4;
     column-count: 4;
}
 #share-utilities {
     float: right;
     margin-top: 5px;
}
 #share-utilities li {
     float: left;
}
 .print-icon {
     margin-top: 2px;
}
 .addthis-smartlayers-desktop .atss a {
     width: 32px;
     height: 32px;
     line-height: 32px;
}
 .addthis-smartlayers-desktop .addthis_32x32_style .at15nc.at15t_compact {
     background-position: 0 -5798px!important;
}
 .addthis-smartlayers-desktop .addthis_32x32_style .at15nc.at15t_reddit {
     background-position: 0 -7015px!important;
}
 .addthis-smartlayers-desktop .addthis_32x32_style .at15nc.at15t_linkedin {
     background-position: 0 -4965px!important;
}
 .addthis-smartlayers-desktop .addthis_32x32_style .at15nc.at15t_twitter {
     background-position: 0 -8742px!important;
}
 .addthis-smartlayers-desktop .addthis_32x32_style .at15nc.at15t_facebook {
     background-position: 0 -2694px!important;
}
 .addthis-smartlayers-desktop .atss {
     z-index: 99;
}
 .addthis-smartlayers-desktop div#at4-follow {
     top: 22px;
}
 h2#section-identity {
     margin: 0;
    /* height: 41px;
     */
     padding: 79px 0 1rem 9px;
     color: #f7f4ee;
     font-size: 20px;
     font-weight: 500;
     background-repeat: no-repeat;
}
 h2#section-identity a, h2#section-identity a:link, h2#sectionidentity a:visited {
     color: #f7f4ee;
     text-decoration: none;
}
 #footer-utilities a, #primary-content ul.nav-set li a, .tag-cloud li a {
     text-decoration: none;
}
 ul#tertiary-tier {
     margin-top: 12px;
     list-style-type: none;
}
 ul#tertiary-tier li {
     border-bottom: 1px solid #ebedef;
     padding: 5px 0 5px 10px;
}
 ul#tertiary-tier li a {
     color: #777;
     font-size: 80%;
     text-decoration: none;
}
 ul#tertiary-tier li a:hover {
     color: #4f95b5;
}
 ul#tertiary-tier li.active {
     background-image: url('/images/ui/accordion-closed.png');
     background-repeat: no-repeat;
     background-position: 0 9px;
}
 ul#tertiary-tier li.active a {
     color: #4f95b5;
     padding-bottom: 6px;
}
 #breadcrumbs {
     margin: 8px 0 16px;
}
 #breadcrumbs li {
     float: left;
     font-size: 80%;
     color: #666;
}
 #breadcrumbs li:after {
     content: " > " 
}
 #breadcrumbs li:last-child {
     padding-right: 0;
}
 .level1 #breadcrumbs {
     margin-left: 8px;
}
 #footer-utilities {
     overflow: hidden;
     float: left;
}
 #footer-utilities ul {
     margin-left: -7px;
}
 #footer-utilities li {
     display: inline;
     padding: 0 7px;
     background-image: url('/images/ui/utilitynav-divider.png');
     background-repeat: no-repeat;
     background-position: left 4px;
}
 #footnotes {
     font-size: 90%;
}
 #footer-utilities a {
     color: #666;
     padding: 0;
}
 #mobile-primary-nav {
     vertical-align: 8px;
     margin-left: 10px;
     margin-top: 0;
     padding-top: 0;
}
 ul#tertiary-tier.two-columns {
     -webkit-column-count: 2;
     -moz-column-count: 2;
     column-count: 2;
     width: 98% 
}
 ul#tertiary-tier.three-columns li, ul#tertiary-tier.two-columns li {
     break-inside: avoid-column;
     -webkit-column-break-inside: avoid;
}
 ul#tertiary-tier.three-columns {
     -webkit-column-count: 3;
     -moz-column-count: 3;
     column-count: 3;
     -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
     column-gap: 4px;
     width: 98% 
}
 h1#section-hero {
     color: #f7f4ee;
     font-size: 160%;
     padding: 76px 0 44px 8px;
     margin: 0 0 10px;
     background-repeat: no-repeat;
     font-weight: 600;
     width: auto;
}
 #dateline, #edition, #sectionheading, .bold, .new-badge, strong {
     font-weight: 700;
}
 #sectionheading {
     padding-bottom: 7px;
     font-size: 1.7em;
     color: #f6843e;
     padding-top: 20px;
     margin-bottom: 12px;
     width: auto;
     clear: both;
}
 #issuedate, .contentcolumn {
     margin: 0;
     padding: 0;
}
 #pimarycontent address, #primary-content p {
     margin: 1em 0;
}
 #primary-content address {
     line-height: 130%;
     font-style: italic;
}
 #primary-content>h2:first-child {
     padding-top: 0;
     margin-top: 0;
}
 .contentcolumn {
     float: left;
     width: 46%;
     margin-right:4%;
}
 #author, .author {
     margin: 4px 0 20px;
     font-style: italic;
}
 #dateline, #edition {
     display: block;
     text-align: right;
}
 #edition {
     text-align: left;
}
 .end_story {
     color: #fff;
     background-color: #872701;
}
 .new-badge {
     color: #fff;
     background-color: #f6843e;
     padding: 0 4px;
     margin-right: 4px;
}
 .subscribe {
     display: block!important;
     margin-top: 2em;
}
 .phone-instructions {
     float: left;
     margin-left: 8px;
     font-size: 90% 
}
 .flexbox-container {
     margin-top:6px;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     max-width:99%;
}
 .flex-card-list {
     display: flex;
     flex-wrap: wrap;
}
 #primary-content ul.flex-card-list {
     list-style-type: none;
     padding-left:0;
}
 .flex-card-listitem {
    /* display: flex;
     */
}
 .flex-card {
    /* display: flex;
     flex-direction: column;
     flex: 1 1 0%;
     */
     padding: 1em;
     margin-bottom: 1em;
     max-width:100%;
     overflow:auto;
}
 .flex-card-content {
    /* display: flex;
     flex: 1 1 0%;
     flex-direction: column;
     */
     overflow:auto;
}
 .flex-card-image {
     overflow:auto;
}
 .flex-card-image picture, .flex-card-image img {
     display: block;
     height: auto;
     margin: 0 auto;
     max-width: 100%;
     width: 100%;
}
 .flex-card-content p {
     flex: 1 0 auto;
    /* We have to add a basis for IE10/11 */
     margin-top: 0 !important;
}
 .flexbox-row-container {
     -webkit-flex-flow: row wrap;
     justify-content: space-around;
}
 .flexbox-child {
     flex: 1 1 auto 
}
 .flexbox-child-3s {
     padding:2%;
     flex: 1 1 auto;
}
 .flexbox-wider {
     flex-grow: 6;
}
 div#accordion, div.accordion {
     margin-left: 16px;
     margin-bottom: 10px;
}
 div.accordion.accordion-full-width {
     margin-left:0;
}
 div#accordion h2, div#accordion h3, div.accordion h2, div.accordion h3 {
     padding: 4px 6px 4px 20px;
     margin: 0;
     color: #25739a;
     font-size: 1em;
     background-image: url('/images/ui/accordion-closed.png');
     background-repeat: no-repeat;
     background-position: 0 7px;
     cursor: pointer;
     outline: 0;
}
 div#accordion h2.ui-state-active, div#accordion h3.ui-state-active, div.accordion h2.ui-state-active, div.accordion h3.ui-state-active {
     background-image: url('/images/ui/accordion-open.png');
}
 div#accordion .panelcontent h3, div.accordion .panelcontent h3, div#accordion .panelcontent h3.ui-state-active, div.accordion .panelcontent h3.ui-start-active {
     background: none;
     color: #666;
}
 #accordion p, #primary-content .accordion p, .accordion address {
     margin: 4px 10px 10px 20px;
     padding: 0 0 0 8px;
     border-left: 1px solid #d2ccac;
     overflow: auto;
}
 #primary-content .accordion-projects-viewer p {
     margin: 0;
     padding: 0;
     border-left: none;
     overflow: visible;
}
 #accordion table, .accordion table {
     margin-left: 20px;
     padding-left: 8px;
}
 #accordion table.datatable tfoot tr td, .accordion table.datatable tfoot tr td {
     font-size: 76% 
}
 #accordion address, .accordion address {
     padding-left: 16px;
}
 #accordion ol, #accordion ul, .accordion ol, .accordion ul {
     margin: 4px 10px 10px 20px;
     padding: 0 0 0 14px!important;
}
 div#accordion ol li ul, div#accordion ul li ul, div.accordion ol li ul, div.accordion ul li ul {
     margin-bottom: 0;
     margin-left: 0;
     padding-left: 0;
}
 div#accordion p.disclaimer, div.accordion p.disclaimer {
     font-size: .8em;
}
 div#accordion ol li, div#accordion ul li, div.accordion ol li, div.accordion ul li {
     margin-left: 18px;
}
 div#accordion a.readmore, div.accordion a.readmore {
     background-position: 7.5em .2em;
}
 div#accordion div img, div.accordion div img {
     max-width: 98% 
}
 div.accordion-projects-viewer div img {
     max-width: 100%;
}
 .inlineobject {
     float: left;
     margin: 0 4px 4px 0;
}
 .inlineobjectalternate {
     float: right;
     text-align: right;
     margin: 0 0 4px 4px;
}
 #primary-content ul {
     list-style-type: square;
     padding-left: 40px;
}
 #primary-content ol li, #primary-content ul li {
     list-style-position: outside;
     padding-bottom: 10px;
}
 #primary-content ul li ul {
     padding-left: 24px;
     list-style-image: url('/images/ui/empty_square_bullet.png');
}
 #primary-content ol {
     padding-left: 40px;
}
 #primary-content ol li h3, #primary-content ul li h3 {
     margin-bottom: 0;
     padding-bottom: 1px;
}
 #primary-content ul.archivelisting li img {
     border: 1px solid #000;
}
 #primary-content ul.columnlist {
     width: 90%;
     margin-right: 20px;
}
 #primary-content ul.columnlist>li {
     margin-left: 16px;
}
 #primary-content ul.datelist {
     list-style-type: none;
     clear: both;
     margin-left: 0;
     padding-left: 0;
}
 #primary-content ul.datelist li {
     clear: left;
     padding-left: 0;
}
 #primary-content ul.datelist div {
     float: left;
     display: inline;
     margin-bottom: 1em;
     width: 520px;
}
 #primary-content ul.datelist div.date {
     float: left;
     width: 120px;
     display: inline;
}
 #primary-content ul.toc {
     margin: 1em 0;
     padding-left: 0;
     font-size: .8em;
     overflow: auto;
     list-style-type: none;
}
 #primary-content ul.toc li {
     float: left;
     margin: 0 0 1px;
     padding: 0;
}
 #primary-content ul.toc li a {
     padding: 0 4px 0 3px;
     border-left: 1px dotted #666;
     white-space: nowrap;
}
 #primary-content ul.toc li:first-child {
     padding-left: 0;
}
 #primary-content ul.toc li:first-child a {
     border-left: none;
}
 #primary-content ul.thumblist {
     overflow: hidden;
     width: 666px;
}
 #primary-content ul.thumblist li {
     display: inline;
     padding: 0 4px 0 0;
}
 #primary-content ul.thumblist li img {
     border: 1px solid #666;
     padding: 0;
     margin: 0;
}
 #primary-content ul.subrow {
     list-style-type: none;
     margin-bottom: 1px;
     padding-bottom: 0;
}
 #primary-content ul.subrow li {
     margin-bottom: 0;
     padding-bottom: 0;
}
 #primary-content ul.highlight {
     list-style-type: none;
     padding-left: 0;
}
 #primary-content ul.highlight li {
     padding-left: 1em;
     background-image: url('/images/ui/accordion-closed.png');
     background-repeat: no-repeat;
     background-position: 0 4px;
     clear: both;
}
 #primary-content ul.highlight ul {
     list-style-image: none;
     list-style-type: square;
}
 #primary-content ul.highlight ul.highlight {
     margin-left: 20px;
}
 #primary-content ul.highlight li ul li {
     background-image: none!important;
     padding-left: .3em;
}
 #primary-content ul.highlight li ul li ul {
     list-style-image: url('/images/ui/empty_square_bullet.png');
}
 #primary-content ul.highlight li ul li ul li {
     background-image: none;
     padding-left: .5em;
}
 #primary-content ul.compactlist li {
     padding-bottom: 5px;
}
 #primary-content ul.portraitlist {
     display: block;
     clear: both;
     float: left;
     padding-left: 0;
}
 #primary-content ul.portraitlist li {
     overflow: auto;
     list-style-type: none;
     padding-bottom: 2px;
     clear: both;
     margin-bottom: 1em;
}
 #primary-content ul.portraitlist li img {
     float: left;
     margin-right: 6px;
     margin-bottom: 5px;
     border: 1px solid #000;
}
 #primary-content ul.iconlist {
     list-style-type: none;
     padding-left: 0;
}
 #primary-content ul.iconlist li {
     padding-left: 1.4em;
     background: url('/images/ui/accordion-closed.png') 0 1px no-repeat;
     clear: both;
}
 #primary-content ul.iconlist li.facebook {
    /** background-image: url('/images/ui/icons/facebook.png');
     */
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666666' class='bi bi-facebook' viewBox='0 0 16 16'%3E%3Cpath d='M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z' /%3E%3C/svg%3E");
}
 #primary-content ul.iconlist li.linkedin {
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666666' class='bi bi-linkedin' viewBox='0 0 16 16'%3E%3Cpath d='M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z' /%3E%3C/svg%3E");
}
 #primary-content ul.iconlist li.rss {
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666666' class='bi bi-rss-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm1.5 2.5c5.523 0 10 4.477 10 10a1 1 0 1 1-2 0 8 8 0 0 0-8-8 1 1 0 0 1 0-2zm0 4a6 6 0 0 1 6 6 1 1 0 1 1-2 0 4 4 0 0 0-4-4 1 1 0 0 1 0-2zm.5 7a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z'/%3E%3C/svg%3E");
}
 #primary-content ul.iconlist li.wordpress {
     background-image: url('/images/ui/icons/wordpress.png');
}
 #primary-content ul.iconlist li.youtube {
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666666' class='bi bi-youtube' viewBox='0 0 16 16'%3E%3Cpath d='M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z' /%3E%3C/svg%3E");
}
 #primary-content ul.iconlist li.twitter {
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666666' class='bi bi-twitter' viewBox='0 0 16 16'%3E%3Cpath d='M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z' /%3E%3C/svg%3E");
}
 #primary-content ul.iconlist li.blog {
     background-image: url('/images/ui/icons/blog.png');
}
 #primary-content ul.nav-set, ul.nav-set {
     list-style-type: none;
     margin: .5em 0 auto;
     padding: 0;
     overflow: auto;
}
 #primary-content ul.nav-set li, ul.nav-set li {
     margin: 0;
     padding: 0;
}
 #primary-content ul.nav-set li.previous, ul.nav-set li.previous {
     float: left;
     width: 50% 
}
 #primary-content ul.nav-set li.next, ul.nav-set li.next {
     float: right;
     width: 50%;
     text-align: right;
}
 .editioninfo {
     margin: 4px 0 20px;
     border: 2px dotted #dccee4;
     padding: 5px 5px 0;
     overflow: auto;
}
 #cboxClose, #cboxNext, #cboxPrevious {
     border: none;
}
 #primary-content .editioninfo ul {
     list-style-type: none;
}
 #primary-content .editioninfo .dcthumb+ul {
     float: left;
     margin-top: 0;
     display: inline-block;
     max-width: 76%;
     padding-left: 16px;
}
 #primary-content dl {
     clear: both;
     overflow: auto;
     display: block;
     margin-bottom: 1em;
}
 #primary-content dl dd {
     margin-left: 40px;
}
 #primary-content dl.symbollegend {
     margin: 1em 0 3em;
     clear: both;
}
 #primary-content dl.symbollegend dt, dl.symbollegend dd {
     float: left;
}
 #primary-content dl.symbollegend dd {
     font-size: 77%;
     margin-right: 8px;
     margin-left: 2px;
}
 #primary-content dl.publist {
     clear: both;
}
 #primary-content dl.publist dt {
     padding-top: 2em;
     padding-bottom: 5px;
     font-weight: 700;
}
 #primary-content dl.publist dt a {
     font-weight: 100;
}
 #primary-content dl.article-list, #primary-content dl.contactlist {
     margin-bottom: 2em;
     padding-bottom: 1em;
     border-bottom: 1px solid #ccc;
}
 #primary-content dl.article-list {
     border: none;
     margin: 4px;
}
 #primary-content dl.article-list dt, #primary-content dl.contactlist dt {
     float: left;
     text-align: center;
     vertical-align: middle;
     width: 45%;
     clear: left;
}
 #primary-content dl.article-list dt {
     width: 30% 
}
 #primary-content dl.article-list dt img, #primary-content dl.contactlist dt img {
     margin-bottom: 2em;
     display: block;
     margin-left: auto;
     margin-right: auto;
}
 #primary-content dl.article-list dd, #primary-content dl.contactlist dd {
     vertical-align: text-top;
     float: right;
     width: 44%;
     clear: right;
     margin-left: 0;
}
 #primary-content dl.article-list dd {
     width: 68%;
     margin-left: 2% 
}
 #primary-content dl.article-list dd p:first-child, #primary-content dl.contactlist dd p:first-child {
     margin-top: 0;
}
 #footnotes ol {
     margin-left: 30px;
     list-style-type: decimal;
     padding-left: 0;
}
 #footnotes ol li {
     margin-bottom: 5px;
}
 .tag-cloud {
     line-height: 3em;
     text-align: center;
     margin: 0;
}
 .tag-cloud li {
     display: inline;
     margin-left: 1em;
}
 .tag-cloud li a:hover {
     text-decoration: underline;
}
 .related-container {
     margin-bottom: 1em;
     color: #666;
     border: 1px solid #5e7f9d;
     -webkit-border-radius: 4px;
     border-radius: 4px;
     font-size: 90% 
}
 .related-container h2 {
     padding: 2px 6px;
     margin: 0;
     font-size: 90%;
     color: #fff;
     background-color: #5e7f9d;
}
 .related-container h3 {
     font-size: 90% 
}
 .related-container div {
     margin-bottom: 0;
     padding: 8px 5px 6px 8px;
     font-size: .9em;
}
 .related-container div img {
     border: 1px solid #000;
}
 .related-container div p {
     margin: 1em 0;
}
 .related-container ul {
     margin-left: 1em;
     padding-left: 5px;
}
 .related-container h2 img.quaternaryicon {
     float: right;
     display: inline;
     vertical-align: text-top;
     margin-top: 2px;
}
 .backtotop {
     width: auto;
     text-align: right;
     padding: 6px 0;
     margin-top: 5px;
     display: block;
     clear: both;
}
 .datatable, .properties-wrapper table {
     font-size: 100%;
     empty-cells: hide;
     margin-top: 16px;
     margin-bottom: 18px;
     color: #666;
     text-shadow: 1px 1px 0 #fff;
     border: 1px solid #ccc;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     -moz-box-shadow: 0 1px 2px #d1d1d1;
     -webkit-box-shadow: 0 1px 2px #d1d1d1;
     box-shadow: 0 1px 2px #d1d1d1;
}
 .datatable caption, .properties-wrapper table caption {
     margin: 0;
     padding: 4px;
     color: #f6843e;
}
 .datatable td, .datatable th, .properties-wrapper table td, .properties-wrapper table th {
     vertical-align: middle;
     font-size: 84% 
}
 .datatable thead tr th, .properties-wrapper table thead tr th {
     border: 1px solid #e0e0e0;
     background: #ededed;
     background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
     background: -moz-linear-gradient(top, #ededed, #ebebeb);
     color: #333;
     vertical-align: bottom;
     font-size: .8em;
     text-align: center;
     padding: 4px;
     font-weight: 700;
}
 .datatable td, .properties-wrapper table td {
     padding: 4px;
     border: 1px solid #c1dad7;
     background: #fff;
     color: #4f6b72;
}
 .datatable tbody tr:nth-child(even) th, .datatable tr:nth-child(even) td, table tbody tr:nth-child(even) th, table tr:nth-child(even) td {
     background: #f6f6f6;
     background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
     background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
}
 .datatable tbody, .properties-wrapper table tbody {
     border-top: 2px solid #c1dad7;
}
 #primary-content .clickgallerycaption, #primary-content ul.clickgallerylist {
     width: 412px;
     background-color: #eeeff0;
     border: 1px solid #aaa;
     border-top: none;
}
 .datatable tbody tr th, .properties-wrapper table tbody tr th {
     border: 1px solid #c1dad7;
     padding: 4px 0 4px 6px;
     font-weight: 700;
     text-align: left;
}
 .datatable tbody tr th:only-child {
     text-align: center;
}
 .names td, .names th, table.product-label caption, table.product-label td, table.product-label th, table.product-label thead th {
     text-align: left;
}
 .datatable td.highlight, .properties-wrapper table td.highlight {
     font-weight: 700;
     background-color: #eafbeb;
}
 .datatable span.highlight, .properties-wrapper table span.highlight {
     color: #f6843e;
}
 .datatable tfoot tr td, .properties-wrapper table tfoot tr td {
     font-size: 96% 
}
 .datatable td ul, .properties-wrapper table td ul {
     margin-left: 0;
     padding-left: 1em;
}
 .datatable td ul li, .properties-wrapper table td ul li {
     padding-left: 0;
     margin-left: 0;
}
 table tbody tr:hover td, table tbody tr:hover th {
     background: #f2f2f2;
     background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
     background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);
}
 .odd {
     background-color: transparent;
}
 .even {
     background-color: #dddddb;
}
 table.product-label, table.product-label * {
     border: none!important;
}
 table.product-label td h2 {
     margin-top: 4px;
     padding-top: 4px;
}
 .complextable {
     width: 99%;
     font-size: 70% 
}
 .complextable caption {
     font-size: 1.25em;
}
 table.tablesorter thead tr .header {
     background-image: url(/images/tables/bg.gif);
     background-repeat: no-repeat;
     background-position: center right;
     cursor: pointer;
}
 table.tablesorter thead tr .headerSortUp {
     background-image: url(/images/tables/asc.gif);
}
 table.tablesorter thead tr .headerSortDown {
     background-image: url(/images/tables/desc.gif);
}
 .error {
     color: #e00;
}
 #memberLoginContainer {
     float:right;
}
 form#site-search {
     clear: right;
     float: right;
}
 form#site-search fieldset {
     display: inline;
}
 form#site-search label {
     font-size: 80%;
     color: #7e7e7e;
     margin-right: 6px;
}
 form#site-search input.query {
     width: 112px;
     background-color: #fff;
     font-size: 11px;
     color: #333;
     letter-spacing: 1px;
     padding: 1px 0;
}
 form#site-search .search-submit {
     font-size: 11px;
     letter-spacing: 1px;
     vertical-align: bottom;
     margin-left: 5px;
     color: #fff;
     background: #9d4d1e;
     background: -moz-linear-gradient(top, #e9b99f 0, #9d4d1e 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e9b99f), color-stop(100%, #9d4d1e));
     background: -webkit-linear-gradient(top, #e9b99f 0, #9d4d1e 100%);
     background: -o-linear-gradient(top, #e9b99f 0, #9d4d1e 100%);
     background: -ms-linear-gradient(top, #e9b99f 0, #9d4d1e 100%);
     background: linear-gradient(to bottom, #e9b99f 0, #9d4d1e 100%);
     border: 1px solid #8f796d;
     -webkit-border-radius: 2px;
     border-radius: 2px;
}
 fieldset {
     margin-bottom: 34px;
}
 legend {
     margin-bottom: 10px;
     font-weight: 700;
}
 #CaptchaCode, #captcha {
     margin-top: 6px;
}
/* Google Custom Search Engine overrides */
 #gcseSearch .gsc-adBlock:before {
     content: "Google Ads";
}
 #gcseSearch .gsc-adBlock {
     font-size:75%;
     opacity:0.9;
}
 #gcseSearch .gsc-resultsbox-visible:before {
     content: "Copper.org Search Results";
}
 #gcseSearch .gsc-resultsbox-visible {
     margin-top:1em;
     font-size: 130%;
     border-top:1px solid #666666;
}
 .lplayout {
     width: 100% 
}
 .formlayout {
     width: 454px;
}
 #primaryarticlecontainer table, .imagecaptioncontainer, .imagecaptioncontaineralternate, .imagecaptioncontainercenter, .initialimagecaption {
     overflow: auto;
     background-color: #eeeff0;
     text-align: left;
     font-size: .8em;
     padding: .5em .5em 1em;
     margin: 0 0 2em 1em;
     border: 2px dotted #dccee4;
}
 .imagecaptioncontainer, .initialimagecaption {
     max-width: 96%;
     overflow: auto;
}
 #primaryarticlecontainer table img, .imagecaptioncontainer img, .imagecaptioncontaineralternate img, .initialimagecaption img {
     display: block;
     margin-bottom: 4px;
     width: auto;
     border: 1px solid #000;
}
 .initialimagecaption td.emailcaption {
     background-color: #000;
     color: #fff;
}
 .contenthighlight a, li.highlight, p.highlight, span.highlight {
     color: #b64e0e;
}
 .imagecaptionoptionright {
     overflow: auto;
}
 .imagecaptioncontaineralternate, .imagecaptionoptionleft, div.alternate {
     max-width: 96%;
     overflow: auto;
     margin: 0 1em 2em 0;
}
 #primary-content .imagecaptioncontainer p, #primary-content .imagecaptioncontaineralternate p, #primary-content .imagecaptioncontainercenter p {
     padding: 0;
     margin: 0;
     font-style: normal;
     clear:both;
}
 div.equal, iframe.equal, img.equal, table.equal {
     margin-right: auto!important;
     margin-left: auto!important;
}
 .figure-caption img {
     float: left;
     margin-right: 6px;
}
 div.equal, iframe.equal, img.equal {
     float: none;
     display: block;
     clear: both;
     margin-top: 6px;
     margin-bottom: 6px;
}
 img.equal {
     max-width: 100%;
     height: 100% 
}
 p.equal {
     text-align: center;
     margin-left: auto;
     margin-right: auto;
}
 img.image-outline, picture.image-outline {
     border: 1px solid #BBBBBB;
}
 table.fullwidth {
     width: 99% 
}
 div.youtubecontainer, iframe.youtubecontainer {
     border: 2px solid #636971;
     padding: 1px 1px 0;
     background-color: #000;
}
 .youtubecontainer .caption {
     margin: 0!important;
     padding: 1em;
     font-size: 82%;
     background: linear-gradient(top, #f4f4f4 0, #e9e9e9 100%);
}
 .soundbytecontainer {
     width: 300px;
     margin-left: auto;
     margin-right: auto;
}
 object.audio-player embed {
     height: 14px;
}
 div.multiple div {
     float: left;
     padding-left: 10px;
     overflow: auto;
}
 div.multiple div:first-child, div.multiple p+div {
     padding-left: 0;
}
 div.multiple div.clear {
     float: none;
     width: 1px;
     padding-left: 0;
     height: 1px;
}
 .section-highlight {
     overflow: auto;
     background: #f4f4f4;
     background: -moz-linear-gradient(top, #f4f4f4 0, #e9e9e9 100%);
     background: -webkit-linear-gradient(top, #f4f4f4 0, #e9e9e9 100%);
     background: -ms-linear-gradient(top, #f4f4f4 0, #e9e9e9 100%);
     background: linear-gradient(to bottom, #f4f4f4 0, #e9e9e9 100%);
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     border-radius: 6px;
     padding: 1em;
     margin: 2em 0;
}
 li.highlight .fill-in-the-blank {
     border-bottom-color: #b64e0e;
}
 .contenthighlight {
     overflow: auto;
     padding: 5px;
     margin-top: 1em;
     margin-bottom: 0;
     background-color: #fef7eb;
     border-left: 1px dotted #b64e0e;
}
 .contenthighlight h2 {
     padding-top: 0;
     margin-top: 0;
}
 .note {
     font-size: .8em;
}
 .fill-in-the-blank {
     display: inline-block;
     min-width: 140px;
     border-bottom: 1px solid #666;
}
 .illustrationfigure, .related-container div.event img {
     display: block;
     text-align: center;
     margin: 10px auto;
}
 hr {
     margin-top: 6px;
     margin-bottom: 0;
     height: 1px;
     background-color: #ccc;
     color: #ccc;
     border: 0;
     padding: 0;
     width:100%;
}
 #citacallout, .callout {
     float: right;
     margin: 4px 2px 10px 10px;
     padding: 5px;
     background-color: #eeeff0;
     border: 2px dotted #dccee4;
     width: 200px;
     font-size: .8em;
}
 #citacallout h2, .callout h2 {
     font-size: 1.1em;
     margin-top: 0;
     padding-top: 0;
     text-align: center;
     color: #666;
}
 #primary-content .header {
     background: url('/images/ui/bg-header.png') center repeat-x;
     margin-bottom: 1em;
     clear: both;
}
 #primary-content .header h2 {
     color: #78A6BB;
     background-color: #fff;
     font-size: 1.2em;
     padding-right: 10px;
     display: inline;
     text-transform: uppercase;
     margin-bottom: 0;
     padding-bottom: 0;
     padding-top: 0;
     line-height: 100% 
}
 .downloadbuttonshell {
     float: right;
     clear: left;
     margin: 10px 0 10px 80%;
     padding: 1px;
     border: 1px solid #cdcdcd;
}
 .downloadbuttonshell a {
     display: block;
     padding: 3px 8px;
     text-align: center;
     white-space: nowrap;
     color: #393939;
     font-weight: 700;
     background-image: url('/images/ui/inner-button-bg.png');
     background-repeat: repeat-x;
     text-decoration: none;
}
/** bootstrap overrides */
 .btn-primary, a.btn-primary:visited {
     color: #fff;
     background-color: var(--color-primary);
     border-color: var(--color-primary-alpha);
}
 .btn-primary:hover {
     color: #fff;
     background-color: var(--color-primary-alpha);
     border-color: var(--color-primary);
}
 .btn-secondary, a.btn-secondary:visited {
     color: #fff;
     background-color: var(--color-secondary);
     border-color: var(--color-secondary-alpha);
}
 .btn-secondary:hover {
     color: #fff;
     background-color: var(--color-secondary-alpha);
     border-color: var(--color-secondary);
}
 #categorylist {
     border: 1px solid #fff;
}
 .podcast-group {
     margin: 0 0 20px;
}
 .podcast-info {
     border: 2px dotted #dccee4;
     padding: 5px;
     margin-bottom: 20px;
     float: left;
     clear: both;
     display: block;
     width: 98% 
}
 .podcast-info h2 {
     padding-bottom: 2px;
     margin-top: 0;
     margin-bottom: 0;
}
 .podcast-info h3 {
     padding-bottom: 0;
     margin-bottom: 0;
     margin-top: 8px;
}
 .podcast-location {
     margin-top: 0;
     padding-top: 0;
     padding-bottom: 0;
     margin-bottom: 0;
     font-weight: 700;
}
 .podcast-description {
     margin-top: 10px;
}
 .podcast-image {
     float: left;
     margin: 10px 5px 5px 0;
}
 .podcast-watermark {
     display: inline;
     float: right;
     color: #ddd;
     font-size: 1.6em;
}
 #ephemoral-container {
     margin-top: 1em;
}
 #ephemoral-container, #sub-section-categories {
     overflow: auto;
     margin-bottom: 1em;
}
 #ephemoral-container h2 {
     color: #78A6BB;
     font-size: 1.2em;
     margin-top: 0;
     padding-top: 0;
     display: block;
     padding-right: 0;
     background-color: transparent;
}
 #ephemoral-container .header h2 {
     background-color: #f2f1ea;
}
 #ephemoral-container>div {
     float: left;
}
 #ephemoral-container #events-listing>div, #ephemoral-container #highlight>div, #sub-section-categories #events-listing, #sub-section-categories #contact-us {
     background: #e4dec5;
     background: -moz-linear-gradient(top, #e4dec5 1%, #f2f1ea 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #e4dec5), color-stop(100%, #f2f1ea));
     background: -webkit-linear-gradient(top, #e4dec5 1%, #f2f1ea 100%);
     background: -o-linear-gradient(top, #e4dec5 1%, #f2f1ea 100%);
     background: -ms-linear-gradient(top, #e4dec5 1%, #f2f1ea 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E4DEC5', endColorstr='#F2F1EA', GradientType=0);
     background: linear-gradient(top, #e4dec5 1%, #f2f1ea 100%);
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     border-radius: 6px;
     padding: 8px;
     text-align: center;
}
 #sub-section-categories #events-listing {
     margin-right: 0;
     min-height: 120px;
}
 #ephemoral-container #highlight div {
     font-size: 90%;
     text-align: left;
}
 #ephemoral-container #highlight img {
     width: 100% 
}
 #sub-section-categories #events-listing h2 {
     margin: 0;
     padding-bottom: 1em;
}
 #sub-section-categories>div {
     margin-bottom: 2em;
     display: inline-block;
     vertical-align: top;
     width: 200px;
     margin-right: 14px;
}
 #sub-section-categories>div>img {
     display: block;
}
 #sub-section-categories>div>h3 {
     display: inline;
}
 #sub-section-categories .nav-set {
     clear: none;
     width: auto;
}
 #sub-section-categories h4 {
     margin-bottom: .5em;
}
 .cta-button {
     display: inline-block;
     background: #deeae6;
     background: -moz-linear-gradient(top, #deeae6 0, #ccded9 53%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #deeae6), color-stop(53%, #ccded9));
     background: -webkit-linear-gradient(top, #deeae6 0, #ccded9 53%);
     background: -o-linear-gradient(top, #deeae6 0, #ccded9 53%);
     background: -ms-linear-gradient(top, #deeae6 0, #ccded9 53%);
     background: linear-gradient(top, #deeae6 0, #ccded9 53%);
     border: 3px double #ccded9;
     background-clip: padding-box;
     padding: 8px 12px;
     text-align: center;
     color: #393939;
     font-weight: 700;
     text-decoration: none;
     margin: 1em;
}
 .cta-button:hover {
     color: #666;
     background: #CCDED9;
}
 .member-login-button {
     color: #fff;
     background-color: var(--color-dark-blue);
     background: var(--color-dark-blue);
     border: 3px double var(--color-dark-blue-alpha);
     background-clip: padding-box;
     margin: 1rem 0;
}
 .member-login-button:visited {
     color: #ffffff;
}
 .member-login-button:hover {
     color: #ffffff;
     background: -moz-linear-gradient(top, var(--color-dark-blue) 0, var(--color-dark-blue-alpha) 53%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--color-dark-blue)), color-stop(53%, var(--color-dark-blue-alpha)));
     background: -webkit-linear-gradient(top, var(--color-dark-blue) 0, var(--color-dark-blue-alpha) 53%);
     background: -o-linear-gradient(top, var(--color-dark-blue) 0, var(--color-dark-blue-alpha) 53%);
     background: -ms-linear-gradient(top, var(--color-dark-blue) 0, var(--color-dark-blue-alpha) 53%);
     background: linear-gradient(top, var(--color-dark-blue) 0, var(--color-dark-blue-alpha) 53%);
     color: var(--color-dark-blue);
}
 .scroller-viewer {
     width: 480px;
     overflow: hidden;
}
 #cboxTitle, #loading-page {
     width: 100%;
     text-align: center;
}
 .scroll-bar-wrap .ui-slider {
     text-align: left;
     position: relative;
}
 .scroll-bar-wrap .ui-slider-handle {
     top: .2em;
     height: 9px;
}
 .scroll-bar-wrap .ui-slider-handle .ui-icon {
     margin: -8px auto 0;
     position: relative;
     top: 50% 
}
 #primary-content .scroller-viewer ul, .scroller-viewer ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
}
 .scroller-viewer ul li {
     margin: 0;
     padding: 0 2px;
     display: inline;
}
 .scroller-viewer img {
     border: 1px solid #f6843e;
}
 .scroller-viewer img:hover {
     border: 1px solid #4f95b5;
}
 #loading-page {
     position: fixed;
     z-index: 9999;
     height: 100%;
     left: 8px;
     top: 8px;
     background-color: #fff;
     opacity: .75;
}
 #loading-page p {
     position: relative;
     top: 50%;
     transform: translateY(-50%);
     color: #000;
     font-weight: 600;
     font-size: 180%;
     padding-top: 2em;
}
 #loading-page:before {
     z-index: 1;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: #fff;
     opacity: .6;
}
 #loading-page:after {
     z-index: 2;
     height: 66px;
     width: 66px;
     position: absolute;
     top: 47%;
     left: 50%;
     margin: -20px 0 0 -20px;
     background: url(/images/ui/ajax-loader.gif) no-repeat;
}
 .controls a, .ui-icon {
     background-repeat: no-repeat;
}
 #colorbox:focus {
     outline: 0;
}
 #cboxPrint {
     position: absolute;
     top: -20px;
     left: 0;
     display: block;
}
 .controls, .controls a, .counter {
     display: inline-block;
}
 #cboxClose {
     top: -20px!important;
     right: -6px!important;
     background-position: 48% 0!important;
     height: 27px!important;
}
 #cboxCurrent {
     top: -19px!important;
     right: 38px!important;
}
 #cboxTitle {
     top: -22px!important;
     background-color: transparent!important;
     height: 22px;
}
 .controls {
     line-height: 74% 
}
 .controls a {
     height: 20px;
     width: 20px;
     margin-left: 1px;
}
 .controls a:hover {
     cursor: pointer;
}
 .controls a#control-previous {
     background-image: url('/images/controls/control-previous.png');
}
 .controls a#control-play {
     background-image: url('/images/controls/control-play.png');
}
 .controls a#control-pause {
     background-image: url('/images/controls/control-pause.png');
}
 .controls a#control-next {
     background-image: url('/images/controls/control-next.png');
}
/** begin messages */
 .message{
     position:fixed;
     bottom:2%;
     -webkit-background-size: 40px 40px;
     -moz-background-size: 40px 40px;
     background-size: 40px 40px;
     background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(255, 255, 255, .05)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)), color-stop(.75, rgba(255, 255, 255, .05)), color-stop(.75, transparent), to(transparent));
     background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
     background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
     background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
     background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
     background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
     -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
     -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
     box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
     width: 50%;
     margin:16px auto;
     border: 1px solid;
     color: #fff;
     padding: 15px 30px;
     text-shadow: 0 1px 0 rgba(0,0,0,.5);
     -webkit-animation: animate-bg 5s linear infinite;
     -moz-animation: animate-bg 5s linear infinite;
}
 .message .close {
     float:right;
     cursor:pointer;
}
 .info{
     background-color: #4ea5cd;
     border-color: #3b8eb5;
}
 .message.info a {
     color:#ffffff;
}
 .message.error{
     background-color: #de4343;
     border-color: #c43d3d;
}
 .message.warning{
     background-color: #eaaf51;
     border-color: #d99a36;
     color:#666666;
}
 .message.success{
     background-color: #61b832;
     border-color: #55a12c;
}
 .message h3{
     margin: 0 0 5px 0;
}
 .message p{
     margin: 0;
}
 @-webkit-keyframes animate-bg{
     from {
         background-position: 0 0;
    }
     to {
         background-position: -80px 0;
    }
}
 @-moz-keyframes animate-bg{
     from {
         background-position: 0 0;
    }
     to {
         background-position: -80px 0;
    }
}
/** end messages */
 #feature-wrapper {
     min-height:80%;
     padding:5px;
     background-color:#f9f5e7;
}
 #features {
     margin-bottom:0.2em;
}
 #features, #features > div {
     width:100% !important;
}
 #features, #home-features > div {
     display:none;
}
 #features, #home-features > div:first-child {
     display:block;
}
 #feature-nav {
     min-height:20px;
     margin-left:3px;
}
 #features div img {
     width:100%;
     max-width:100%;
}
 #features h2 {
     margin:6px 0px 2px 0px;
     padding-top:0;
     font-size:1.1em;
     color:#666666;
}
 #features p {
     margin-top:0px;
     padding-top:0px;
}
 #features p a.readmore {
     font-size:0.8em;
}
 #feature-controls {
     clear:both;
     background-color:#f9f5e7;
}
 .counter {
     margin-left: 1em;
     font-size: 90% 
}
 .icon.dwg {
     vertical-align: text-bottom;
     margin-right: 4px;
}
 .ui-state-default, .ui-widget-content .ui-state-default {
     border: 1px solid #c9c9c9;
     font-weight: 700;
     color: #1C94C4;
     outline: 0;
}
 .ui-accordion .ui-state-default {
     border: none!important;
}
 .ui-widget-content {
     border: 1px solid #aaa;
}
 .ui-accordion .ui-widget-content {
     border: none;
}
 #arch-projects-accordion.ui-accordion .scroll-bar-wrap.ui-widget-content {
     border: 1px solid #aaa;
}
 .ui-slider .ui-slider-handle {
     position: absolute;
     z-index: 2;
     cursor: default;
     border: 1px solid #c9c9c9;
     background-color: #ccc;
}
 .ui-icon {
     display: block;
     text-indent: -99999px;
     overflow: hidden;
     width: 16px;
     height: 16px;
     background-image: url('/images/ui/icons/jquery-ui-256x240-icons.png');
}
 .ui-accordion-header .ui-icon {
     visibility: hidden;
     height: 0;
     width: 0;
}
 .ui-icon-grip-dotted-vertical {
     background-position: 0 -224px;
}
 .scroll-content {
     float: left;
     list-style-type: none;
     margin: 0 0 36px;
}
 .scroll-content li {
     display: inline;
     margin-right: 10px;
     position: relative;
}
 .scroll-content li:last-child {
     margin: 0;
}
 .scroll-bar-wrap {
     clear: left;
     margin-top: 10px;
     padding: 0 4px 0 2px;
     -moz-background-clip: padding;
     -webkit-background-clip: padding-box;
     background-clip: padding-box;
     background-color: #eee;
}
 .scroll-bar-wrap .ui-slider {
     background: 0 0;
     border: 0;
     margin: 0 auto;
     height: 17px;
}
 .scroll-bar-wrap .ui-handle-helper-parent {
     position: relative;
     width: 100%;
     height: 100%;
     margin: 0 auto;
}
 .ui-tooltip {
     padding: 8px;
     position: absolute;
     z-index: 9999;
     max-width: 300px;
     -webkit-box-shadow: 0 0 5px #aaa;
     box-shadow: 0 0 5px #aaa;
}
 .ui-tooltip.ui-widget-content {
     background-color: #fff;
     opacity: .9;
}
 body .ui-tooltip {
     border-width: 2px;
}
 #slideshow-wrapper {
     background-color:#DEEAE6;
     overflow:auto;
}
 #projectsviewer, .projectsviewer {
     overflow:auto;
     position:relative;
}
 .arch-projects-wrapper .projectsviewer {
     min-height: 340px;
}
 #projectsviewer #controls, #projectsviewer.controls, .projectsviewer.controls {
     text-align: right;
     float: right;
     position: absolute;
     z-index: 99;
     margin-top: 14px;
     right: 3px;
}
 #projectsviewer #controls a, #projectsviewer .controls a, .projectsviewer .controls a {
     display:inline-block;
     height:20px;
     width:20px;
     background-repeat:no-repeat;
     margin-left:1px;
}
 #projectsviewer #controls a#control-previous, #projectsviewer .controls a#a-control-previous , .projectsviewer .controls a#a-control-previous {
     background-image:url('/images/controls/control-previous.png');
}
 #projectsviewer #controls a#control-play, #projectsviewer .controls a#a-control-play, .projectsviewer .controls a#a-control-play {
     background-image:url('/images/controls/control-play.png');
}
 #projectsviewer #controls a#control-pause, #projectsviewer .controls a#a-control-pause, .projectsviewer .controls a#a-control-pause {
     background-image:url('/images/controls/control-pause.png');
}
 #projectsviewer #controls a#control-next, #projectsviewer .controls a#a-control-next {
     background-image:url('/images/controls/control-next.png');
}
 #projectimage {
     min-height: 360px;
}
 #projectimage .slideshow-container {
     width: 100%;
}
 .slideshow-container h2 {
     float: left;
     padding-top: 12px;
     padding-left: 1em;
     width: 86%;
     font-size: 1em;
}
 #primary-content .slideshow-container p.slideshow-description {
     margin: auto 1em;
}
 .slideshow-image-container {
     text-align: center;
     clear: both;
     overflow: hidden;
}
 .slideshow-image-container img {
     max-width:100%;
}
 #clickgallery {
     width: 432px;
     height: 317px;
     background: #eeeff0;
     border: 1px solid #aaa;
     border-bottom: none;
     margin: 0 auto;
}
 #primary-content .clickgallerycaption {
     padding: 0 10px 5px;
     margin: 0 auto;
     clear: both;
     font-size: .8em;
}
 #primary-content ul.clickgallerylist {
     overflow: auto;
     padding: 10px 10px 5px;
     list-style-type: none;
     border-bottom: none;
     margin: 0 auto;
}
 #primary-content ul.clickgallerylist a, #primary-content ul.clickgallerylist a:active, #primary-content ul.clickgallerylist a:hover, #primary-content ul.clickgallerylist a:visited {
     color: #000;
}
 #primary-content ul.clickgallerylist li {
     float: left;
     font-size: 12px;
}
 #primary-content ul.clickgallerylist li.clickgallerylisttext {
     margin: 2px 10px 0 20px;
     font-size: .8em;
}
 #primary-content ul.clickgallerylist li a, #primary-content ul.clickgallerylist li a:visited {
     text-decoration: none;
     color: #000;
     background: #fff;
     text-align: center;
     width: 26px;
     height: 26px;
     line-height: 24px;
     border: 1px solid #444;
     margin: 2px;
     display: block;
     cursor: pointer;
}
 #primary-content ul.clickgallerylist li a.active, #primary-content ul.clickgallerylist li a:hover {
     background: #ddd;
}
 .cda-top {
     display: inline-block;
     height: 40px;
     width: 40px;
     position: fixed;
     bottom: 40px;
     right: 10px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
     overflow: hidden;
     text-indent: 100%;
     white-space: nowrap;
     background: rgba(246, 132, 62, 0.8) url(/images/ui/cda-top-arrow.svg) no-repeat center 50%;
     visibility: hidden;
     opacity: 0;
     -webkit-transition: opacity .3s 0s, visibility 0s .3s;
     -moz-transition: opacity .3s 0s, visibility 0s .3s;
     transition: opacity .3s 0s, visibility 0s .3s;
}
 .cda-top.cda-is-visible, .cda-top.cda-fade-out, .no-touch .cda-top:hover {
     -webkit-transition: opacity .3s 0s, visibility 0s 0s;
     -moz-transition: opacity .3s 0s, visibility 0s 0s;
     transition: opacity .3s 0s, visibility 0s 0s;
}
 .cda-top.cda-is-visible {
    /* the button becomes visible */
     visibility: visible;
     opacity: 1;
}
 .cda-top.cda-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
     opacity: .5;
}
 .no-touch .cda-top:hover {
     background-color: rgba(246, 132, 62, 1.0);
     opacity: 1;
}
 @media only screen and (min-width:100px) {
     #primary-tier-nav, #share-utilities {
         display: none;
    }
     form#site-search {
         margin-top: 13px;
    }
     #body-content {
         width: 100%;
    }
     #tertiary-tier-container {
         float: none;
    }
     h2#section-identity {
         float: left;
         width: 194px;
         max-width: 100%;
    }
     ul#tertiary-tier {
         float: left;
    }
     #content.level1 #primary-content .imagecaptioncontainer img, #content.level1 #primary-content .imagecaptioncontaineralternate img, #content.level2 #primary-content .imagecaptioncontainer img, #content.level2 #primary-content .imagecaptioncontaineralternate img, #content.level2b #primary-content .imagecaptioncontainer img {
         max-width: 100% 
    }
     .related-container {
         width: 98% 
    }
}
 @media only screen and (min-width:480px) {
     form#site-search {
         margin-top: 83px;
    }
     #memberLoginContainer + form#site-search {
         margin-top: 6px;
    }
     .related-container {
         float: left;
         width: 48% 
    }
     .related-container+.related-container {
         margin-left: 6px;
    }
}
 @media only screen and (min-width:768px) {
     #tertiary-tier-container {
         float: left;
         width: 204px;
         padding-right: 12px;
    }
     ul#tertiary-tier {
         width: auto;
    }
     ul#tertiary-tier.three-columns, ul#tertiary-tier.two-columns {
         -webkit-column-count: 1;
         -moz-column-count: 1;
         column-count: 1;
    }
     ul#tertiary-tier li {
         margin-left: 9px;
    }
     #primary-content ul.columnlist {
         -moz-column-count: 3;
         -webkit-column-count: 3;
         column-count: 3;
         -moz-column-gap: 3em;
         -webkit-column-gap: 3em;
         column-gap: 3em;
    }
     #font-size-adjustment {
         float: left;
    }
     #features div img {
         width:63%;
    }
     .feature-content {
         float: right;
         width: 35%;
    }
     .cda-top {
         right: 20px;
         bottom: 20px;
    }
}
 @media only screen and (min-width:758px)and (max-device-width:1024px)and (orientation:landscape) {
     #mobile-primary-nav {
         display: none!important;
    }
     #primary-tier-nav {
         display: block;
    }
}
 @media only screen and (min-width:800px) {
     #mobile-primary-nav {
         display: none!important;
    }
     #primary-tier-nav {
         display: block;
    }
}
 @media only screen and (min-width:867px) {
     #share-utilities {
         display: block;
    }
     .flexbox-child-3s {
         flex: 1 1 25%;
    }
}
 @media only screen and (min-width:1024px) {
     body {
         margin: 0;
    }
     .cda-top {
         height: 60px;
         width: 60px;
         right: 30px;
         bottom: 30px;
    }
     .secondary-nav {
         width: 898px;
    }
     #primary-container {
         margin-left: auto;
         margin-right: auto;
         max-width: 900px;
         text-align: left;
    }
     #mobile-primary-nav {
         display: none!important;
    }
     #primary-tier-nav {
         display: block;
    }
     #body-content {
         width: 900px;
         border: 1px solid #cacaca;
         border-top: none;
    }
     #content.level1 #primary-content, #content.level2, #content.level2b {
         width: 666px;
         max-width: 666px;
    }
     #content.level2c {
         width: 880px;
         max-width: 880px;
         overflow: auto;
    }
     #content.level2b {
         float: left;
    }
     #primary-content {
         float: left;
         min-height: 350px;
    }
     #content.level2b #primary-content {
         width: 100% 
    }
     #content.level2 #primary-content {
         width: 480px;
         padding-right: 16px;
    }
     #primary-content.home {
         float: none;
    }
     #content.level2c #primary-content {
         width: 98% 
    }
     #primary-content ul.columnlist {
         -moz-column-count: 3;
         -webkit-column-count: 3;
         column-count: 3;
         -moz-column-gap: 3em;
         -webkit-column-gap: 3em;
         column-gap: 3em;
    }
     div.columnlist {
         -moz-column-count: 2;
         -webkit-column-count: 2;
         column-count: 2;
         -moz-column-gap: 2em;
         -webkit-column-gap: 2em;
         column-gap: 2em;
    }
     #content.level1 #primary-content .imagecaptioncontainer img, #content.level1 #primary-content .imagecaptioncontaineralternate img {
         max-width: 850px;
    }
     #content.level2 #primary-content .imagecaptioncontainer img, #content.level2 #primary-content .imagecaptioncontaineralternate img {
         max-width: 466px;
    }
     #content.level2 #primary-content .imagecaptioncontaineralternate img, #content.level2b #primary-content .imagecaptioncontainer img {
         max-width: 642px;
    }
     #content.level2 #primary-content .editioninfo .dcthumb+ul {
         float: left;
         display: inline-block;
         padding-left: 16px;
         max-width: 67% 
    }
     .imagecaptioncontainer, .imagecaptionoptionright, .initialimagecaption {
         float: right;
    }
     .imagecaptioncontaineralternate, .imagecaptionoptionleft, div.alternate {
         float: left;
    }
     #content.level1 #related-info, #content.level2 #related-info {
         width: 170px;
         float: right;
    }
     .related-container {
         width: 98% 
    }
     .related-container+.related-container {
         margin-left: 0;
    }
     #font-size-adjustment {
         display: inline;
         margin-left: 60px;
    }
}
/* Code to adjust the layout to 2 cards per row */
 @media all and (min-width:40em) {
    /* Float layout */
     .flex-card-list li {
         width: 50%;
    }
     .no-flexbox .flex-card-list li {
         float:left;
    }
}
/* Code to adjust the layout to 3 cards per row */
 @media all and (min-width:40em) and (max-width:60em) {
    /* Clears the row for 2 item per row layout */
     .no-flexbox .flex-card-list li:nth-child(2n+1) {
         clear:both;
    }
}
 @media all and (min-width:60em) {
    /* common to flex and non-flex */
     .flex-card-list li {
         width: 33.33%;
    }
    /* Float specific: Clear after every third item */
     .no-flexbox .flex-card-list li:nth-child(3n+1) {
         clear: both;
    }
     .flex-card-list-pairs li {
         width: 50%;
    }
}
 .ir, .visuallyhidden {
     border: 0;
     overflow: hidden;
}
 .ir {
     display: block;
     text-indent: -999em;
     background-color: transparent;
     background-repeat: no-repeat;
     text-align: left;
     direction: ltr;
}
 .ir br {
     display: none;
}
 .hidden {
     display: none!important;
}
 .visuallyhidden {
     clip: rect(0 0 0 0);
     height: 1px;
     margin: -1px;
     padding: 0;
     position: absolute;
     width: 1px;
}
 .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
     clip: auto;
     height: auto;
     margin: 0;
     overflow: visible;
     position: static;
     width: auto;
}
/** edits for addition of CopperIsCritical.org */
 #primary-tier-nav li a, #primary-tier-nav li a:hover {
    /* padding: 0 6px;
     */
}
 #primary-tier-nav > li a, #primary-tier-nav > li a:hover, #primary-tier-nav > li.active a, #primary-tier-nav > li:hover a, #primary-tier-nav li#current-campaigns-link a:hover, #primary-tier-nav li#current-campaigns-link.active a:hover {
     background-image: none !important;
}
 #primary-nav-utilities {
     padding-right: 0;
}
 #primary-tier-nav {
     width: 100%;
}
 #primary-tier-nav li#members-link, #primary-tier-nav li#members-link a {
     background-color: var(--color-secondary-alpha);
}
 #primary-tier-nav li#members-link:hover, #primary-tier-nav li#members-link.active, #primary-tier-nav li#members-link.active:hover, #primary-tier-nav li#members-link:hover a, #primary-tier-nav li#members-link:hover a:hover, #primary-tier-nav li#members-link.active a, #primary-tier-nav li#members-link.active:hover a, #members-secondary-nav {
     background-color: var(--color-secondary);
}
 #members-secondary-nav.secondary-nav {
     border-color: var(--color-secondary);
}
 #primary-tier-nav li#members-link a {
     color: #ffffff;
}
 #primary-tier-nav li#members-link h2 a {
     text-decoration: underline;
}
 #primary-tier-nav li#current-campaigns-link {
     position: absolute;
     right: 0;
}
 @media only screen and (min-width: 1024px) {
     .secondary-nav {
         width: 898px;
    }
}
/** end navigation styles */
 #primary-tier-nav li a, #primary-tier-nav li a:hover {
    /* font-weight: 700;
     padding: 6px 10px;
     letter-spacing: 0.02rem;
     */
}
 #primary-tier-nav li#about-us-link {
     background-image: url('/images/ui/primarynav-divider.png');
}
 #primary-tier-nav li#current-campaigns-link, #primary-tier-nav li#current-campaigns-link.active a {
     background-image: none;
}
 #primary-tier-nav li#current-campaigns-link.active {
     background-image: none;
     background: #f3f4f7;
     background: -moz-linear-gradient(top, #f3f4f7 0, #f1f3f6 48%, #dfe5ec 53%, #c3cdda 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3f4f7), color-stop(48%, #f1f3f6), color-stop(53%, #dfe5ec), color-stop(100%, #c3cdda));
     background: -webkit-linear-gradient(top, #f3f4f7 0, #f1f3f6 48%, #dfe5ec 53%, #c3cdda 100%);
     background: -o-linear-gradient(top, #f3f4f7 0, #f1f3f6 48%, #dfe5ec 53%, #c3cdda 100%);
     background: -ms-linear-gradient(top, #f3f4f7 0, #f1f3f6 48%, #dfe5ec 53%, #c3cdda 100%);
     background: linear-gradient(to bottom, #f3f4f7 0, #f1f3f6 48%, #dfe5ec 53%, #c3cdda 100%);
}
 #primary-tier-nav > li a, #primary-tier-nav > li a:hover, #primary-tier-nav > li.active a, #primary-tier-nav > li:hover a, #primary-tier-nav li#current-campaigns-link a:hover, #primary-tier-nav li#current-campaigns-link.active a:hover {
     padding: 6px 12px;
    /* padding-right: 12px;
     */
     padding-right: 10px;
    /* background-image: url(/images/ui/primarynav-divider-active.png) !important;
     */
     background-position: right top;
     background-repeat: no-repeat;
     letter-spacing: 0.007354rem;
}
 #primary-tier-nav li#current-campaigns-link, #primary-tier-nav li#current-campaigns-link.active {
     background: var(--color-primary) !important;
}
 #primary-tier-nav li#current-campaigns-link a, #primary-tier-nav li#current-campaigns-link a:visited, #primary-tier-nav li#current-campaigns-link {
     color: #fff !important;
}
 #primary-tier-nav>li#about-us-link.active:hover, #primary-tier-nav>li#about-us-link:hover, #primary-tier-nav>li.active, #primary-tier-nav>li.active:hover, #primary-tier-nav>li:hover {
     padding-right: 3px;
}
 @media only screen and (min-width: 480px) {
     form#site-search {
         margin-top: 58px;
    }
}
/** end edits for addition of CopperIsCritical.org */
 @media print {
     #body-content, #project-attributes, #project-images {
         float: none;
         width: 98% 
    }
     blockquote, img, pre, tr {
         page-break-inside: avoid;
    }
     *, .level1 h1, h1 {
         color: #000!important;
    }
     * {
         background: 0 0!important;
         box-shadow: none!important;
         text-shadow: none!important;
         filter: none!important;
         -ms-filter: none!important;
    }
     #page-layout, .level1 h1, body, h1, h2#section-identity {
         background-image: none;
    }
     a, a:visited {
         text-decoration: underline;
    }
     blockquote, pre {
         border: 1px solid #999;
    }
     thead {
         display: table-header-group;
    }
     img {
         max-width: 100%!important;
    }
     @page {
         margin: .5cm;
    }
     h2, h3, p {
         orphans: 3;
         widows: 3;
    }
     h2, h3 {
         page-break-after: avoid;
    }
     body {
         background-color: #fff;
         width: auto;
    }
     #page-layout {
         width: 99%;
         margin: 0;
         padding: 0;
         min-height: inherit;
    }
     #page-layout * {
         text-align: left;
    }
     #header {
         padding: 0;
         height: 40px;
    }
     #header * {
         display: inline;
         clear: both;
    }
     #breadcrumbs, #font-size-adjustment, #footer-utilities, #footerutilities, #header-utilities, #header-utilitiescontent, #primary-nav-container, #print-facts, #site-search, #tertiary-tier-container, .related-container, form#sitesearch {
         display: none;
    }
     #site-branding {
         width: auto;
         height: auto;
         float: none;
         padding: 0;
         margin: 0;
    }
     #primary-container {
         overflow: inherit;
         max-width: 96%;
         margin: 0;
         padding: 0;
    }
     #body-content, #primary-container * {
         overflow: visible;
    }
     #site-utilities {
         display: none;
         visibility: hidden;
    }
     #primary-content {
         width: auto;
         padding: 0;
         margin: 0;
    }
     #primary-tier-nav {
         position: relative;
    }
     #body-content {
         border: none;
         page-break-before: avoid;
         clear: both;
         margin-top: 10px;
         display: block;
    }
     #content {
         width: auto;
         clear: both;
         margin-top: 28px;
    }
     h1, h2, h3, h4, h5, h6 {
         margin-left: 0;
         padding-left: 0;
    }
     .level1 h1, h1 {
         height: 2em;
         padding: 10px 10px 10px 0;
         margin: 0;
    }
     h2#section-identity {
         margin: 0;
         height: auto;
         padding-left: 0;
         color: #000;
         font-size: 2.4em;
         font-weight: 500;
    }
     table {
         font-size: 40% 
    }
     #footer {
         width: 90% 
    }
     #copyright {
         width: 90%;
         text-align: center;
    }
     div.panelcontent {
         display: block!important;
    }
     #print-container a.readmore {
         display: none;
    }
     #project-images {
         height: 463px!important;
    }
     #project-attributes {
         margin-left: 0!important;
         margin-top: 10px;
         width: 96%!important;
    }
     #primarycontent p#project-photo-credits {
         margin-top: 16px!important;
    }
     #accordion {
         display: block;
         overflow: scroll;
    }
     #accordion div.panelcontent {
         display: block!important;
    }
     #site-branding #logo {
         max-width: 322px !important;
    }
}