/********************************************************************/
/* Copyright (C) 2016-2022, Port of Klickitat. All rights reserved. */
/*                                                                  */
/*  xx-large = 250%, x-large = 200%, large = 150%, medium = 100%    */
/*  small = 85%, x-small = 65%, xx-small =                          */
/********************************************************************/

p.headBar { background-color: #e48020; }

div#footer, div#navigation { background-color: #1a4a7a; }

body, div.exhibit object, div#footer img, div.translate fieldset, hr.dotline, img.smIcon, img.smLogo, table.visList fieldset { border: none; }

.facmap, .propmap, img.inline, img.stdImg { border: 1px solid black; }

div.rNotice, img.border, img.floatl, img.float2, img.headShot { border: 2px solid black; }

body { border-collapse: collapse; }

div#footer, div#navigation ul a:hover, p.headBar a:focus, p.headBar a:hover, span.headName { color: black; }

div#navigation ul a.navLnk, div#navigation ul span, p.headBar a { color: #e48020; }

div.boxInfo, img.floatl, img.headLogo, p.ucSign img { float: left; }

div.exhibit, div.rNotice, div.translate, img.floatr { float: right; }

div#content, div#footer p, div#navigation, div.translate, div.translate span, noscript.jswarn p, p.headBar { font-family: Arial, Helvetica, sans-serif; }

h1, h2, p.quote, span.headName, table.visList th { font-family: Times New Roman, Times, serif; }

div#footer, div#navigation, div.translate input, div.translate select, p.headBar { font-size: 100%; }

div.exhibit p.title, h2, noscript.jswarn p, span.grn, span.headName, span.headTag, span.red, span.yel, table.std th, table.stdGrey th { font-weight: bold; }

body, div.exhibit object, div.exhibit p.title, div#footer p, div.translate fieldset, h2, noscript.jswarn p, span.headName, table.visList form { margin: 0px; }

div.translate, div.translate fieldset, p.headBar, span.headName, span.headTag, table.visList fieldset, table.visList form { padding: 0px; }

div.translate { text-align: right; }

div#navigation, div.translate select, div.translate span, table.stdGrey td, table.visList td { vertical-align: top; }

body, img.stdImg {width: 100%; height: auto;}

/* HEADER BLOCK */
div.translate { margin: 1em 1em 0px 0.1em; }
div.translate span { color: #4070cf; font-size: 90%; font-weight: normal; }
div.translate select { height: 1.75em; }
p.masthead { margin: 0.2em 0px 0.3em 0px; padding-bottom: 0.3em; }
img.headLogo { margin: 0.2em 0.4em -0.2em 0px; padding: 0px 0px 0px 0.5em; }
span.headName { font-size: 250%; }
span.headTag { color: #245090; font-style: italic; margin-left: 2.5em; }
p.headBar { margin: 0.5em 0px 0px 0px; }
p.headBar a { padding-left: 1em; text-decoration: none; }

/* ENVELOPE FOR NAVIGATION & CONTENT PANELS */
div#envelope { display: table; }

/* NAVIGATION PANEL */
div#navigation { display: table-cell; padding-right: 0.2em; width: 11em; }
div#navigation noscript li { color: white; border-bottom: 2px solid #ff2020; }
div#navigation ul { list-style: none; padding-left: 0.2em; }
div#navigation ul a { color: white; display: block; padding: 0px 0.2em 0px 0.2em; text-decoration: none; }
div#navigation ul a:hover { background-color: white; }
div#navigation ul a:active, a:focus { outline: #a0a0a0 dotted thin; }
div#navigation ul span { display: block; padding: 0px 0.5em 0px 0.5em; }
div#navigation li { margin: 5px 0px 20px 0px; }
div#navigation li.navSec { border-bottom: 1px solid #e48020; border-top: 1px solid #e48020; }

/* FOOTER BLOCK */
div#footer { clear: both; padding-top: 4px; }
div#footer a:active, a:focus { outline: #a0a0a0 dotted thin; }
div#footer p { color: #A0A0B0; text-align: center; }
div#footer img { margin: 4px; vertical-align: middle; }
div#footer p.pokInfo { display: none; }

/* CONTENT BLOCK */
div#content { display: table-cell; font-size: 100%; padding: 1em 1em 1em 1em; }

div.exhibit { background-color: #f0edd8; border: 2px solid #c2bda8; margin: 0px 0.5em 0.5em 0.5em; padding: 0.5em; text-align: center; }
div.exhibit p.title { font-size: 125%; padding: 0px 0px 0.2em 0px; }
div.exhibit p.link { font-size: 80%; }
div.exhibit object.smBorder { border: 1px solid #e2decd; }

div.boxInfo { border: 2px solid #c2bda8; margin-right: 1em; margin-left: 1em; margin-bottom: 1em; overflow: auto; padding: 1em;}
div.boxInfo p.listHead { margin-bottom: 0px; }
div.boxInfo ul { margin-top: 0px; }

div.rNotice { background-color: #e3e3ff; margin-bottom: 1em; margin-left: 1em; padding: 0.5em; text-align: center; width: 25%; }

div.chart { margin-left: auto; margin-right: auto; text-align: center; }

hr.dotline { width: 30%; border-top: 3px dotted #208070; }
hr.orgList { background-color: #ebebe4; height: 1em; margin-top: 1.5em; margin-bottom: 1.5em; width: 1em; }

h1 { clear: left; margin: 0px 0px 0.5em 0px; }
h1 span { border-bottom: 2px solid #4864a5; }

h2 { clear: left; color: #3d5d9e; font-size: 150%; margin-bottom: 0.15em; }
h2.rule { border-top: 0.3em solid #dad7c3; padding-top: 0.4em; }

img.floatl { clear: left; margin: 0.25em 0.5em 0.25em 0px; }
img.floatr { clear: right; margin: 0.25em 0px 0.25em 0.5em; }
img.inline { margin-top: 0.25em; margin-bottom: 0.25em; }
img.smLogo { width: 3em; }
img.headShot { margin-top: 2px; }

noscript.jswarn p { background-color: #efdf3f; border-top: 1px solid black; border-bottom: 1px solid black; font-size: 81%; padding: 2px; text-align: center; }

p { margin-top: 0px; }
p.chart { text-align: center; }
p.itemRule { border-top: 4px solid #d8d8d0; margin-top: 1.5em; padding-top: 1.5em; }
p.maptips { font-size: 80%; }
p.pageNote { clear: both; font-size: 80%; margin-top: 1em; }
p.quote { color: #104070; }
p.rule { border-top: 0.4em solid #e7e4cf; margin-top: 1em; padding-top: 1em; }
p.ucSign { padding-top: 1em; }
p.ucSign img { margin-right: 1em; }

span.eSymbol { color: #009000; padding-left: 2px; padding-right: 2px; }

table.std th { text-align: left; text-decoration: underline; }
table.std td { padding: 0px 2em 0px 0px; }
table.stdGrey { border-collapse: separate; margin-bottom: 1em; }
table.stdGrey th { background-color: #cbcdc2; vertical-align: bottom; padding: 8px 6px 2px 6px; text-align: left; }
table.stdGrey td { background-color: #dbddd2; padding: 2px 6px 2px 6px; }
table.visList th { color: #4060a4; font-size: 141%; text-align: left; }
table.visList td { padding-bottom: 1em; padding-right: 0.5em; }

ul.block { padding-left: 1em; }
ul.block li { margin-bottom: 1em; }


p.l1 { margin: 0px 0px 0px 1em; }
p.l2 { margin: 0px 0px 0px 2em; }

.facmap { height: 23em; width: 31em; }
.propmap { height: 23em; width: 31em; }
.red { color: #d80000; }
.grn { color: #00a800; }
.yel { color: #df8f00; }
.showHide { color: #909090; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-left: 0.2em; }
.showHide:link { text-decoration: none; }
.printonly { display: none; }