/*   General stylesheet for NBBC website         */
/*  March 2004                                   */
/*  By K. Callaway                               */
/*  Replaces the five earlier sheets             */
/*                                               */
/*  Used for all pages which are *not* on a      */
/*  maroon-colored background (which was:        */
/*    BGCOLOR="#fdF5e6")                         */
/*                                               */
/*  Set general page attributes against body,    */
/*  'background color', at least, and page       */
/*   margins.                                    */
/*  Individual pages may have body styles, too,  */
/*  that set a fixed b.g. image (if that works,  */
/*  then the javascript image-setting is no      */
/*  longer necessary).                           */

body {background-color: white;
      margin-left: 20px;
      margin-right: 20px;
      margin-top: 10px;
     }

/*  Set general text as a bold san serif that is
    a very dark red.  This will be quite readable
    against the various background images        */

p {font-family: Arial, Helvetica, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   color: maroon;
  }

/*  identical to the paragraph tag, but a special
class, so it can be attached to other tags       */
.column_header {font-family: Arial, Helvetica, sans-serif;
                font-size: 10pt;
                font-weight: bold;
                color: maroon;
               }

/*  this new class is used for right-hand-side
    descriptive text, such as on schedules.  It
    is simply non-bold.                         */
.describe {font-family: Arial, Helvetica, sans-serif;
           font-size: 10pt;
           font-weight: normal;
           color: maroon;
          }

/*  Same effect as the occasional H4 tag.  Can
be used as page header/title.                   */
.large_title {font-family: Arial, Helvetica, sans-serif;
              font-size: 12pt;
              font-weight: bold;
              color: maroon;
             }

/*  These are used in the staff pop-ups
    for the name and position and box appearance   */
.staff_title {font-family: Arial, Helvetica, sans-serif;
              font-size: 14pt;
              font-weight: bold;
              color: maroon;
             }
.staff_post {font-family: Arial, Helvetica, sans-serif;
             font-size: 14pt;
             font-weight: normal;
             color: maroon;
            }
.staff_bio {font-family: Arial, Helvetica, sans-serif;
            font-size: 14pt;
            font-weight: normal;
            color: maroon;
            }

/*  when a table of links is presented, use these
classes alternately to give banded look to the table */
.navtable_odd {background-color: #CCFF99;
               text-align: center;
               font-family: Arial, Helvetica, sans-serif;
               font-size: 10pt;
               font-weight: normal;
               color: maroon;
              }
.navtable_even {background-color: #FFFFCC;
                text-align: center;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 10pt;
                font-weight: normal;
                color: maroon;
               }

/*  this defines ordered list items so that the serial
number will also be bold red san-serif            */ 
ol li {font-family: Arial, Helvetica, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   color: maroon;
  }

/*  don't forget the unordered lists too....       */ 
ul li {font-family: Arial, Helvetica, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   color: maroon;
  }

/*  Ensure all header tags preserve the font, and
    alignment.  H4 is blue, since it is the standard
    title tag for the site.
    Could make this a single multi-def, but not sure all
    browsers will parse correctly....              */ 
h1 {font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: maroon;
  }
h2 {font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: maroon;
  }
h3 {font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: maroon;
  }
h4 {font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: blue;
  }

/* Scripture verse is different, so it will stand out
   from rest of the text.  The id class is for the
   citation is a darker color for contrast          */
.verse {font-family: Arial, Helvetica, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   color: #0000FF;
  }
.verse_id {font-family: Arial, Helvetica, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   color: #000066;
  }

/*  This style is for the sermon list.  */  
.seli {font-family: Arial, Helvetica, sans-serif;
       font-size: 8pt;
       font-weight: normal;
       color: maroon;
      }

/* used to style the music page quotes      */
.music_quote {font-family: Arial, Helvetica, sans-serif;
              font-size: 12pt;
              font-weight: normal;
              font-style: italic;
              color: maroon;
             }
/* following are how links appear when visited,
hovered-over, un-visited, and activated         */
a:visited {font-family: Arial, Helvetica, sans-serif;
           font-style: normal;
           line-height: normal;
           color: #9900FF;
           text-decoration: none
          }
a:hover {font-family: Arial, Helvetica, sans-serif;
         font-style: normal;
         line-height: normal;
         font-weight: normal;
         color: #0000FF;
         text-decoration: none
        }
a:link {font-family: Arial, Helvetica, sans-serif;
        font-style: normal;
        line-height: normal;
        font-variant: normal;
        color: #006600;
        text-decoration: underline
       }
a:active {font-family: Arial, Helvetica, sans-serif;
          font-style: normal;
          line-height: normal;
          color: #CC0000;           text-decoration: none;
          font-variant: normal
         }