﻿<style type="text/css">

/* bug in CSS implementation */

dummy {
      dummy: dummy ;
      }





/*****************************************************/
/*                                                   */
/*                      position                     */
/*                                                   */
/*                                                   */

p , h1 , h2 , h3 , h4 ,h5 , table, ul {
                                      padding-left:  15px  ;
                                      padding-right: 15px  ;
                                      }





/*****************************************************/
/*                                                   */
/*             changing position                     */
/*            regardless of width                    */
/*                                                   */
/*                                                   */

*.left   {
         width:      inherit ; 
         text-align: left    ;
         }

*.center {
         width:      inherit ; 
         text-align: center  ;
         }

*.right  {
         width:      inherit ; 
         text-align: right   ;
         }





/*****************************************************/
/*                                                   */
/*               standard indents                    */
/*                                                   */
/*                                                   */

*.indent {
         width:       inherit  ; 
         margin-left: 20px    ;
         }

*.indent-more {
              width:       inherit  ; 
              margin-left: 30px ;
              }





/*****************************************************/
/*                                                   */
/*                      floats                     */
/*                                                   */
/*                                                   */

p.floatleft  {
             float:left   ;
             }

p.floatright {
             float:right ;
             }

p.4c-floatleft  {
                padding-left: 200px    ;
                width:        inherit ; 
                float:        left    ;
                }

p.4c-floatright {
                padding-right: 200px    ;
                width:         inherit ; 
                float:         right   ;
                }

p.7c-floatleft  {
                padding-left: 60px    ;
                width:        inherit ; 
                float:        left    ;
                }

p.7c-floatright {
                padding-right: 60px    ;
                width:         inherit ; 
                float:         right   ;
                }





/*****************************************************/
/*                                                   */
/*                     rendering                     */
/*                                                   */
/*                                                   */

*.front {
        font-size:   120% ;
        font-weight: bold ;
        }

*.item {
        font-size:   100% ;
        font-weight: bold ;
        }

/* #ffbf00 = our signature gold  */
*.gold {
       background-color: #ffbf00 ; 
       }





/*****************************************************/
/*                                                   */
/*                      headings                     */
/*         see heading-samples.htm for visuals       */
/*                                                   */
/*                                                   */

h1 {
   font-size:       300%       ;
   text-align:      left       ;
   font-weight:     bold       ;
   }

h2 {
   font-size:       235%       ;
   text-align:      left       ;
   font-weight:     bold       ;
   }

h3 {
   font-size:       125%       ;
   text-align:      left       ;
   font-weight:     bold       ;
   }

h4 {
   font-size:       115%       ;
   text-align:      left       ;
   font-weight:     bold       ;
   }

h5 {
   font-size:       100%       ;
   text-align:      left       ;
   font-weight:     bold       ;
   }





/*****************************************************/
/*                                                   */
/*                      tables                       */
/*                                                   */
/*    Colspan is not a style, so can't set it here.  */
/*                                                   */
/*    I'm leaving green tables defined in case       */
/*    we find some use for them in the future.       */
/*                                                   */
/*    Red tables are for:                            */
/*       buttons                                     */
/*       d.i. on front page                          */
/*       book information in reports                 */
/*       grades in recipes                           */
/*    All other tables are black.                    */
/*                                                   */
/*                                                   */

table.rt , td.rl , td.rc , td.rr ,
table.gt , td.gl , td.gc , td.gr ,
table.bt , td.bl , td.bc , td.br ,
table.xt , td.xl , td.xc , td.xr ,
table.yt , td.yl , td.yc , td.yr ,
table.zt , td.zl , td.zc , td.zr {
                                 border-width: 1px   ;
                                 border-style: solid ;
                                 }

td.rl , td.rc , td.rr ,
td.gl , td.gc , td.gr ,
td.bl , td.bc , td.br ,
td.xl , td.xc , td.xr ,
td.yl , td.yc , td.yr ,
td.zl , td.zc , td.zr {
                      padding-left:  15px ;
                      padding-right: 15px ;
                      }

td.rl , td.gl , td.bl ,
td.xl , td.yl , td.zl {
                      text-align: left ;
                      }

td.rc , td.gc , td.bc ,
td.xc , td.yc , td.zc {
                      text-align: center ;
                      }

td.rr , td.gr , td.br ,
td.xr , td.yr , td.zr {
                      text-align: right ;
                      }

table.rt , td.rl , td.rc , td.rr ,
           td.xl , td.xc , td.xr {
                                 border-color: red ;
                                 }

/* #008000 = forest */
table.gt , td.gl , td.gc , td.gr ,
           td.yl , td.yc , td.yr {

                                 border-color: #008000 ;
                                 }

table.bt , td.bl , td.bc , td.br ,
           td.zl , td.zc , td.zr {
                                 border-color: black ;
                                 }

td.xl , td.xc , td.xr ,
td.yl , td.yc , td.yr ,
td.zl , td.zc , td.zr {
                      font-weight:bold ;
                      }

/*****************************************************/
/*                                                   */
/*                                                   */
/*                                                   */
/*                      table widths                 */
/*                                                   */
/*                                                   */

table.25  { width: 25% }
table.30  { width: 30% }
table.35  { width: 35% }
table.40  { width: 40% }
table.45  { width: 45% }
table.50  { width: 50% }
table.55  { width: 55% }
table.60  { width: 60% }
table.65  { width: 65% }
table.70  { width: 70% }
table.75  { width: 75% }
table.80  { width: 80% }
table.85  { width: 85% }
table.90  { width: 90% }
table.95  { width: 95% }
table.100 { width: 100% }



/*****************************************************/
/*                                                   */
/*                  display type in                  */
/*              the alphabetical lists               */
/*                                                   */
/*                                                   */
/*                                                   */

/* #eb8d06 = orange */       *.small   { color: #eb8d06 ; }

/* #b69709 = yellow ochre */ *.etc     { color: #b69709 ; }


/* padding out the big letters */
*.alpha {
        padding-left: 20px ;
        padding-right: 20px ;
        }





/*****************************************************/
/*                                                   */
/*                  display type for                 */
/*              D.I. on the front page               */
/*                                                   */
/*                                                   */
/*                                                   */

table.di  {
          font-size:   100% ;
          font-weight: bold ;
          margin-left: 15px ; 
          }





/*****************************************************/
/*                                                   */
/*                       buttons                     */
/*                                                   */
/*                                                   */
/*                                                   */

img.button  {
            border:         0   ;
            padding-top:    2px ;
            padding-bottom: 2px ;
            padding-left:   1px ;
            padding-right:  1px ;
            }

</style>
