#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;
}
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;
}
#footer {
    padding: 10px 0;
    font-size: 10px;
    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.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 {
    colorhttp: //cda.cascadeserver.com/entity/open.act?type=page&id=9ff0c66b0a6e2951548ccbe77ce72380&confId=9ffd6adb0a6e2951548ccbe78d724244:#333;
    padding: 0;
    font-size: 10px;
    line-height: 30px;
}
#header-utilities li.share-utilities {
    background-image: none;
    padding: 6px 0 0;
}
#primary-tier-nav {
    position: relative;
}
#primary-tier-nav li {
    float: left;
    padding: 0 3px 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 16px;
    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: 19px;
    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.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: #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;
}
#about-us-secondary-nav.secondary-nav, #publications-secondary-nav.secondary-nav, #resources-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 {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
}
#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 {
    display: inline-block;
    width: 100%}
#about-us-secondary-nav.secondary-nav .menu-group {
    display: inline;
}
#consumers-secondary-nav.secondary-nav .menu-group {
    display: inline-block;
}
.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 0 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%;
    height: 44px;
    padding: 76px 0 0 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: 50%}
#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;
	padding: 1em;
	margin-bottom: 1em;
}

.flex-card-content {
	display: flex;
	flex: 1  0 auto; /* We have to add a basis for IE10/11 */
	flex-direction: column;
}

 .flex-card-iamge 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 */
}

.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 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);
}
#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;
}
#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%}
.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);
}
#primary-content ul.iconlist li.linkedin {
    background-image: url(../images/ui/icons/linkedin.png);
}
#primary-content ul.iconlist li.rss {
    background-image: url(../images/ui/icons/rss.png);
}
#primary-content ul.iconlist li.wordpress {
    background-image: url(../images/ui/icons/wordpress.png);
}
#primary-content ul.iconlist li.youtube {
    background-image: url(../images/ui/icons/youtube.png);
}
#primary-content ul.iconlist li.twitter {
    background-image: url(../images/ui/icons/twitter.png);
}
#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;
}
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;
}
.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;
}
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;
}
#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;
}
#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;
}
.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);
}

#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;
}
#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: auto;
}
#tertiary-tier-container {
    float: none;
}
h2#section-identity {
    float: left;
    width: 204px;
}
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;
}
.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: 882px;
}
#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: 882px;
    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;
	}
}

.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;
}


@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;
}
}