html {
     height: 100%;
   }

   body {
      width: 100%;
      margin: 0;
      padding: 0;
      minimum-width: 300px;
      font-family: Arial, Helvetica, "Microsoft Sans Serif", sans-serif;
      font-size: medium;
      color: black;
      background: #F0F8FF;
   }

   #header_image {
      position: absolute;
      top: 0;
      left: 0;
      text-align: left;
      padding: 0 0 10px 20px;
      z-index: 9;
   }

   #left {
      position: absolute;
      top: 0;
      left: 0;
      width: 15.0em;
      margin: 0;
      background: #ff8c00;
   }

   #right {
      position: absolute;
      top: 0;
      left: 15.0em;
      right: 0;
      margin: 0;
      border: 1px solid black;
      border-width: 0 0 0 1px;
      background-image:url(banner.jpg);
      background-repeat:repeat-x
   }

   #left_body {
      margin: 110px 0 0 0;
      border: 1px solid black;
      border-width: 1px 0 0 0;
      padding: 15px 0 0 1.4em;
      font-size: 90%;
   }

   #right_body {
      margin: 110px 0 0 0;
      border: 1px solid black;
      border-width: 1px 0 0 0;

      padding: 10px 20px 0 20px;
      font-size: 103%;
      font-family: Veranda, "Trebuchet MS", Ariel, sans-serif;
   }

   #products {
      text-indent: -35px;
      list-style-type: none;
      line-height: 1.5em;
   }

   #quote_body {
      font-size: 130%;
      text-align: left;
      background-color: transparent;
   } 

   .quote_name {
      font-size: 80%;
      text-align: left;
      font-style: italic;
      background-color: transparent;
   } 

   #right_body h1 {
      font-size: 140%;
      text-align: center;
   } 

   #right_body h2 {
      font-size: 100%;
      font-style: bold;
   } 

   #right_body h3 {
      font-size: 100%;
      text-align: center;
   } 

   #right_body h4 {
      font-size: 140%;
      text-align: center;
   } 

   #right_body h5 {
      font-size: 140%;
      text-align: center;
   } 

   #right_body h6 {
      font-size: 140%;
      text-align: center;
   } 

   #resources {
      line-height: 2em;
   }

   #bodyfooter {
      margin: 0;
      padding: 10px 0 1px 0;
      font-family: Arial, Helvetica, "Microsoft Sans Serif", sans-serif;
      text-align: center;
      font-size: 60%;
      background-color: transparent;
   }

   #footer {
      margin: 0;
      padding: 10px 0 1px 0;
      font-family: Arial, Helvetica, "Microsoft Sans Serif", sans-serif;
      text-align: center;
      font-size: 70%;
      background-color: transparent;
   }

   .book_img {
      float: left;
      padding: 0 20px 0 0;
   }

   .book_text {
   }

   .book_text_narrow {
      margin-left: 320px;
   }

   .book_text_wide {
      margin-left: 420px;
   }

   .clear_float {
      clear: both;
   }


   #bk_img {
      float: left;
      padding: 0;
   }

   #bk_text {
      margin-left: 320px;
   }


   #clr_float {
      clear: both;
   }



   ul.barebones {
      font-family: Arial, Helvetica, "Microsoft Sans Serif", sans-serif;
      margin: 0;
      padding: 10px 0 10px 0;
      line-height: 1.5em;
   }

   ul.barebones ul {
      display: none;
      margin: 0;
      padding-left: 1em;
   }

   ul.barebones li {
      list-style-type: none;
      position: relative;
   }

   ul.barebones a.switch {
      position: absolute;
      left: -.92em;
      margin: 0; 
      font-size: 120%;
      font-weight: bold;
      color: black;
   }

   ul.barebones a {
      text-decoration: none;
      color: black;
   }

   ul.barebones a:hover {
      text-decoration: underline;
   }

   ul.barebones a.switch:hover {
      text-decoration: none;
      background-color: transparent;
      border: none;
   }


   table {
      border: 1px solid #483D8B;
      background: white;
   }

   table caption {
      margin: 0;
      padding: 8px 20px;
      text-align: center;
      font-weight: bold;
      border: 1px solid #483D8B;
      background: #fff;
   }

   table th, table td {
      margin: 0;
      padding: 8px 20px;
      text-align: left;
      border-bottom: 1px solid #483D8B;
   }

   table th {
      color: #999;
   }

   table .name {
      text-align: left;
   }

   table tr {
      background: #e6e6e6;
   }

   table tr.alt {
      background: #f1f1f1;
   }


   table .easyflow {
      border: none;
      background: #F0F8FF;
      align: center;
   }

   table tr.easyflow td.easyflow {
      border: none;
      background: #F0F8FF;
      align: center;
   }