/* default setup */

html {margin: 0; padding: 0}
body {margin: 0; padding: 0; font-family: Arial,Helvetica,sans-serif; border-style: none; line-height: 0; background-color: #939393; color: green; width: 800px; margin-left: auto; margin-right: auto; overflow-y: scroll}
div {margin: 0; padding: 0; position: relative}
img {margin: 0; padding: 0; border-style: none}
p {margin: 0; padding: 0}
h1 {margin: 0; padding: 0; font-family: Arial,Helvetica,sans-serif; font-weight: bold; color: black}
h2 {margin: 0; padding: 0; font-family: Arial,Helvetica,sans-serif; font-weight: bold; color: black}
ul {margin: 0; padding: 0; padding-left: 16pt; list-style-type: square}
ol {margin: 0; list-style-type: decimal}
sup {font-size: 0.8em;line-height: 0;position: relative;vertical-align: baseline;top: -0.5em;}
sub {font-size: 0.8em;line-height: 0;position: relative;vertical-align: baseline;top: 0.5em;}

/* layout */

.head {float: left; border-left: 1px solid black; border-right: 1px solid black; background-color: white}
.headback {background-image: url(../images/stripes1.png); background-repeat: repeat-x; height: 12px; width: 800px; border-bottom: solid 1px #00195C}
.headinner {float: left}
.mobileinner {display: none}
.headinner img {width: 800px; height: 97px}
.headmenu {background-image: url(../images/stripes2.png); background-repeat: repeat-x; height: 25px; width: 800px; border-top: solid 1px #00195C; border-bottom: solid 1px #00195C}
div.menu {position: absolute; top: 6px; bottom: 6px; left: 6px; width: 140px}
div.menuhead {background-color: #D1160E; border: 1px solid black; height: 25px; line-height: 14pt; margin-bottom: 2px; padding-left: 10px}
div.menuentry {background-color: #D7D7D7; border: 1px solid black; height: 25px; line-height: 14pt; margin-bottom: 2px; padding-left: 10px}
div.menufoot1 {background-color: #D7D7D7; border: 1px solid black; line-height: 14pt; position: absolute; left: 0; top: 233px; right: 0; bottom: 0;}
div.menufoot2 {background-color: #D7D7D7; border: 1px solid black; line-height: 14pt; position: absolute; left: 0; top: 349px; right: 0; bottom: 0;}
div.copy {position: absolute; bottom: 0; line-height: 14pt; vertical-align: bottom; padding-left: 4px}
div.copy a {font-size: 7pt; color: #505050; text-decoration: none}
div.page {float: left; clear: both; min-height: 800px; background-color: white; width: 100%; border-left: 1px solid black; border-right: 1px solid black}
div.content {float: left; margin-left: 168px; margin-bottom: 6px; width: 611px}
div.content p {margin: 6px 0px 6px 0px; font-size: 9pt; line-height: 12pt; color: black}
div.content li {margin: 6px; font-size: 9pt; line-height: 12pt; color: black}
div.content h1 {font-size: 12pt; line-height: 16pt; padding-top: 16px; margin-bottom: 16px; border-bottom: 1px solid #505050}
div.content h2 {font-size: 12pt; line-height: 16pt; padding-top: 16px; margin-bottom: 16px; border-bottom: 1px solid #505050}
div.content ul {padding-left: 32pt}
div.headline {float: left; clear: both; background-color: #D7D7D7;	font-weight: bold; border: 1px solid #505050; margin-top: 6px; width: 100%}
div.headline h1 {font-size: 8pt; line-height: 10pt; margin: 6px; padding-top: 0; border: none}
div.headline h2 {font-size: 8pt; line-height: 10pt; margin: 6px; padding-top: 0; border: none}
div.article {float: left; clear: both; border-left: 1px solid #505050; border-right: 1px solid #505050; border-bottom: 1px solid #505050; margin-top: 4px; width: 100%}
div.article p {margin: 6px; margin-top: 12px}
div.article p:first-child {margin-top: 6px}
div.article p.alt:first-child {margin-top: 12px}
div.article img {margin: 4px; border: 1px solid #505050}
div.article ul {padding-left: 16pt}
div.articleleft {float: left; width: 450px}
div.articleright {float: right; width: 150px}
div.foto {}
div.foto p {font-size: 8pt; line-height: 10pt; color: black; font-style: italic; margin-top: 2px; margin-left: 0}
div.foto img {}
.cb {clear:both}
div.article p.mt12 {margin-top: 12px}
div.article p.narrow {margin-top: 0; margin-bottom: 0}
.f600 {float: left; width: 600px; margin-left: 6px; margin-right: 11px; margin-bottom: 6px}
.i600 {width:588px; height: auto}
.f400 {float: left; width: 400px; margin-left: 6px;  margin-top: 6px}
.i400 {width:400px; height: auto}
.f300 {float: left; width: 294px; margin-left: 6px;  margin-top: 6px}
.i300 {width:294px; height: auto}
.f250 {float: left; width: 250px; margin-left: 6px;  margin-top: 6px}
.i250 {width:250px; height: auto}
div.tableft {float: left; clear: both; width: 240px; margin-top: 8px}
div.tableft p {font-style: italic; font-size: 8pt; line-height: 12pt; color: black}
div.tabright {float: left; width: 400px; background-color: #F4F4F4; margin-top: 8px}
a:link, a:visited {text-decoration: none;color: blue}
a:hover, a:active {text-decoration: underline;color: blue}
a.menu {color: black; font-size: 8pt}
a.menuheader {color: white; font-size: 8pt}
a.text:link {font-weight: bold; color: #D1160E}
a.text:visited {font-weight: bold; color: #D1160E}
a.text:hover, a.text:active {font-weight: bold; color: #BAC2BC}
a.title {font-size: 8pt; line-height: 11pt; letter-spacing: 1pt; color: #505050}
a.title:link, a.title:visited {text-decoration: none}
a.title:hover, a.title:active {text-decoration: underline}
img.thumb {width: 150px; height: 112px; margin-bottom: 8px}
img.pdficon {width: 20px; height: 25px; vertical-align: middle}
ul.sp {list-style-image: url(../images/dot.gif)}
div.content p.subtitle {font-size: 8pt; line-height: normal; color: black; font-style: italic}
.col200 {float: left; width: 198px}
.col200one {margin-right: 6px}
.row400 {width: 100%; height: 480px}
.sub440 {width: 440px}
.sub296 {width: 296px}
.sub370 {width: 370px}
.sub600 {width: 600px; height: 424px}

/* mobile stuff */
@media only screen and (max-width : 480px) {
    html {width: 100%}
body {width: 100%; background-color: white}
p {color: black; line-height: normal}
h2 {font-size: 12pt; line-height: normal}
.head {width: 100%; border: none}
.headinner {display: none}
.mobileinner {display: block; float: left; width: 100%}
.mobileinner img {width: 90%; height: auto; margin-top: 1rem; padding-right: 1rem}
.mobileinner p {font-weight: bold; font-size: 12pt; line-height: normal; margin-left: 1rem; margin-top: 3.3rem}
.headbottom {background-color: #d7d7d7; height: 1rem; float: left; clear: both; margin: 1rem 0 0 0; width: 100%}
div.menu-icon {font-size: 30pt; width: 48px; height: 42px; cursor: pointer; margin-left: 0.8rem; margin-top: 0.5rem}
div.menu-icon::before {content: ""; position: absolute; top: 0.25em; left: 4px; width: 1em; height: 0.125em; border-top: 0.375em double #D1160E; border-bottom: 0.125em solid #D1160E;box-sizing: content-box}
div.menu {display: none; width: 100%; position: relative; margin: 0; top: 0; left: 0}
a.menu {font-size: 12pt; line-height: normal}
a.menuheader {font-size: 12pt; line-height: normal}
div.menuhead {padding: 1rem 1rem 1rem 1rem; border: none; margin: 0.1rem 0 0 0}
div.menuentry {background-color: #D7D7D7; border: none; padding: 1rem 1rem 1rem 1rem}
div.page {float: left; clear: both; width: 100%; padding: 0; min-height:unset; box-sizing: border-box; border: none}
div.content {float: left; margin: 0; padding: 0; width: 100%}
div.content li {font-size: 12pt; line-height: normal; color: black; padding: 0 1rem 0 1rem}
div.content h1 {font-size: 16pt; line-height: normal; padding: 2rem 0 0.4rem 0; margin: 0 1rem 1rem 1rem}
div.content h2 {font-size: 12pt; line-height: normal; padding: 1rem 1rem 1rem 1rem; margin: 0}
div.content p {font-size: 12pt; line-height: normal; color: black; margin: 0 1rem 0 1rem; padding: 0.5rem 0 0.5rem 0}
div.headline {float: left; clear: both; background-color: #D7D7D7;	margin-top: 2rem; width: 100%; border:none}
div.article {float: left; clear: both; border: none; padding: 0; margin: 0; width: 100%}
div.articleleft {float: left; clear: both; border: none; padding: 0; margin: 0; width: 100%}
div.articleright {float: right; clear: both; border: none; padding: 0; margin: 0; width: 100%}
.f250,.f300,.f400,.f600 {border: none; width: 100%; box-sizing: border-box; margin: 0}
.i250,.i300,.i400,.i600 {width: 100%; box-sizing: border-box; height: auto; margin: 0}
div.foto {padding: 1rem 1rem 0 1rem}
div.foto p {font-size: 8pt; line-height: normal; font-style: italic; margin: 0.2rem 0 1rem 0; padding-right: 1rem}
.menufoot1 {display: none}
img.thumb {width: 150px; height: 112px; margin-bottom: 0.5rem; padding: 1rem 1rem 0 0}
.col200 {float: left; width: 100%}
.col200one {}
.row400 {height: auto}
.sub440 {width: auto}
.sub296 {width: 100%}
.sub600 {width: 100%; height: 20rem}
.sub370 {width: 100%}
div.tableft {width: 100%; margin-top: 0.5rem}
div.tableft p {font-size: 8pt; line-height: normal}
div.tabright {width: 100%; margin-top: 0.5rem}
div.menufoot1, div.menufoot2 {display: none}
div.copy {position: relative; line-height: normal; padding-bottom: 0.2rem}
.menufoot {background-color: #D7D7D7; margin: 4rem 0 0 0; position: relative; float: left; width: 100%; text-align: center}

#arrow {width: 0px;height: 0px;border-left: 12px solid transparent;border-right: 12px solid transparent;border-bottom: 12px solid white;margin: 0 auto;margin-top: 0.6rem}
#scrolltotop {background: #D7D7D7;cursor: pointer;width: 2rem;height: 2rem;position: fixed;bottom: 1rem;right: 1rem;z-index: 1002;opacity: 0}