body
   {
      background-color: #E5CCA3;
      background-image: url('images/bg-sub.gif');
      background-position: 0px 32px;
      background-repeat: repeat-x;
      text-align: center;
      margin: 0px 0px 0px 0px;
   }

   body, td, th, input, textarea, select
   {
      font-family: Georgia, 'Times New Roman', Times, serif;
      font-size: 1.0em;
	  font-weight: normal;
   }

   th
   {
      font-weight: bold;
      text-align: left;
      line-height: 1.3em;
   }
.wrapper {
  border-radius: 5px;
  margin-left: 2em;
}

.wrapper > div {
  border-radius: 5px;
  padding:g0px 10px 0px 0px;
  margin-left: 1em;
  color: #000;
}

.multicol {
  column-width: 250px;
  column-gap: 20px;
  padding: 10px;
}

.multicol p {
  margin: 1em 0 1em 0;
}

.flex {
   display: flex;
  flex-wrap: wrap;
}

.flex > * {
  flex: 1 1 250px;
  margin: 10px;
}

.grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  grid-gap: 20px;
  padding: 10px;
}

.grid-menu{
  display:grid;
  grid-template-columns: 150px auto;
}

.float-left{
	width: 240px; 
	float: left; 
	padding: 3px 0px 12px 20px;
}

.float-right{
	width: 240px;
	float:right;
	padding: 3px 0px 12px 20px;
}

.float-bigleft{
	width: 480px;
	float: left;
	padding: 3px 0px 12px 20px;
}

.float-bigright{
	width: 480px;
	float:right;
	padding: 3px 0px 12px 20px;
}

.grid td, .grid th, .smallgrid td, .smallgrid th
   {
      padding: 1px 18px 1px 0px;
      border-bottom: 1px solid #97866B;
   }

   .smallgrid td, .smallgrid th, .tightgrid td, .tightgrid th
   {
      font-size: 0.8em;
   }

   .tightgrid td, .tightgrid th
   {
      border-bottom: 1px solid #97866B;
      line-height: 1.0em;
   }


   #content
   {
      line-height: 150%;
      color: #000000;
      margin: 32px auto 0px auto;
      text-align: left;
	  font-size: 1.0em;
	  font-weight: normal;
   }

   ul, li, dt, dd { 
    font-size: 1.0em;
	font-weight: normal;
	color: #000000;
	text-align: left;
	padding-left: 40px;
   }
   
   li.small {
     font-size: 0.7em;
	 font-weight: normal;
	 color: #000000;
	 line-height: 1.3em;
	 text-align: left;
	 padding-left: 20px;
   }

   h2
   {
      font-family: Georgia, 'Times New Roman', Times, serif;
      font-size: 2.0em;
      font-weight: normal;
	  text-align: center;
      color: #A22F1B;
   }

   h3
   {
      font-family: Georgia, 'Times New Roman', Times, serif;
      font-size: 1.2em;
      font-weight: bold;
      color: #A22F1B;
	  text-align:center;
      margin: 0px 0px 4px 0px; 
   }
   indented
   {
	display: block;
	font-family: monospace;
	margin: 10px;
	font-size: 0.9em;
   }
   .callout 
   { 
      padding: 10px 0px 10px 0px; margin: 10px 0px 10px 0px; 
      border-top: 1px solid #A22F1B; border-bottom: 1px solid #A22F1B;
   }

   a, a:visited { color: #39858F; }
   a:hover { color: #D98617; }

   #sidebar
   {
      float: left;
      width: 150px;
      line-height: 125%;
   }

   #sidebar a, #sidebar a:visited
   {
      font-size: 1.0em;
      color: #FFFFFF;
      background-color: #39858F;
      text-decoration: none;
      display: block;
      padding: 1px 3px 1px 15px;
      margin: 3px 0px 6px 0px;
      background-image: url('images/bullet.gif');
      background-position: center left;
      background-repeat: no-repeat;
   }

   #sidebar a:hover
   {
      background-color: #E99627;
      text-decoration: none;
   }


   #copy
   {
      padding: 32px 0px 22px 55px;
      width: 660px;
   }

   #footer
   { 
      margin: 32px 0px 300px 0px;
   }

   #footer, small
   {
      font-size: 0.8em;
      color: #97866B;
      font-weight: normal;
   }

   .quote
   {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 1.3em;
      font-style: italic;
      font-weight: bold;
      color: #A22F1B;
      margin: 10px 0px 10px 0px;
      padding: 0.2em;
      border-top: 1px dotted #000000;
      border-bottom: 1px dotted #000000;
   }

   .btn, .btn:visited
   {
      font-family: Georgia, 'Times New Roman', Times, serif;
      font-size: 1.1em;
      font-weight: bold;
      color: #FFFFFF;
      text-decoration: none;
      background-color: #39858F;
      border-top: 1px solid #4CB1BE;
      border-right: 1px solid #4CB1BE;
      border-bottom: 1px solid #275A61;
      border-left: 1px solid #275A61;
      cursor: hand;
      cursor: pointer;
   }

   .btn:hover
   {
      color: #FFFFFF;
      text-decoration: none;
      background-color: #E99627;
      border-top: 1px solid #E9B773;
      border-right: 1px solid #E9B773;
      border-bottom: 1px solid #BF7B20;
      border-left: 1px solid #BF7B20;
   }

   #scoring td
   {
      background-color: #EDDCC1;
   }