/*  Article CSS for Fort Edwards & HistoricHampshire */

/* the "." requires "class"  */
html {
		font-size: 100%;
		}
/*  BACKGROUND COLOR must be changed in all places for different web sites */
body
		{
			margin:	0px 5px 0px 5px;
			padding: 0;
			font:1em Georgia, times, Times New Roman, serif;
	          background: #ffffcc;
			text-align: left;
		}

#cleardiv
		{
			clear: both;
			height: 1em;
		}

/* Sets spacing above and below */

ol, dl	{
	margin-top: 0em;
	margin-bottom: .4em;
}

ul, li	{
	margin-top: -.6em;
	margin-bottom: .6em;
	line-height:1.5em;
}


p {
	line-height: 1.5em;
	font-size: 100%;
	margin-top: .4em;
	margin-bottom: 1em;
	text-indent: 20px;
}

/*  MAIN DIV setting page width and centering it */
div#main  {
          margin: 1em;
}

/* Formats introductory paragraphs - editorial introduction */
p.intro {
	font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
     font-size: 80%;
     color: #800000 ;
	line-height: 1.6em;
	margin: 1em 1em 1.4em 1em;
	padding: 4px 3px 6px 12px;
     border-width: 2px;
	font-weight:500;
     background: #f8f8f8;
	color: #800000;
    }


p.normal {
	line-height:1.5em;
	font-size: 100%;
	float: left;
	margin: 0 0 1em;
	text-indent: 20px;
}

/*  Paragraph for FOOTNOTES */
p.fn	{
	margin: 0 0 .7em 3em;
	text-indent: -3em;
	font-size: 80%;
}

/*  Paragraph for TIMELINE */
p.time	{
	font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
	margin: 0 0 .7em 3em;
	text-indent: -3em;
	font-size: 100%;
}

/* --  Chapter Heading  - does not enlarge first letter - use Span -- */
p.heading {
	font-size: 120%;
	margin: 0 0 1em 0;
     text-indent: 0;
	}

p.heading:first-letter {
	font-size: 180%;
	letter-spacing: 2px;
	}

/*  Paragraph with Drop Cap */
p.text:first-letter   {
font-size: xx-large;
padding: 2px;
float: left;
}

/*  Paragraph with Large First Letter - note line spacing */

p.another:first-letter
{

font-size: xx-large;
text-indent: -4px;
float: left;
}

/*  Paragraph with First Line all CAPS - note line spacing */
    P.first {
    font:1em Georgia, times, Times New Roman, serif;
	line-height:1.5em;
    margin: 0px 5px 0px 5px;
    text-align: left;
    }

    P.first:first-line {
    font:1em Georgia, times, Times New Roman, serif;
    text-transform: uppercase;
	line-height:1.5em;
    }


/* Text following a Blockquote - not new paragraph */
p.follow {
	text-indent: 0;
	line-height: 1.5em;
	font-size: 100%;
	margin-top: -.5em;
	margin-bottom: 1em;
}


/* Large Initial Cap for use with Span */
.largecap {
     font-family:Georgia, Times, serif;
     font-size:200%;
     font-weight:normal;
     line-height:80%;
     letter-spacing:1px;
}

/*  Indented Quote with Light Gray Background -
NOTE a Blockquote must have either a regular paragraph
after it or the p class="follow" */
BLOCKQUOTE {
  margin-top: 0;
  margin-right: 0em;
  margin-bottom: 1em;
  margin-left: 2em;
  font-style: italic;
  font-size: 13px;
  line-height: 1.6em;
  font-weight:300;
  background: #f8f8f8;
  padding: 1em;
  color: #000000;
}

/*  Quote in Italics - no colored background */
div#quote {
	font-size: 12px;
	line-height: 1.6em;
	font-weight:300;
     font-style: italic;
     margin-left: 24px;
     color: #000000;
 {

li {
	line-height:1.2em;
}

/* DIV Inset(right-left) is for photos to float right or left */
div#insetright  {
     border-width: 2px;
     border-color: #000000;
     margin: 4px 4px 4px 12px;
     float: right;
     clear: both;
     height: auto;
     width: auto;
     font-family: Verdana, Helvetica, sans;
     font-size: .4em;
}

div#insetleft  {
     border-width: 2px;
     border-color: #000000;
     margin: 4px 4px 4px 12px;
     float: left;
     clear: both;
     height: auto;
     width: auto;
     font-family: Verdana, Helvetica, sans;
     font-size: .4em;
}

img {
	display: inline;
}

img.image{
	padding: 2px;
	border-style:outset;
	border-color: #d4d7ce;
	border-width:1px;
      }
img.imageLeft{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	padding: 2px;
	border-style:outset;
	border-color: #d4d7ce;
	border-width:1px;
	display:block;
      }

img.imageRight{
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	padding: 2px;
	border-style:outset;
	border-color: #d4d7ce;
	border-width:1px;
      }

img.thumbLeft{
	float: left;
	margin-left: 4px;
	margin-right: 4px;
	padding: 2px;
	border-style:outset;
	border-color: #d4d7ce;
	border-width:1px;
	display:block;
      }

/* HEADINGS: STYLES FOR H1-H6 */

h1	{
	font: Georgia, Times, serif;
	font-size: 2em;
	margin-top: 0;
	margin-bottom: 0;
	background: transparent;
}

/*  Classes to use with "div" "span" or "p" "h1" etc. - class="" */
.center {
        text-align: center;
        }

.title {
       text-align: center;
       }

.navy {
      color: #000080;
      }

.maroon {
      color: #800000;
      }

/*  underline with black line */
.underline  {
            border-bottom: solid 1px #000000;
            }
            
h2	{
	font-family: Georgia, Times, serif;
	font-size: 1.6em;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
}

h3	{
	font-family: Georgia, Times, serif;
	font-size: 1.4em;
	background: transparent;
	margin-bottom: 2px;
}

/* Note h4 & h5 & h6 have maroon font color */
h4	{
	font-family: Georgia, Times, serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #990000;
	margin-bottom: .67em;
	margin-top: 1.0em;
	font-variant: small-caps;
}

h5	{
	font-family: Georgia, Times, serif;
	font-size: 1em;
	font-weight: bolder;
	color: #990000;
	margin-bottom: .3em;
	margin-top: 1.0em;
	font-variant : small-caps;
}

h6	{
	font-family: Georgia, Times, serif;
	font-size: 0.8em;
	font-weight: bolder;
	color: #990000;
	margin-bottom: .67em;
}

/* --  Section Heading  -- */
div#sectionhead  {
	font-family: Georgia, Times, serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #990000;
	margin-bottom: .67em;
	margin-top: 1.0em;
	font-variant: small-caps;
}

div#header   {
	background-color:#F8F8F8;
	text-align: left;
     line-height:180%;
     margin-bottom: 2em;
}

div#footer  {
            text-align: center;
            font-weight: bold;
            font-variant: small-caps;
            font-size: 1.2em;
            font-family: Tahoma,helvetica,sans;
            }
            
div#update   {
	font-family: Verdona, Tahoma, Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
	font-size: .8em;
	color: #DCDCDC;
}