body
{
  font-family: Garamond, "Times New Roman", Serif;
  afont-family: impact;
  font-size: 100.01%;
  font-size: 1.1em;
  background: #ffffcc url(../Backgrounds/cream-texture.gif);
  color: #000000;
  atext-align: justify;
}

p
{
  atext-align: justify;
}

table
{
  font-size: inherit;
  font-family: inherit;
  background: transparent;
}

input
{
  font-size: inherit;
  font-family: inherit;
  color: inherit;
}

select
{
  font-size:inherit;
  font-family: inherit;
  color: inherit;
}

.larger
{
  font-size: larger;
}

.smaller
{
  font-size: smaller;
}

.bold
{
  font-weight: bold;
}

.bigger
{
  font-size: larger;
  font-weight: bolder;
}

form.main
{
  margin-top: 1em;
  font-size: smaller;
}

form.main table
{
  border: 0 none;
}

form.main td
{
  vertical-align: top;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

form.main td .formNote
{
  font-weight: bold;
  font-size: 0.7em;
}

form.main td.label
{
  padding-right: 0.5em;
  font-weight: bolder;
}

form.main tr.submit td
{
  padding-top: 0.7em;
  apadding-bottom: 10em;
}

table.main
{
  width: 100%; 
  border: 1px outset #ffffcc;
  border-spacing: 2px;
}

table.main td
{
  border: 1px inset #ffffcc;
  padding: 6px;
}

/* 
 * H1 is meant to be the title of the page.  
 * There should be 1 and only 1 per page.
 */
h1
{
  font-weight: bold;
  font-size: 1.67em; /* font size of ".subtitle" == "h1 .subtitle" times "h1" */
  text-align: center;
  margin: .67em 0;
}

/* If a page's subtitle is coded as part of the title. */
h1 .subtitle
{
  display: block;
  font-size: 0.8em; /* font size of ".subtitle" == "h1 .subtitle" times "h1" */
}

.subtitle
{
  font-weight: bold;
  font-size: 1.33em; /* font size of ".subtitle" == "h1 .subtitle" times "h1" */
  text-align: center;
}

h1 + .subtitle
{
  margin-top: .67em;
}

h2
{
  font-weight: bold;
  font-size: 1.25em; 
  margin 1.33em 0;
}

td h1
{
  margin: 0;
}

td
{
  vertical-align: middle;
}

a:link    { color: #006600; background: transparent; }
a:visited { color: #006600; background: transparent; }
a:active  { color: #990000; background: transparent; }

a.footRef /* A reference to an on-page footnote */
{
  vertical-align: super;
  font-size: 0.6em;
}

a.footnote /* An on-page footnote */
{
  color: #666666;
  font-size: 0.9em;
}

p#update
{
  font-size: small;
  font-style: italic;
  text-align: right;
}

p#tagline
{
  font-size: smaller;
  font-style: italic;
  font-weight: bold;
  text-align: center;
}

p#tagline a
{
  afont-family: Ariel, sans-serif;
  afont-size: medium;
  font-style: normal;
}

.scrptRef
{
  font-weight: bold;
  font-style: italic;
  font-size: 0.9em;
}

.scripture
{
  acolor: green; 
  abackground: transparent;
  font-style: italic;
  font-size: 0.9em;
  font-family: Verdana, Helvetica, sans-serif;
}

p.scripture
{
  margin: 1em 40px;
}

.scripture .scrptRef
{
  /* for future */
}

.WoC
{
  color: red;
  background: transparent;
  background: green; /* For debug purposes, spot WoC that's not in Scripture */
}

/* For debug purposes, spot WoC that's not in Scripture */
.scripture .WoC
{
  background: transparent;
}

.divineName
{
  text-transform: uppercase;
  font-variant: small-caps;
  acolor: red;
  abackground: transparent;
  font-size: smaller;
  font-weight: bolder;
  white-space: nowrap;
}

.divineName .DNfirst
{
  font-size: larger;
}

.poetry
{
  text-align: center;
  font-style: italic;
}

.lyrics
{
  text-align: center;
  font-style: italic;
}

.thought
{
  font-style: italic;
}

.lyrics em
{
  font-weight: bolder;
}

div.lyrics, p.lyrics,.poetry p, p.poetry, div.poetry
{
  margin: 0.5em 0;
  font-style: italic;
  text-align: center;
  text-indent:  -0px;
}

.editors
{
  font-family: "Times New Roman";
  color: blue;
  background: transparent;
}

.foreign
{
  font-style: italic;
}

.vision
{
  font-style: italic;
}

.note
{
  font-size: larger;
  font-weight: bold;
  color: red;
}

blink
{
  text-decoration: none !important;
}

center.counter
{
  font-size: 0.5em;
}

.debugRed
{
  background-color: red;
}

.debugGreen
{
  background-color: green;
}
.debugBlue
{
  background-color: blue;
}
.debugOrange
{
  background-color: orange;
}
.debugYellow
{
  background-color: yellow;
}
.debugWhite
{
  background-color: white;
}
.debugPurple
{
  background-color: purple;
}

/* use "* html" to prefix any rule that you want to work only on IE */