:root
{
    --page-background: #555;
    --canvas-background: #eee;
    --text-color: black;
    font-size: 14px; 
}
BODY
{  
  color:      var(--text-color);
  background: var(--page-background);
  font-family: "Arial", "Helvetica", "sans-serif";
  font-style: normal;
}

.canvas 
{
  margin: 0 auto;
  background: var(--canvas-background);
}  
.nav
{
    font-size: 0.8rem; 
}

p, li, dl
{
    font-family : Verdana, Arial, sans-serif;
    font-size: 1.0rem;
    font-weight: normal;
    text-decoration: none;
}

p.nobreak
{
    font-family : Verdana, Arial, sans-serif;
    font-size: 1.0rem;
    font-weight: normal;
    text-decoration: none;
    display:inline;

}



a { color : #0000ff;
    text-decoration: none;
 }

a:visited { color : #0000ff; }

a:hover { color : #ff0000; }


td
{
    font-weight: normal;
    text-decoration: none;
    border: 1px solid black;
    margin: 0px auto;
    font-family: verdana, arial, sans-serif;
    background: var(--canvas-background);
    padding: 8px;
    font-size: 1.0rem;
}



h1
{
 font-family : Verdana, Arial, sans-serif;
 font-size : 2.0rem;
 font-weight : bold;
 margin: 0px;
 text-align: center;
 vertical-align: bottom;
 margin-top: 20px;
}


h2
{
 font-family : Verdana, Arial, sans-serif;
 font-size : 1.6rem;
 font-weight : bold;
 font-style : italic;
 margin: 0px;
 vertical-align: bottom;
 margin-top: 26px;
}

h3
{
 font-family : Verdana, Arial, sans-serif;
 font-size : 1.4rem;
 margin: 0px;
 font-weight : bold;
 margin-top: 20px;
}

h4
{
 font-family : Verdana, Arial, sans-serif;
 font-size :1.2rem;
 margin: 0px;
 font-style : italic;
 margin-top: 15px;
}

h5
{
 font-family : Verdana, Arial, sans-serif;
 font-size : 1.1rem;
 margin: 0px;
 font-weight : bold;
 margin-top: 15px;
}




hr
{
 color: #d86553;
 background-color: #00b1ff;
 height: 5px;
 border: 0;
}



blockquote.block
{
    color: black;
    background: #ecb2a9;
    padding: 6px;
}



img
{
 border-style: none;
}

ul.spaced li
{
 margin-top: 8px;
}

ol.spaced li
{
 margin-top: 8px;
}

ol.number
{
 list-style-type: decimal;
}

ol
{
 list-style-type: decimal;
}

ol.letter
{
 list-style-type: lower-alpha;
 padding-top: 0;
}

ol.letter li
{
 padding-top: 0;
}





.sidebar
{
  font-family: verdana, arial, sans-serif;
  background: #444444;
  padding-left: 5;
  padding-right: 5;
  font-size: 1.0rem;
  color: black;
}

.banner
{
  font-family: verdana, arial, sans-serif;
  border-style: none;
  padding: 0;
  font-size: 0.8rem;
  color: black;
}

.footer
{
  font-family: verdana, arial, sans-serif;
  border-style: none;
  padding-left: 5;
  padding-right: 5;
  background: #444444;
  font-size: 1.0rem;
  color: black;
}

/* These are for the links used if JavaScript is disabled */



td.links
{
    font-family : Verdana, Arial, sans-serif;
    font-size:  0.9rem;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid black;
}

td.links a:hover
{
 color: black;
}

/* These are for the home page tabs and links */




td.tab_links
{
    font-family : Verdana, Arial, sans-serif;
    font-size: 0.9rem;
    font-weight: normal;
    text-decoration: none;
}

td.tab_links  li
{
    font-family : Verdana, Arial, sans-serif;
    font-size:  0.9rem;
    font-weight: normal;
    text-decoration: none;
    list-style-type: square;
}




td.tab_links a:hover
{
 color: black;
}

td.links a:hover
{
 color: black;
}

dt
{
  float: left;
  clear: left;
  width: 15%;
  text-align: right;
  font-weight: bold;
}
dt:after { content: ":"; }

dd
{
    margin: 0 0 0 18%;
    padding: 0 0 0.5em 0;
}