BODY        {color: BLACK;
             font-size: 12px; font-family: georgia, times, serif;
             font-style: normal; font-weight: bold; text-decoration: none;
             text-align: center; vertical-align: center; 
             background-color: MOCCASIN }

P            {align: center; vertical-align: center}

P.gencap     {padding-top: 0px;
              font-size: 12px; font-family: georgia, times, serif;
              font-style: normal; font-weight: bold; text-decoration: none;    
              line-height: 1.2; letter-spacing: 0px }

/* ************************* */
/* HIGH LEVEL PAGE DIVISIONS */
/* ************************* */

/* REFERRENCE RECTANGLE */
    DIV.sizing    {position: absolute;
                   height: 620px; width: 1000px;
                   left: 10px; top: 10px;
                   border: 2px dashed black}

/* LIGHTER-COLORED BOX FOR SOME PAGES */
    DIV.whitebox  {position: absolute; z-index: 1;
                   height: 80%; top: 8%; bottom: 12%; 
                   width: 88%; left: 6%; right: 6%; 
                   text-align: center;
                   border-width: 2px; border-style: solid;
                   border-color: 666666 AAAAAA CCCCCC 888888;
                   background-color: ivory }

/* INVISIBLE BOX FOR PHOTO PAGES */
    DIV.blendbox  {position: absolute; z-index: 2;
                   height: 80%; top: 8%; bottom: 10%; 
                   width: 96%; left: 2%; right: 2%; 
                   text-align: center;
                   background-color: moccasin;
                   border: 2px NONE blue }

/* TOP BAR COMTAINING TOPICAL LINKS */
    DIV.topbar    {position: absolute;
                   z-index: 5;
                   height: 3%; 
                   top: 2%;
                   width: 88%; left: 6%; right: 6%; 
                   text-align: center;
                   border: 1px NONE red }

/* BOTTOM BAR COMTAINING LAST/NEXT BUTTONS */
    DIV.botbar    {position: absolute; 
                   z-index: 5;
                   height: 3%;
                   bottom: 4%;
                   width: 88%; left: 6%; right: 6%; 
                   text-align: center;
                   border: 1px NONE green }

/* BAR FOR USE ANYWHERE */
    DIV.freebar   {position: absolute;
                   z-index: 2;
                   height: 4%;
                   width: 88%; left: 6%; right: 6%;
                   text-align: center;
                   border: 2px NONE red}




/**************************************************/
/*  DIVISIONS USED BY TOPIC AND SUMMARY PAGES     */
/*  Each assumes absolute positioning and leaves  */
/*  top or bottom to be filled in at each usage.  */
/**************************************************/

/* ONE-LINE VERY LARGE SERIF (TOTAL 16%) */
    DIV.bigtitle  {position: absolute; z-index: 2;
                   height: 12%;
                   width: 88%; left: 6%; right: 6%; 
                   text-align: center;
                   padding-top: 4%;
                   font-size: 44px; font-family: 'new york', times, serif;
                   font-style: normal; font-weight: normal; 
                   line-height: 1.2; letter-spacing: 2px;
                   background-color: transparent;
                   border: 3px NONE yellow}

/* ONE-LINE MEDIUM SERIF (TOTAL 6%) */
    DIV.medtitle  {position: absolute; z-index: 2;
                   height: 6%;
                   width: 88%; left: 6%; right: 6%; 
                   text-align: center;
                   padding-top: 0%;
                   font-size: 36px; font-family: 'new york', times, serif;
                   font-style: normal; font-weight: normal; 
                   line-height: 1.2; letter-spacing: 2px;
                   background-color: transparent;
                   border: 3px NONE blue}

/* ONE-LINE SMALLER SERIF (TOTAL 6%) */
    DIV.weetitle  {position: absolute; z-index: 2;
                   height: 3%;
                   width: 88%; left: 6%; right: 6%; 
                   text-align: center;
                   font-size: 24px; font-family: 'new york', times, serif;
                   font-style: normal; font-weight: normal; 
                   line-height: 1.2; letter-spacing: 2px;
                   background-color: transparent;
                   border: 3px NONE blue}

/* ONE-LINE MEDIUM SANS-SERIF (TOTAL 10%) */
    DIV.subtitle  {position: absolute; z-index: 2;
                   height: 6%;
                   width: 88%; left: 6%; right: 6%; 
                   text-align: center;
                   font-size: 14px; font-family: ariel, helvetica, sans-serif;
                   font-style: normal; font-weight: bold; 
                   line-height: 1.2; letter-spacing: 2px;
                   background-color: transparent;
                   border: 1px NONE red}

/* MULTI-LINE BIGGER SERIF (TOTAL 16%) */
    DIV.bigtext   {position: absolute;
                   height: 12%;
                   width: 88%; left: 6%; right: 6%; 
                   text-align: center;
                   font-size: 14px; font-family: georgia, times, serif;
                   font-style: normal; font-weight: bold; 
                   line-height: 1.2; letter-spacing: 1px;
                   background-color: transparent;
                   border: 1px NONE red}

/* MULTI-LINE MEDIUM SERIF (TOTAL 16%) */
    DIV.medtext  {position: absolute; z-index: 2;
                   height: 12%;
                   width: 68%; left: 16%; right: 16%; 
                   text-align: center;
                   font-size: 12px; font-family: georgia, times, serif;
                   font-style: normal; font-weight: bold; 
                   line-height: 1.2; letter-spacing: 0px;
                   background-color: transparent;
                   border: 1px NONE red}

/* MULTI-LINE SMALLER SERIF (TOTAL 16%) */
    DIV.smalltext  {height: 12%; z-index: 2;
                    width: 88%; left: 6%; right: 6%; 
                    text-align: center;
                    font-size: 10px; font-family: georgia, times, serif;
                    font-style: normal; font-weight: bold; 
                    line-height: 1.2; letter-spacing: 0px;
                    background-color: transparent;
                    border: 1px NONE red}

/* ONE-LINE SMALLER SANS-SERIF ITALIC (TOTAL 4%) */
    DIV.explain   {position: absolute; z-index: 2;
                   height: 3%;
                   width: 88%; left: 6%; right: 6%; 
                   text-align: center;
                   font-size: 12px; font-family: ariel, helvetica, sans-serif;
                   font-style: italic; font-weight: bold; 
                   line-height: 1.2; letter-spacing: 1px;
                   background-color: transparent;
                   border: 1px NONE purple}


/********************************************************/
/*  DIVISIONS USED TO CONTAIN PHOTOGRAPHS AND CAPTIONS  */
/*    Each based on a particular range of photo size,   */
/*    Top is specified but may be overriden when used.  */
/********************************************************/

    DIV.image450     {position: absolute;
                      height: 96%; 
                      top: 2%;
                      min-height: 450px;
                      width: 88%; left: 6%; right: 6%; 
                      text-align: center;
                      z-index: 5;
                      padding-top: 0%;
                      font-size: 12px; font-family: georgia, times, serif;
                      font-style: normal; font-weight: bold; text-decoration: none;    
                      line-height: 1.2; letter-spacing: 0px;
                      background-color: transparent;
                      border: 3px NONE orange}

    DIV.image400     {position: absolute;
                      height: 72%; 
                      top: 6%;
                      min-height: 400px;
                      width: 88%; left: 6%; right: 6%; 
                      text-align: center;
                      z-index: 5;
                      padding-top: 0%;
                      font-size: 12px; font-family: georgia, times, serif;
                      font-style: normal; font-weight: bold; text-decoration: none;    
                      line-height: 1.2; letter-spacing: 0px;
                      background-color: transparent;
                      border: 1px NONE orange}

    DIV.image300     {position: absolute;
                      height: 62%; 
                      top: 16%;
                      min-height: 300px;
                      width: 88%; left: 6%; right: 6%; 
                      text-align: center;
                      z-index: 5;
                      padding-top: 0%;
                      font-size: 12px; font-family: georgia, times, serif;
                      font-style: normal; font-weight: bold; text-decoration: none;    
                      line-height: 1.2; letter-spacing: 0px;
                      background-color: transparent;
                      border: 1px NONE orange}

    DIV.image250     {position: absolute;
                      height: 56%; 
                      top: 20%;
                      min-height: 250px;
                      width: 88%; left: 6%; right: 6%; 
                      text-align: center;
                      z-index: 5;
                      padding-top: 0%;
                      font-size: 12px; font-family: georgia, times, serif;
                      font-style: normal; font-weight: bold; text-decoration: none;    
                      line-height: 1.2; letter-spacing: 0px;
                      background-color: transparent;
                      border: 1px NONE orange}


/****************************/
/*  HYPERLINKS AND BUTTONS  */
/*     Same color scheme.   */
/****************************/

A             {text-decoration: none; color: 691F01; background-color: ivory }

A.blend      {text-decoration: none; color: 691F01; background-color: inherit }

A.topbut      {height: 12px;
               margin: 0px 10px 0px 10px; 
               padding: 2px 16px 2px 16px;
               border-style: solid }

A.midbut      {height: 12px;
               margin: 0px 10px 0px 10px; 
               padding: 2px 16px 2px 16px;
               border-style: solid }

A.plain       {height: 12px;
               margin: 0px 10px 0px 10px; 
               padding: 2px 16px 2px 16px;
               border-style: none }

BUTTON        {text-decoration: none; color: 691F01; background-color: ivory }

.butleft    {position: absolute; 
             width: 100px; 
             right: 56% } 

.butright   {position: absolute;
             width: 100px; 
             left: 56% } 

.bigleft    {position: absolute; 
             width: 150px; 
             right: 56%;
             text-align: right;
             font-size: 12px  } 

.bigright   {position: absolute;
             width: 150px; 
             left: 56%;
             text-align: left;
             font-size: 12px } 

.lowbut     {height: 12px;
             margin: 0px 10px 0px 10px; 
             padding: 2px 16px 2px 16px;
             border-style: solid }

.bouton       {text-align: center; 
               vertical-align: center;
               font-size: 10px; 
               font-family: arial, helvetica, sans-serif; 
               font-style: normal;    
               font-weight: bold; 
               line-height: 1.0; 
               letter-spacing: 1px; 
               border-width: 2px;
               border-color: CCCCCC 666666 666666 CCCCCC}

SPAN.pagenum   {position: absolute;
                height: 10px; 
                width: 20px; 
                left: 49%;
                text-align: center;  
                font-family: arial, helvetica, sans-serif; 
                font-style: normal;    
                font-weight: bold; 
                line-height: 1.4; 
                letter-spacing: 1px;
                color: grey;
                border-style: none }

/*************************/
/*     IMAGE STYLES      */
/*************************/

IMG         {border-top:    0px  none   BURLYWOOD;
             border-right:  2px  solid  BURLYWOOD;
             border-bottom: 2px  solid  BURLYWOOD;
             border-left:   0px  none   BURLYWOOD}

IMG.thin    {border-top:    0px  none   BURLYWOOD;
             border-right:  1px  solid  BURLYWOOD;
             border-bottom: 1px  solid  BURLYWOOD;
             border-left:   0px  none   BURLYWOOD}

IMG.innie   {border-top:    4px  solid  888888;
             border-right:  4px  solid  BBBBBB;
             border-bottom: 4px  solid  CCCCCC;
             border-left:   4px  solid  999999}

IMG.naked   {border-style: none}