/* palette chosen from the footer photo (de logo 880x300.jpg) using:
#652357  #4A1A41  #F40000  #FF8200  #FFFFAF
#784451  #493348  #fcbe5b  #d86553  #a499a4 #bca2a8  #dbab9e #ecb2a9
*/

.hidden { display: none; }
.unhidden { display: block; }

body {
  font-family: verdana, arial, sans-serif;
  margin: 0px auto auto 5px;
  background: #444444;
  padding: 0;
  font-size: 10px;
  color: black;

}

p, td, li
{
     margin: 10px;
}

ul, ol {margin-left: 10px; padding-left: 10px;}


li { margin-left: 10px;}

li p { margin-left: 0;}

ol.compact  { margin-left: 10px; }
ul.compact  { margin-left: 10px; }


ol.compact li { margin-left: 20px;  margin-top: -10px;}
ol.compact li:first-child { margin-left: 20px; margin-top: -10px; Padding-top: 10px;}

ul.compact li { margin-left: 20px;  margin-top: -10px;}
ul.compact li:first-child { margin-left: 20px;  margin-top: -10px; Padding-top: 10px;}


p.credit
{
    font-family : Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
    font-style : italic;
}

p.tagline
{
    font-family : Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
    font-style: italic;
    text-align: center;
}
p.small
{
    font-family : Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}

p.detail
{
    font-family : Verdana, Arial, sans-serif;
    font-size: 9px;
    font-weight: normal;
    text-decoration: none;
    color: black;
}
p, li, td, dl
{
    font-family : Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: black;
}

a { color : #013fb5;
    text-decoration: none;
 }

a:visited { color : #013fb5; }

a:hover { color : #0059ff; }

a.credit          { color : #808080; font-size: 10px}
a.credit:visited { color : #808080; font-size: 10px}
a.credit:hover    { color : #000000; font-size: 10px}


h1
{
 color : #4A1A41;
 font-family : Verdana, Arial, sans-serif;
 font-size : 24px;
 font-weight : bold;
 margin: 0px;
 text-align: center;
 vertical-align: bottom;
 margin-top: 20px;
}


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

h3
{
 color : #d86553;
 font-family : Verdana, Arial, sans-serif;
 font-size : 18px;
 margin: 0px;
 font-weight : bold;
 font-style : italic;
 font-weight : bold;
 margin-top: 20px;
}

h4
{
 color :#784451;
 font-family : Verdana, Arial, sans-serif;
 font-size : 15px;
 margin: 0px;
 font-weight : bold;
 margin-top: 15px;
}

h5
{
 color :#493348;
 font-family : Verdana, Arial, sans-serif;
 font-size : 13px;
 margin: 0px;
 font-style : italic;
 font-weight : bold;
 margin-top: 15px;
}

.htn
{
 color : #784451;
 font-family : Verdana, Arial, sans-serif;
 font-family : Verdana, Arial, sans-serif;
 font-size : 10px;
 font-weight : bold;
 font-style : italic;
 margin: 0px;
}

.hti
{
 color : #784451;
 font-family : Verdana, Arial, sans-serif;
 font-size : 9px;
 font-weight : bold;
 font-style : italic;
 margin: 0px;
 vertical-align: top;
 text-align: center;
 margin-top: 6px;
}


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


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

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



img
{
 border : 0;
}

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;
}

.side-header
{
  font-family: verdana, arial, sans-serif;
  background: #88aadd;
  padding-left: 5;
  padding-right: 5;
  font-weight: bold;
  font-size: 80%;
  color: black;
}

.side-link
{
  font-family: verdana, arial, sans-serif;
  background: #99bbee;
  padding-left: 5;
  padding-right: 5;
  font-size: 80%;
  color: black;
}

.side-link2
{
  font-family: verdana, arial, sans-serif;
  background: #99bbee;
  padding-left: 20;
  padding-right: 5;
  font-size: 80%;
  color: black;
}

.side-active2
{
  font-family: verdana, arial, sans-serif;
  background: #ddeeff;
  padding-left: 20;
  padding-right: 5;
  font-size: 80%;
  color: black;
}


.side-active
{
  font-family: verdana, arial, sans-serif;
  background: #ddeeff;
  padding-left: 5;
  padding-right: 5;
  font-size: 80%;
  color: black;
}


.canvas
{
  font-family: verdana, arial, sans-serif;
  background: #f8d2ab;
  padding-left: 15;
  padding-top: 15;
  padding-right: 15;
  padding-bottom: 15;
  font-size: 100%;
  color: black;
}

.sidebar
{
  font-family: verdana, arial, sans-serif;
  background: #f9e3bc;
  padding-left: 5;
  padding-right: 5;
  font-size: 100%;
  color: black;
}

.banner
{
  font-family: verdana, arial, sans-serif;
  padding: 0;
  font-size: 80%;
  color: black;
}

.footer
{
  font-family: verdana, arial, sans-serif;
  padding-left: 5;
  padding-right: 5;
  background: #ecb2a9;
  font-size: 70%;
  color: black;
}

/* These are for the links used if JavaScript is disabled */
td.links
{
    font-family : Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

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: 12px;
    font-weight: normal;
    text-decoration: none;
}

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

th
{
    font-family : Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

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

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


table.box
 {
    border: 8px solid RED;
    border-collapse: collapse;
    margin-left: auto; 
    margin-right: auto;
    padding: 10px;
 
 }
 
 table.boxred
 {
    border: 8px solid RED;
    border-collapse: collapse;
    margin-left: auto; 
    margin-right: auto;
    padding: 10px;
 
 }
  table.boxblue
 {
    border: 8px solid BLUE;
    border-collapse: collapse;
    margin-left: auto; 
    margin-right:auto;
       padding: 10px;
 
 }
 table.boxgreen
 {
    border: 8px solid green;
    border-collapse: collapse;
    margin-left: auto; 
    margin-right:auto;
       padding: 10px;
 
 }


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

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

.twistie
{ 
    color:  blue; 
    font-weight: bold;
    font-size:  1.0rem;
    /*border: none;*/
    background-color: transparent;
   /* font-family: webdings;*/
    padding: 0;
    cursor: pointer;
}