/*
   main.css
   Written early 2002 by Robbie Hatley.
   Edited:
      Sat. Nov. 09, 2002
      Sun. Mar. 13, 2005 -- expanded some comments
      Tue. Nov. 15, 2005 -- lightened font weights on littletext and tinytext
   This style sheet serves as a foundation for all of my other style 
   sheets. For best results, link to this sheet first before linking 
   to other style sheets.  This sheet establishes font sizes and 
   weights, margins, text-alignments, text-indents, etc.  My other 
   style sheets establish font-families, font colors, and link colors.
   
*/

/* ================= ELEMENTS ================= */

/* Body Font-Size and Font-Weight: */
body {
  font-size:         14pt;    /* default font size:         14pt         */
  font-weight:       normal;  /* default font weight:       normal       */
  color:             black;   /* default text color:        black        */
  background-color:  silver;  /* default background color:  silver       */
}

/* Default Paragraph Margins: */
p {
  margin:  9pt 0pt;  /* margin:  9pt top-and-bottom, 0pt left-and-right. */
  padding: 0pt;      /* padding: 0pt on all four sides.                  */
}

/* Headings: */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin:      9pt 0pt;
}
h1 {text-align: center; font-size: 36pt;}
h2 {text-align: left;   font-size: 20pt;}
h3 {text-align: left;   font-size: 16pt;}
h4 {text-align: left;   font-size: 15pt;}
h5 {text-align: left;   font-size: 14pt;}
h6 {text-align: left;   font-size: 13pt;}

/* Tables: */
table { 
  margin: 6pt;
}
caption {
  font:        bold   14pt "Arial", "Helvetica", sans-serif;
  text-align:  center;
}
th {
  font:        bold   12pt "Arial", "Helvetica", sans-serif;
  text-align:  center;
}
td {
  font:        normal 11pt "Arial", "Helvetica", sans-serif;
  text-align:  left;
}

/* ================= CLASSES ================= */

/* Paragraph First-Line-Indent Class: */
p.flindent, div.flindent p {
  text-indent:    2ex;
  /*
  margin-top:     0pt;
  margin-bottom:  0pt;
  */
}

/* Indentation Classes: */
.indent       {margin-left: 36pt;}
.doubleindent {margin-left: 72pt;}
.noindent     {margin-left:  0pt;}

/* Text-Alignment Classes: */
.left         {text-align: left;}
.center       {text-align: center;}
.right        {text-align: right;}


/* Font-Size Classes: */
.hugetext     {font-size: 30pt; font-weight: bold;}
.bigtext      {font-size: 20pt; font-weight: bold;}
.largetext    {font-size: 16pt; font-weight: normal;}
.smalltext    {font-size: 11pt; font-weight: normal;}
.littletext   {font-size: 10pt; font-weight: normal;}
.tinytext     {font-size:  9pt; font-weight: normal;}
.microtext    {font-size:  8pt; font-weight: normal;}


/* Color Classes: */
.forest-green      {color: #00C000; background-color: inherit;}
.dark-green        {color: #008000; background-color: inherit;}
.dover-blue        {color: #60C0FF; background-color: inherit;}
.royal-blue        {color: #0080FF; background-color: inherit;}
.deep-blue         {color: #001898; background-color: inherit;}
.halloween-orange  {color: #FF6020; background-color: inherit;}
.pink              {color: #FFb0E8; background-color: inherit;}
.rose              {color: #FFC0C8; background-color: inherit;}

/* Floating-Image Break-Free Class: */
/* (To move all subsequent elements down below a floating picture, put        */
/* <p class="clearfloat">`</p> immediately under the img element.)            */
p.clearfloat {
  font-size:  1pt; 
  margin:     0pt; 
  clear:      both;
}

/* No-Border Class: */
.noborder     {border: 0px;}

/* ================= IDs ================= */

/* #first-division contains all the introductory material for a page:         */
/* h1 header, subtitle, pictures, introductory text, music links, etc.:       */
#first-division {
  text-align:  center;
}
#fist-division p {
  margin: 3pt 0pt;
  font-size: 11pt;
}
/* Note: I took out the auto-flindent for #main-division p as of 2002-11-10.  */
/* #main-division is now a more multi-purpose division, with                  */
/* text-align: left; being the only property specified:                       */
#main-division {
  text-align: left;
}
/* #notes-division is for parenthetical notes, in a smaller font, about the   */
/* main contents of a web page:                                               */
#notes-division {
  text-align: left;
}
#notes-division p {
  text-indent:  2ex;
  margin:       0pt;
  font-size:   11pt;
}
/* #last-division contains a page's last-updated date, contact links,         */
/* bottom nav bar, and validation links:                                      */
#last-division  {
  text-align:  center;
}
#last-division p {
  margin: 3pt 0pt;
  font-size: 11pt;
}