/* 
    std.css 
    http://kevincarmody.com
    2020-02-24
    (c) 2006-2020 Kevin Carmody 
*/

/*
  Smartphone browser is assumed to be up to 440px wide in portrait mode
  and 900px wide in landscape mode.
*/

html,body           {margin: 0; padding: 0; height: 100%; }
body                {font-family: dejavu serif, palatino, georgia, 
                      cambria, big caslon, times new roman, serif;
                      color: #000080; word-wrap: break-word }

@media (min-width: 440px) and (min-height: 440px) {
  body                {margin-top: 10px; font-size: 90%; line-height: 1.5em; }
  img.soc16           {width: 16px; }
  img.soc             {width: 24px; }
}
@media (max-width: 441px), (max-height: 441px) {
  body                {margin-top: 10px; font-size: 85%; line-height: 1.5em; }
  img.soc16           {width: 15px; }
  img.soc             {width: 22px; }
}

#google_translate_element
                    {text-align: right; }

.small4             {font-size: 33%; line-height: 1.5em; }
.small3             {font-size: 50%; line-height: 1.5em; }
.small2             {font-size: 57%; line-height: 1.5em; }
.small              {font-size: 80%; line-height: 1.5em; }
.small0             {font-size: 90%; line-height: 1.5em; }
.large0             {font-size: 112%; line-height: 1.5em; }
.large              {font-size: 125%; line-height: 1.5em; }
.large2             {font-size: 175%; line-height: 1.5em; }
.large3             {font-size: 200%; line-height: 1.5em; }
.large4             {font-size: 300%; line-height: 1.5em; }
.center             {text-align: center; }
.right              {text-align: right; }
.bold               {font-weight: bolder; }
.phantom            {visibility: hidden; }
.nowrap             {white-space: nowrap; }

div.large           {font-weight: bolder; padding: 1em 1em; }
div.large2          {font-weight: bolder; padding: 1em 1em; }
div.large3          {font-weight: bolder; padding: 1em 1em; }

span.footing        {margin-left : 12pt;}
span.heading        {margin-right: 12pt;}

code                {font-size: 120%; font-weight: bolder;}
pre                 {font-size: 120%; font-weight: bolder;}
pre.wrap            {font-size: 120%; font-weight: bolder; white-space: pre-wrap;}
xmp                 {font-size: 120%; font-weight: bolder;}
xmp.inline          {font-size: 120%; font-weight: bolder; display: inline;}
xmp.wrap            {font-size: 120%; font-weight: bolder; white-space: pre-wrap;}

@media (min-width: 440px) and (min-height: 440px) {
  article             {padding-left: 2%; padding-right: 2%; 
                        width: 80%; max-width: 800px; 
                        margin-left: auto; margin-right: auto; display: block; }
  article header      {text-align: center; vertical-align: middle; display: block;
                        color: #00C000;
                        font-size: 175%; line-height: 1.5em; 
                        font-weight: bolder;
                        padding: 1em 1em; }
  article footer      {text-align: center; 
                        font-size: 100%; line-height: 1.5em; 
                        padding: 0 1em; }
  nav                 {margin-bottom: 30px; }
  nav a               {display: block; text-align: center; 
                        background-color: #FFFF00;
                        border: 1px solid #000080; 
                        font-size: 125%; line-height: 1.5em; 
                        padding: 5px; margin-top: 15px; margin-bottom: 15px; }
  footer nav          {text-align: center; margin-top: 30px; }
  footer nav.small    {font-size: 80%; line-height: 1.5em; 
                        background-color: #FFFFFF; 
                        border: none; }
  footer nav a        {display: inline; 
                        background-color: transparent;
                        border: none;
                        font-size: 100%; 
                        margin: 5px; }
  section header      {text-align: center; vertical-align: middle; 
                        color: #D00000;
                        font-size: 125%; line-height: 1.5em; 
                        font-weight: bolder;
                        padding: 1em 1em; }
  section footer      {text-align: right; }
  section footer a:before 
                      {content: "\2191"; }
  header.hideh:before {}
  header.showh:before {}
  div.show            {display: block; }
  div.hide            {display: block; }
  td.movert           {display: table-cell; }
}
@media (max-width: 441px), (max-height: 441px) {
  article             {padding-left: 1%; padding-right: 1%; 
                        display: block; }
  article header      {text-align: center; vertical-align: middle; 
                        color: #00C000;
                        font-size: 175%; line-height: 1.5em; 
                        font-weight: bolder;
                        padding: 1em 1em; }
  nav                 {display: none; }
  footer nav          {display: block; 
                        border-top: 1px solid #000080; padding: 1em 1em; 
                        text-align: center; margin-top: 10px; }
  footer nav.small    {font-size: 80%; line-height: 1.5em; }
  footer nav a        {display: inline; }
  section header      {text-align: center; vertical-align: middle; 
                        color: #D00000;
                        border-top: 1px solid #000080; 
                        font-size: 125%; line-height: 1.5em; 
                        font-weight: bolder;
                        padding: 1em 1em; }
  section hr          {width: 80%; }
  section footer      {display: none; }
  section footer a:before 
                      {}
  header.hideh:before {content: "\25BD\00A0"; }
  header.showh:before {content: "\25B3\00A0"; }
  div.show            {display: block; }
  div.hide            {display: none; }
  td.movert           {display: block; }
}
@media print {
  nav                 {display: none; }
  section footer      {display: none; }
}

img.hw              {width: 50%; }
img.fw              {width: 100%; }
figure              {display: block; margin: auto; text-align: center; }
figcaption          {margin: auto; margin-top: 12pt; margin-bottom: 12pt; text-align: center; font-weight: bolder;}
figcaption.top      {caption-side: top;}
figcaption.reg      {font-weight: normal; }
audio               {display: block; width: 100%; }

math                {font-family: times new roman, times, serif;}
svg                 {display: block; margin: auto;}
svg.inline          {display: inline-block; text-align: left;}
line.line           {stroke: navy; stroke-width: 1;}
line.plot           {stroke: navy; stroke-width: 2;}
rect.line           {stroke: navy; stroke-width: 1; fill: none;}
rect.plot           {stroke: navy; stroke-width: 2; fill: none;}
rect.shaded         {stroke: navy; stroke-width: 1; fill: rgb(235,235,235); fill-rule: nonzero;}
polyline.line       {stroke: navy; stroke-width: 1; fill: none;}
polyline.plot       {stroke: navy; stroke-width: 2; fill: none;}
polyline.shaded     {stroke: navy; stroke-width: 1; fill: rgb(235,235,235); fill-rule: nonzero;}
polyline.shade      {fill: rgb(235,235,235); fill-rule: nonzero;}
polygon.line        {stroke: navy; stroke-width: 1; fill: none;}
polygon.plot        {stroke: navy; stroke-width: 2; fill: none;}
polygon.shaded      {stroke: navy; stroke-width: 2; fill: rgb(235,235,235); fill-rule: nonzero;}
polygon.shade       {fill: rgb(235,235,235); fill-rule: nonzero;}
circle.line         {stroke: navy; stroke-width: 1; fill: none;}
circle.plot         {stroke: navy; stroke-width: 2; fill: none;}
circle.shaded       {stroke: navy; stroke-width: 2; fill: rgb(235,235,235); fill-rule: nonzero;}
circle.shade        {fill: rgb(235,235,235); fill-rule: nonzero;}
circle.small        {stroke: navy; stroke-width: 0.5; fill: none;}
circle.dot          {fill: navy;}
circle.reddot       {fill: red;}
ellipse.line        {stroke: navy; stroke-width: 1; fill: none;}
ellipse.plot        {stroke: navy; stroke-width: 2; fill: none;}
ellipse.shaded      {stroke: navy; stroke-width: 2; fill: rgb(235,235,235); fill-rule: nonzero;}
ellipse.shade       {fill: rgb(235,235,235); fill-rule: nonzero;}
path.line           {stroke: navy; stroke-width: 1; fill: none;}
path.plot           {stroke: navy; stroke-width: 2; fill: none;}
path.shaded         {stroke: navy; stroke-width: 2; fill: rgb(235,235,235); fill-rule: nonzero;}
path.shade          {fill: rgb(235,235,235); fill-rule: nonzero;}
text                {fill: navy;}
tspan.b             {font-weight: bolder;}
tspan.i             {font-style: italic;}
tspan.red           {fill: red;}
text.bl             {text-anchor: start ; dominant-baseline: text-after-edge; }
text.bm             {text-anchor: middle; dominant-baseline: text-after-edge; }
text.br             {text-anchor: end   ; dominant-baseline: text-after-edge; }
text.tl             {text-anchor: start ; dominant-baseline: text-before-edge;}
text.tm             {text-anchor: middle; dominant-baseline: text-before-edge;}
text.tr             {text-anchor: end   ; dominant-baseline: text-before-edge;}
text.cl             {text-anchor: start ; dominant-baseline: central         ;}
text.cm             {text-anchor: middle; dominant-baseline: central         ;}
text.cr             {text-anchor: end   ; dominant-baseline: central         ;}

input               {font-size: 125%; line-height: 1.5em; 
                      font-family: dejavu serif, cambria, georgia, times new roman, times, serif; 
                      color: #000080; background-color: #F8F840; 
                      border: 1px solid; }
input.large0        {font-size: 139%; line-height: 1.5em; }
input.large         {font-size: 150%; line-height: 1.5em; }
input.text          {color: #000080; background-color: #FFFF00; }

button              {font-size: 125%; line-height: 1.5em; 
                      font-family: dejavu serif, cambria, georgia, times new roman, times, serif; 
                      color: #000080; background-color: #F8F840; 
                      border: 1px solid; }
button.large0       {font-size: 139%; line-height: 1.5em; }
button.large        {font-size: 150%; line-height: 1.5em; }
button.text         {color: #000080; background-color: #FFFF00; }

textarea            {font-size: 125%; line-height: 1.5em; }
                      font-family: dejavu serif, cambria, georgia, times new roman, times, serif; 
                      color: #000080; resize: both; }
textarea.large0     {font-size: 139%; line-height: 1.5em; }
textarea.large      {font-size: 150%; line-height: 1.5em; }

p                   {text-align: justify; }
p.center            {font-weight: bolder; }
p.large             {margin-top: 15px; margin-bottom: 15px; }
p.large2            {margin-top: 20px; margin-bottom: 20px; }
p.frame             {text-align: center; 
                      border: 1px solid #000080; }
p.frame0            {text-align: center; 
                      font-size: 112%; line-height: 1.5em; 
                      border: 1px solid #000080; }
p.frame2            {text-align: center; 
                      font-size: 175%; line-height: 1.5em; 
                      border: 1px solid #000080; }
p.warn              {text-align: center; 
                      background-color: #FFFF00; 
                      border: 1px solid #000080; 
                      font-size: 125%; line-height: 1.5em; 
                      font-weight: bolder; }

a                   {text-decoration: none; }
a:hover             {text-decoration: underline; }

blockquote          {text-align: justify; }
blockquote.center   {text-align: center; }
blockquote.right    {text-align: right; }

hr                  {height: 1px; border: 0; ;
                      color: #000080; background-color: #000080; }
hr.short            {width: 30%; }

ul                  {text-align: justify; }
ul li               {margin-bottom: 0.1em; }

ol                  {text-align: justify; }
ol li               {margin-bottom: 0.1em; }

table               {}
table.sub tr        {vertical-align: top; }
table.sub table tr  {vertical-align: top; }
table.sub th        {text-align: left; }
table.sub td        {}
table.full          {border-collapse:collapse; border: medium double black; }
table.full th       {border: thin solid black; text-align: left; }
table.full td       {border: thin solid black; }
table.full2         {border: medium double; }
table.full2 th      {border: thin solid; padding: 5px; text-align: left; }
table.full2 td      {border: thin solid; padding: 5px; }
table.center        {}
table.center td     {text-align: center; }
table.center th     {text-align: center; }

th                  {padding: 0px 5px; text-align: left; }
th.pad              {padding: 5px 5px; text-align: left; }
th.indent           {text-indent: 3em; text-align: left; }
th.large            {text-align: left; }
th.large2           {text-align: left; }

td                  {padding: 0px 5px; }
td.pad              {padding: 5px 5px; }
td.bottom           {vertical-align: bottom; }
td.top              {vertical-align: top; }

@media (min-width: 900px) {
	th.indent           {text-indent: 3em; text-align: left; }
	td.indent           {text-indent: 1em; text-align: left; }
	p.pad               {padding: 0em 3em; text-align: left; }
}
@media not (min-width: 900px) {
  th.indent           {text-indent: 0em; text-align: left; }
  td.indent           {text-indent: 0em; text-align: left; }
  p.pad               {padding: 0em 0em; text-align: left; }
}

/* end std.css */