/* Establish the site-wide font scheme */
body {
background-image:url(i/background_1020x769.jpg);
background-repeat: no-repeat;
font-family:"Times New Roman";
line-height:1.0;
width: 100%; /* added mobile */
width: auto; /* added mobile */
flex-wrap: wrap; /* added mobile */
}

/* Set border spacing for tables at 10 pixels horizontally and 0 pixels vertically */ 
table {
border-spacing: 10px 0px;
display: block;
}

/* Set up horizontal line  */ 
hr {
width:850px;
height:1px;
color:#000000; /* black */
}

h1 {
width:1000px;
font-size:125%;
font-style:normal;
color:#000000; /* black */
}

/* Set attributes for large text titles */
h2 {
font-size:130%;
font-style:italic;
/* color:#CCFFFF; */ /* light blue */
color:#66FFFF; /* medium blue */
opacity:1.0;
margin-top: 0em;
margin-bottom: 1em;
}

/* Set attributes for normally sized text that is backgounded with some transparency for overlay on top of an image */ 
h3 {
font-size:100%;
font-style:normal;
color:#000000; /* black */
background-color:#999999; /* grey */
opacity:0.6;
padding:4px;
margin-top: 0em;
margin-bottom: 1em;
}

/* Set attributes for large text titles, with visibility attributes similar to h4 */
h4t {
font-size:140%;
font-style:italic;
/* color:#CCFFFF; */ /* light blue */
color:#000000; /* medium blue */
opacity:1.0;
margin-top: 0em;
margin-bottom: 1em;
}

/* Set attributes for normally sized text that matches the large text title color,
optional 1 pixel text shadowing to increase readability on varied image background
Currently used only for body of poem text on home page */
h4 {
font-size:105%;
font-style:italic;
color:#000000; /* medium blue */
background-color:#999999; /* grey */
opacity:0.6;
padding:4px;
/* text-shadow: -1px 0 #555555, 0 1px #555555, 1px 0 #555555, 0 -1px #555555; */ /* dark grey */
margin-top: 0em;
margin-bottom: 1em;
}

/* Set attributes for normally sized text that matches the large text title color,
optional 1 pixel text shadowing to increase readability on varied image background
Currently used only for body of poem text on home page */
h4s {
font-size:105%;
font-style:italic;
color:#000000; /* medium blue */
background-color:#999999; /* grey */
opacity:0.6;
padding:4px;
/* text-shadow: -1px 0 #555555, 0 1px #555555, 1px 0 #555555, 0 -1px #555555; */ /* dark grey */
margin-top: 0em;
margin-bottom: 1em;
}

/* Set attributes for very small text matches the large text title color, typically used for footnotes or credits */
h5 {
font-size:50%;
font-style:normal;
/* color:#CCFFFF; */ /* light blue */
color:#66FFFF; /* medium blue */
opacity:1.0;
padding:4px;
margin-top: 0em;
margin-bottom: 1em;
}

/* Set attributes for slightly reduced opaque backgrounded text used for framing captioned images with a frame size of 8 pixels */
h6 {
font-size:90%;
font-style:normal;
color:#000000; /* black */
background-color:#999999; /* grey */
opacity:1.0;
padding:8px;
margin-top: 0em;
margin-bottom: 1em;
}

/* Set to control multiple levels of link coloration (primarily for nested menu processing */

/* Black #000000 Red #FF0000 Orange #FFA500 Yellow #FFFF00 Lime

/* default settings for text-imbedded links */
a:link      {text-decoration:none;     color:blue;}
a:visited   {text-decoration:none;     color:purple;}
a:hover     {text-decoration:underline;color:purple;}
a:active    {text-decoration:none;     color:blue;}

/* link class for menu nesting level 0 Black */
a.level0:link    {text-decoration:none;     color:#000000;}
a.level0:visited {text-decoration:none;     color:#000000;}
a.level0:hover   {text-decoration:underline;color:#000000;}
a.level0:active  {text-decoration:none;     color:#000000;}

/* link class for menu nesting level 1 Black */
a.level1:link    {text-decoration:none;     color:#000000;}
a.level1:visited {text-decoration:none;     color:#000000;}
a.level1:hover   {text-decoration:underline;color:#000000;}
a.level1:active  {text-decoration:none;     color:#000000;}

/* link class for menu nesting level 2 Black */
a.level2:link    {text-decoration:none;     color:#000000;}
a.level2:visited {text-decoration:none;     color:#000000;}
a.level2:hover   {text-decoration:underline;color:#000000;}
a.level2:active  {text-decoration:none;     color:#000000;}

/* link class for menu nesting level 3 Black */
a.level3:link    {text-decoration:none;     color:#000000;}
a.level3:visited {text-decoration:none;     color:#000000;}
a.level3:hover   {text-decoration:underline;color:#000000;}
a.level3:active  {text-decoration:none;     color:#000000;}

/* link class for menu nesting level 4 Black */
a.level4:link    {text-decoration:none;     color:#000000;}
a.level4:visited {text-decoration:none;     color:#000000;}
a.level4:hover   {text-decoration:underline;color:#000000;}
a.level4:active  {text-decoration:none;     color:#000000;}

/* link class for menu nesting level 5 Black */
a.level5:link    {text-decoration:none;     color:#000000;}
a.level5:visited {text-decoration:none;     color:#000000;}
a.level5:hover   {text-decoration:underline;color:#000000;}
a.level5:active  {text-decoration:none;     color:#000000;}

/* link class for menu nesting level 6 Black */
a.level6:link    {text-decoration:none;     color:#000000;}
a.level6:visited {text-decoration:none;     color:#000000;}
a.level6:hover   {text-decoration:underline;color:#000000;}
a.level6:active  {text-decoration:none;     color:#000000;}

/* link class for menu nesting level 7 Black */
a.level7:link    {text-decoration:none;     color:#000000;}
a.level7:visited {text-decoration:none;     color:#000000;}
a.level7:hover   {text-decoration:underline;color:#000000;}
a.level7:active  {text-decoration:none;     color:#000000;}

/* link class for menu nesting level 8 Black */
a.level8:link    {text-decoration:none;     color:#000000;}
a.level8:visited {text-decoration:none;     color:#000000;}
a.level8:hover   {text-decoration:underline;color:#000000;}
a.level8:active  {text-decoration:none;     color:#000000;}

/* link class for menu nesting level 9 Black */
a.level9:link    {text-decoration:none;     color:#000000;}
a.level9:visited {text-decoration:none;     color:#000000;}
a.level9:hover   {text-decoration:underline;color:#000000;}
a.level9:active  {text-decoration:none;     color:#000000;}

/* Begin imported ticker block */
/* https://code-boxx.com/html-css-news-ticker-horizontal-vertical/#sec-horizontal 1b-ticker.css */
/* OUTER CONTAINER */
.tcontainer {
  width: 60%;/* 100% This parameter defines the with of the ticker block, it was originally 100% of the screen width */
  overflow: hidden; /* Hide scroll bar */
}
 
/* MIDDLE CONTAINER */
.ticker-wrap {
  width: 100%;
  padding-left: 100%; /* Push contents to right side of screen */
  /* background-color: #eee; */ /* deleted to try to restore the background image */
}

/* INNER CONTAINER */
@keyframes ticker {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-100%, 0, 0); }
}
.ticker-move {
  /* Basically move items from right side of screen to left in infinite loop */
  display: inline-block;
  white-space: nowrap; /* nowrap This allows the items to stack, such that items are displayed one above another, nowrap is the best setting */
  padding-right: 20%; /* 100% This controls the amount of blank space after the last item, which translates to the amount of time to read the last item before the loop restarts */
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: ticker;
  animation-duration: 90s; /* 10s originally - then 60s - now 90s This controls the duration of the loop, which translates to the speed of travel of the text */
}
.ticker-move:hover{
  animation-play-state: paused; /* Pause scroll on mouse hover */
}

/* ITEMS */
.ticker-item{
  display: inline-block; /* Lay items in a horizontal line */
  padding: 0 1rem; /* 0 2rem  The number before rem controls the gap between display, the larger the number the more gap between items */
}
/* End of imported ticker block */