/* Fonts */
/* noto-sans-regular - latin */
@font-face {
  font-family: 'NotoSans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/noto-sans-v14-latin-regular.woff2') format('woff2'),
       url('fonts/noto-sans-v14-latin-regular.woff') format('woff');
}

/* Mobile layout - small device - default */
html { background-color: white; font-size: 16px; font-weight: 300; }
body { font-family: NotoSans, sans-serif; color: #000; background: white; margin: 0 auto; padding: 0; width: 98%; }
#mobiletopmenu { background-color: white; padding: .5em; font-size: 15px; }
#banner { font-size: 15px; font-weight: normal; }
#bannersrch { padding-top: .1em; }
#bannersrch input[type=submit] { font-size: large; width: 35px; text-align: center; display: inline; padding: .15rem 0;}
#navicon { margin: 0; float: right; }
#navicon a { text-decoration: none; background-color: #000080; color: white; font-weight: bold; transform: scale(1.25,1); border-radius: .5em; border: 1px outset #111; padding: .2em 1em; }
#navicon a:hover { background-color: white; color: #000080; }
#banner .skiplink { width: 0; height: 0; overflow: hidden; position: absolute; left: -1000px; color: white; }
#bannertbl { display: table; border: none; border-collapse: collapse; border-spacing: 0; margin: 1rem 0 0; width: 100%; }
#bannerrow { display: table-row; }
#bannerrow { vertical-align: top; }
#logo { display: table-cell; width: 120px; }
#bannertxt { display: table-cell; vertical-align: top; }
#sitename { font-family: Arial, Helvetica, sans-serif; font-style: italic; font-size: 1.4rem; font-weight: bold; color: #000080; margin-bottom: .5rem; letter-spacing: .025rem; }
#tagline { font-size: 1.05rem; margin-bottom: .5rem; color: #663333; font-weight: bold; }
#menu, #main { border-top: 1px solid #300; border-bottom: 1px solid #300; }
#menu { font-size: .95em; background-color: #300; color: #fff; font-weight: normal; }
#menu ul { margin: 1em .6em; padding: 0; }
#menu li { margin-bottom: 1em; list-style-type: none; }
#menu a { padding: .3em; color: white; text-decoration: none; display: block; background-color: #663333; }
#menu a:hover, #menu a.current { color: #300; background-color: white; }
#menu a.current { cursor: default; color: #300; background-color: white; }
#menu hr {  width: 90%; margin: 1.5em auto;}
#menu, #menusrch { display: none; }
#main { position: relative; padding: 1.8em 3% 1em; letter-spacing: .02em; }
#main hr { width: 100%; margin: 2rem auto 1.5rem; border: none; border-top: 1px solid #330000; background-color: #330000; color: #330000; clear: both; }
#agenda strong { color: #663333; }
#sympro hr { width: 50%; margin-top: 2rem; }
#sympro h3 { margin-top: 2rem; }
#pgctr li { margin-bottom: .5rem; }
#footer { text-align: center; font-size: .8rem; padding-bottom: .5em; clear: both; }
#footer div { padding: .5rem 1rem; }
#credit a, #credit a:visited { text-decoration: none; color: #000; }
#credit a:hover { text-decoration: underline; }

.abovetheline { font-variant-position: super; font-size: .8em; }
.author, .panelist .author { font-weight: bold; font-style: italic; font-size: 1.15em; letter-spacing: .04em; }
.author_box { padding: .5em; border: 2px solid #552B2A; font-size: .9em; margin-top: 1em; }
.award { margin: 1em 0; border: 1px solid #552B2A; padding: 1.5em; text-align: center; clear: right; }
.award .recipient { font-size: 1.2em; font-weight: bold; }
.bigprint { font-size: 1.2rem; }
.caption { font-size: .85rem; font-weight: bold; text-align: center; }
.cite { text-align: right; font-size: .9em; font-style: normal; }
.dnlds { margin-top: .5em; margin-bottom: .5em; }
.dnlds:first-of-type { margin-top: revert; }
.dnlds:last-of-type { margin-bottom: revert; }
.feature { width: 30%; background-color: #eee; float: right; border: 1px solid #330000; border-radius: 5px; margin: 1em 0 1em 1.5em; padding: 1em; text-align: center; font-size: .95em;}
.fineprint { font-size: .9em; }
.footnote { margin-top: 2em; width:100px; background: #300; height: 1px; }
.goLeft, .goRight { text-align: center; }
.h1withsub { margin-bottom:0; }
.hangindent { margin-left: 1em; text-indent: -1em; }
.hilite { color: #300; font-weight: bold; font-style: italic; }
.hilite2 { color: #300; font-weight: bold; font-size: 1.2em; }
.hilite3 { background-color: #000080; font-weight: bold; font-size: 1.3em; color: white; }
.hilite4 { background-color: #300; font-weight: bold; font-size: 1.3em; color: white; }
.honoree { width: 200px; margin: auto; }
.instr { font-weight: normal; font-size: .9em; margin-bottom: .5em; width: 80%; }
.microprint { font-size: .8em; }
.newsdate { margin-top: -.8em; font-size: .9em; font-style: italic; }
.nospace { margin-bottom: 0; }
.panelist { box-sizing: border-box; display: inline-block; vertical-align: top; padding: 0 0 1.5rem; width: 100%; }
.panelist div { font-size: .85rem; margin-left: 1rem; text-indent: -1rem; }
.photogallery { max-width: 250px; margin: .6em auto 1em; display: inline-block; vertical-align: top; }
.picwithcap { max-width: 320px; margin:auto; }
.presentn { clear: both; }
.presentn h3 { margin-bottom: 0; }
.putLeft { text-align: left; }
.putMiddle, .putCenter { text-align: center; }
.putRight { text-align: right; }
.scrollable { overflow-x: auto; }
.setoff { width: 80%; margin: 2rem auto; }
.splash { text-align: center; margin: 20px auto; font-family: Arial, sans-serif; width: 200px; font-size: 120%; }
.splash a { border-radius: 5px; border: 1px #000088 outset; padding: 2px 15px; background-color: #000088; color: white; font-weight: bold; font-size: 120%; text-decoration: none; white-space: nowrap; display: block; }
.splash a:hover { background-color: #eeeeee; border: 1px #000088 outset; border-radius: 5px; color: #000088; }
.sponsorFMA { width:100%; height:130px; margin:1.5em auto; border-collapse:collapse; border:1px solid #300; }
.sponsorFMA tr { vertical-align: middle; }
.sponsorFMA td { text-align: center; font-size:1.1em; padding: .5em; }
.sponsorFMA .FMAlogo { width: 25%; max-width:130px; }
.sponsorgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); grid-gap: 1rem; margin: 1rem 0; }
.sponsorli { justify-self: center; align-self: center; }
.stdtable { width: 95%; border-collapse: collapse; margin: auto; }
.stdtable th { background-color: #300; color: white; font-weight: bold; text-align: center; padding: .3em .1em; border-left: 1px solid white; border-right: 1px solid white; font-size: .85rem; }
.stdtable tr th:first-child { border-left: 1px solid #300; }
.stdtable tr th:last-child { border-right: 1px solid #300; }
.stdtable td { border: 1px solid gray; padding: .5em; vertical-align: top; }
.stdtable td>ul { margin: 0; padding-left: 1em; }
.subhdg {margin-top:0;font-style:italic;font-weight:bold;}
.subscript { vertical-align: sub; font-size: .6rem; }
.supscript { vertical-align: super; font-size: .6rem; }
.tblcss { display: table; }
.tblcsstr { display: table-row; }
.tblcsstd { display: table-cell; }
.tblctr { width:90%; margin: 1.5rem auto; border: 1px solid #ccc; border-collapse: collapse; }
.tblctr td { vertical-align: top; padding: .5rem; border: 1px solid #ccc; }
.tblctr tr td:first-of-type { font-weight: bold; text-align: right; width: 30%; color: #254A25; }
.tblctr.regopen tr td:first-of-type { width: 22%;}
.tblctr tr td:last-of-type { font-weight: bold; }
.tblctr tr td:first-of-type::after { content: ':\00a0'; }
.tblctr tr td.nostyle { font-weight: normal; text-align: left; width: auto; color: inherit; }
.tblctr tr td.nostyle::after { content: none; }
.tblctr th { background-color: #663333; font-weight: bold; font-style: italic; font-size: 1.1rem; color: white; padding: .2rem; }

blockquote { font-style: italic; }
h1 { font-family: Verdana, sans-serif; font-size: 1.4em; font-weight: bold; color: #000080; margin: .3em 0 .6em; }
h2, h3 { font-family: Verdana, sans-serif; font-weight: bold; color: #000080; margin: 1.2em 0 .6em; }
h2 { font-size: 1.25em; }
h3 { font-size: 1.05em; font-style: italic; }
h4, h5, h6 { font-family: Verdana, sans-serif; font-weight: bold; letter-spacing: .03em; color: #300; margin: 1rem 0 .5rem; }
h2+p, h4+p { margin-top: 0; }

img { width: 100%; height: auto; border: none; }
audio { margin-bottom: 2rem; }
video { width: 100%; max-width: 320px; margin-bottom: 2rem; }

/*  Form styles  */
.errmsg { color: red; font-weight: bold; }
.formfld { font-weight: bold; font-size: 85%; }
.formlabel { width: 20%; font-size: 90%; font-style: italic; padding-right: .3em; text-align: right; }
.formtbl { width: 100%; border: none; }
.formtbl input[type="text"], .formtbl textarea { width: 80%; }
.stdtable input[type="text"] { width: 95%;}
form fieldset { margin-bottom: .6em; padding: .3em; }	
form input[type="submit"], form input[type="reset"] { cursor: pointer; color: white; background-color: #000080; font-weight: bold; font-size: 1rem; text-decoration: none; display:block; padding: .2em 1em; border-radius: .5em; border: 1px outset #111; letter-spacing: .05em; width:200px; margin:auto; text-align: center; }
form input[type="submit"]:hover, form input[type="reset"]:hover { color: #000080; background-color: white; }
form label { white-space: nowrap; }
form legend { font-variant: small-caps; font-weight: bold; font-style: italic; color: #000080; font-size: .9em; }
form td { padding-bottom: .6em; }
form tr, .formtbl tr { vertical-align: top; }
a.specbtn { cursor: pointer; color: white; background-color: #000080; font-weight: bold; text-decoration: none; display:block; padding: .2em 1em; border-radius: .5em; border: 1px outset #111; letter-spacing: .05em; width:40%; margin:auto; text-align: center; }
a.specbtn:hover { color: #000080; background-color: white; }
/* for honeypot */
#dontshowtousers { display: none; }
/* end: Form styles */

/* Screen layout: 480px to 600px */
@media (min-width: 480px) {
.photogallery { margin: .6em 5% 1em; width: 39%; }
.picwithcap { max-width: 480px; }
}

/* Screen layout: 600px to 768px */
@media (min-width: 600px) {
.author_box { width: 40%; margin: 1rem 0 1rem 1rem; float: right; }
.honoree { float: right; margin: 0 0 15px 15px; }
.panelist { padding: 0 1rem 1.5rem; width: calc(100% / 2); }
.photogallery { margin: .6em 1.4% 1em; width: 30%; }
.picwithcap { max-width: 500px; }
.scrollable>table { width: auto; display: table; }
.sponsorFMA { width:80%; }
.tblctr { width:80%; }
}

/* Screen layout: 768px to 1024px */
@media (min-width: 768px) {
#footer { text-align: left; }
#footer p { margin: 0; padding: 0; }
#credit { float: right; }
.goLeft { float: left; margin: 0 1em 1em 0; }
.goRight { float: right; margin: 0 0 1em 1em; }
.sponsors { display: table; width: 100%; border: none; border-collapse: separate; border-spacing: .5em; }
.sponsorsrow { display: table-row; }
.sponsorscell { display: table-cell; text-align: center; width:32%; vertical-align: middle; }
.tblctr { width:70%; }

h1 { font-size: 1.5em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.1em; }
}

/* Screen layout: 1024px to 1280px */
@media (min-width: 1024px) {
html { background-color: #eee; }
body { max-width: 1280px; }
#mobiletopmenu { display: none; }
#banner { padding-top: 1rem; }
#bannertbl { margin: 0; }
#sitename { padding-top: 1rem; font-size: 1.6rem; }
#logo { width: 180px; text-align: center; }
#pgctr { position: relative; background-color: #300; overflow: auto;}
#menu { width: 170px; position: absolute; left: 0; top: 0; color: white; font-size: .8rem; padding: 5px; border: none; }
#menu, #menusrch { display: block; }
#menusrch { text-align: center; margin: .5em 0 0; }
#menusrch input[type=submit] { background-color: #663333; color: white; font-size: large; width: 30px; text-align: center; display: inline; padding: .2rem 0; }
#menusrch input[type=submit]:hover { background-color: white; color: #300; }
#main { margin-left: 180px; clear: none; background-color: white; min-height: 750px; overflow: auto; line-height: 1.4; }
.sponsorFMA { width: 60%; }
.sponsorFMA .FMAlogo { width: 35%; max-width:150px; }
.panelist { width: calc(100% / 3); }
}