
/* CSS 2.1 Stylesheet for Faith In Focus Newsletter 1999-2002 */



/* Style rule selectors and declaration blocks */

html {
  display: block;
  font-size: 100%;
}

body {
  display: block;
  margin: 8px;
  font-family: serif;
  font-size: medium;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  letter-spacing: normal;  /* absolute length values */
  word-spacing: normal;  /* absolute length values */
}


/* Emphasis element tags in text (default is "Italic" font-style) */

em, i {
  font-style: italic;
  font-weight: inherit;
}


/* Strong element tags in text (default is "Bolder" font-weight) */

strong, b {
  font-weight: bolder;
  font-style: inherit;
}


div {
  display: block;
}

div.center {
  display: block;
  text-align: center;
}

dl {
  display: block;
  margin: 1em 0;
}

dt {
  display: block;
}

dd {
  display: block;
  margin-left: 40px;
}

br {

}

p {
  display: block;
  margin: 1em 0;
}


/*
   The <q> elements have not been used initially to handle in-line
   quotations, since the complexities of the nested quotes in the
   passage from Romans 10 in Newsletter Issue 2.5 in particular made
   the manual insertion of quote mark entities &lsquo; &rsquo;
   &ldquo; and &rdquo; a better option.
*/

q {

}

q:before {
  content: open-quote;  /* normal; inherit; open-quote; no-open-quote; */
}

q:after {
  content: close-quote;  /* normal; inherit; close-quote; no-close-quote; */
}



/* Heading styles */


h1 {
  display: block;
  font-size: 2em;
  font-weight: bold;
  margin: .67em 0;
}

h2 {
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  margin: .83em 0;
}

h3 {
  display: block;
  font-size: 1.17em;
  font-weight: bold;
  margin: 1em 0;
}

h4 {
  display: block;
  font-weight: bold;
  margin: 1.33em 0;
}

h5 {
  display: block;
  font-size: 0.83em;
  font-weight: bold;
  margin: 1.67em 0;
}

h6 {
  display: block;
  font-size: 0.67em;
  font-weight: bold;
  margin: 2.33em 0;
}



/* Other styles */


/* 
   A <span> element class for apostrophes was used to differentiate
   apostrophes from right-single-quote elements, since after
   experimentation, the "&rsquo;" entity was used for both to look
   best typographically.  (The exceptions are when a ' character is
   used before a two-digit year, e.g., " '88 ", or in <title> elements.)
   The <span> allows for an easy search and replace of all the "&rsquo;"
   entities used for apostrophes with "&apos;" entities if desired later.
*/

.apostrophe {

}


address {
  display: block;
  font-style: italic;
}

blockquote {
  display: block;
  margin: 1em 40px;
}

blockquote.address {
  display: block;
  margin: 1em 40px;
}

blockquote.poetry {
  display: block;
  margin: 1em 40px;
}

#masthead {
  font-size: 1.5em;
}

#missionstatement {
  font-size: 1.5em;
}



/*
  The div rules for separators are for horizontal rules.
  Since <hr /> styling attributes are deprecated in XHTML 1.0,
  CSS must be used.  Rather than using styles on the <hr /> element
  itself, wrapping it in a div and turning off display of the actual
  <hr /> element is a best practice for cross-browser compatibility.
  Old browsers that do not support CSS will display the <hr /> element.
*/


/* Short centered Horizontal Rule to separate subsections */

div.separator {
  border-top: 1px solid #000000;
  height: 1px;
  width: 50%;
  margin-left: 25%;
  margin-top: 1em;
  margin-bottom: 1em;
}

div.separator hr {
  display: none;
}


/* Full Horizontal Rule stretching across the page to separate sections */

div.fullseparator {
  border-top: 1px solid #000000;
  height: 1px;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 1em;
  margin-bottom: 1em;
}

div.fullseparator hr {
  display: none;
}


/* Short left-justified Horizontal Rule above footnote/endnote sections */

div.noteseparator {
  border-top: 1px solid #000000;
  height: 1px;
  width: 33%;
  margin-left: 0%;
  margin-top: 1em;
  margin-bottom: 1em;
}

div.noteseparator hr {
  display: none;
}

