/* Some stylesheet concepts borrowed from Andrew Mutch, w3.org, Zeldman, John Haller, et al. */
/* Robert G. Sullivan, Schenectady County Public Library */
/* Updated October 23, 2016 */

html, body {
font-family: "Times New Roman", Times, serif;
background-color: #ffffff; /* white */
color: #000000; /* black */
margin-top: 0;
margin-left: 3%;
margin-right: 3%;
padding: 0;
}

p {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
}

h1, h2, h3, h4, h5, h6, address {text-align: center;}

cite {font-style: italic;}

img {border-style: none;}

.goto {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 70%;
text-align: center;
}

.info {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 80%;
background-color: #ffff99; /* moderate yellow */
color: #000000; /* black */
margin-left: 5%;
margin-right: 5%;
border: solid 1px;
padding: .5em;
}

#suggest {
font-size: 70%;
text-align: center;
clear: both;
}

.locator {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight: bold;
text-align: center;
margin-top: .5em;
padding: .25em 0 .25em 0;
background-color: #00ffff; /* light blue */
color: #000000; /* black */
clear: both; /* fixes problem with photos hanging down on pages with less content */
}

.locator a, .locator a:visited {
background-color: #00ffff; /* light blue */
color: #000000; /* black */
text-decoration: none;
}

.locator a:hover, .locator a:active {
background-color: #000000; /* black */
color: #ffffff; /* white */
}

.errata {font-style: italic;}

/* Specific styles for content divs

content:         general text pages
content-hmgfm:   Hudson-Mohawk Genealogical and Family Memoirs
content-list:    formatted lists, e.g. Family and Building sections
content-cwlist:  variant for the regiments by county page of NYSCWMR
content-census:  variant of content-list for census schedules
content-cd:      City directories
content-mr:      New York State Civil War Muster Rolls
content=shr:     Shovel Ready
content-vr:      Vital Records formatted lists

N.B. Pages which don't fit the above types have been assigned
the undefined "content-2" for later use

*/

#content p, #content-hmgfm p, #content-cdtext p {text-indent: 3em;}

#content-census li {
font-weight: bold;
margin-bottom: .5em;
}

#content-census li li {
margin-top: .5em;
margin-bottom: 0;
}

#content-census li li li {
font-weight: normal;
margin-top: 0;
margin-bottom: 0;
}

#content-hmgfm li {
text-indent: 3em;
margin-bottom: .5em;
}

#content-hmgfm li li {
text-indent: 3em;
margin-top: .5em;
margin-bottom: .5em;
}

#content-hmgfm .list-indent {
margin-left: 0;
margin-right: 0;
margin-top: .5em;
margin-bottom: 0;
}

#content-list li {
font-weight: bold;
margin-bottom: .75em;
}

#content-list li li {
font-weight: normal;
margin-bottom: 0;
}

#content-cwlist li {
font-weight: bold;
margin-bottom: .75em;
}

#content-cwlist li li {
font-weight: normal;
}

/* Styles specific to City Directories */

/* N. B. Table tag styles are in the page because they vary with the size of the image */

#content-cd td {
text-align: center;
padding: 2em;
}

#content-cd td a, #content-cdtext a {
display: block;
text-decoration: none;
}

#content-cdtext td {
padding: 2em;
}

#content-cdtext td.left {
text-align: left;
}

/* Styles specific to New York State Civil War Muster Rolls */

#content-mr table {
font-size: 80%;
margin-bottom: 1em;
border: 1px solid;
border-collapse: collapse;
}

#content-mr th {
text-align: center;
padding: 2px;
background-color: #00ffff; /* light blue */
color: #000000; /* black */
border: 1px solid;
}

#content-mr tr.c {
background-color: #ccffff; /* pale blue */
color: #000000; /* black */
}

#content-mr td {
text-align: left;
padding: 2px 5px 2px 5px;
border: 1px solid;
}

#content-mr td.right {text-align: right;}

/* Someday, when CSS3 is fully supported, we'll use this: */

/* #content-mr tr:nth-child(odd) td {color: 000000; background-color: ffffff;}

#content-mr tr:nth-child(even) td {color: 000000; background-color: 99ffff;} */

#content-mr #commander {
width: 47%;
float: left;
font-size: 90%;
margin-top: 1em;
margin-bottom: 1em;
}

#content-mr #mustering_officer {
width: 47%;
float: right;
font-size: 90%;
margin-top: 1em;
margin-bottom: 1em;
}

#mustering_officer p, #commander p {text-indent: 1em;}

#content-mr h2 {
text-align: left;
border-top: solid;
padding-top: .25em;
padding-bottom: 0;
margin-bottom: 0;
}

/* Styles specific to Shovel Ready */

#content-shr h2 {
text-align: left;
}

#content-shr h3 {
text-align: left;
font-style: italic;
}

#content-shr blockquote {
margin-left: 8em;
margin-right: 8em;
font-style: italic;
}

#content-shr .quote-source {
font-weight: bold;
text-align: right;
}

#content-shr .quote-source cite {
font-weight: normal;
}

/* Styles specific to obituary indexes */

#content-vr h2 {
text-align: left;
border-top: solid;
padding-top: .25em;
padding-bottom: 0;
margin-bottom: 0;
}

#content-vr li {
font-weight: bold;
padding-top: .25em;
}

#content-vr li li {
font-weight: normal;
padding-top: 0;
}

.indent {text-indent: 3em;}

.right {text-align: right;}

.left {text-align: left;}

.center {text-align: center;}

.pic {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight: bold;
margin-left: 2em;
text-align: center;
text-indent: 0;
}

/* fixes centering issue with the text-indented content divs */

#content p.left, #content p.info, #content-hmgfm p.left {text-align: left; text-indent: 0;}

#content p.center, #content p.pic, #content-hmgfm p.center, #content-hmgfm p.pic {text-align: center; text-indent: 0;}

/* creates a data table class (e.g., census statistics) with all table cells
   right-justified.  "Left" class will override this for the first (or any) column. */

.statistics table {border: 1px solid; border-collapse: collapse;}

.statistics th {
text-align: center;
padding: 2px;
background-color: #00ffff; /* light blue */
color: #000000; /* black */
border: 1px solid;
}

.statistics td {
text-align: right;
padding: 2px 5px 2px 5px;
border: 1px solid;
}

.statistics td.rowhed {text-align: left; font-weight: bold;}

.statistics td.left {text-align: left;}

.statistics td.center {text-align: center;}

.statistics td.right {text-align: right;}

/* creates a data table class similar to the "statistics" class but with
   all table cells left-justified. */

.gentable table {border: 1px solid; border-collapse: collapse;}

.gentable th {
text-align: center;
padding: 2px;
background-color: #00ffff; /* light blue */
color: #000000; /* black */
border: 1px solid;
}

.gentable td {
text-align: left;
padding: 2px 5px 2px 5px;
border: 1px solid;
}

.gentable td.left {text-align: left;}

.gentable td.center {text-align: center;}

.gentable td.right {text-align: right;}

.gallery table {
width: 80%;
margin-left: 10%;
margin-right: 10%;
}

.gallery td {
width: 33%;
text-align: center;
text-indent: 0;
padding: 1em 2em 0 2em;
}

.gallery p {
text-align: center;
text-indent: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight: bold;
}

.imagebox {
float: left;
margin-right: 2em;
}

.imagebox2 {
float: right;
margin-left: 2em;
}

.imagebox, .imagebox2 p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight: bold;
text-indent: 0;
text-align: left;
}

/* for browsers which don't support style sheets */

.hide {
display: none;
}

.plain {list-style-type: none;}

.byline {
text-align: center;
font-size: 125%;
}

.byline p {
margin: 0;
padding: 0;
text-align: left;
text-indent: 0;
}

.updated {
background-color: #ffff99; /* moderate yellow */
color: #000000; /* black */
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight: bold;
line-height: 1.5em;
margin-bottom: 1em;
padding: .5em;
border-style: solid;
border-width: 1px;
}

.updated p {
margin: 0;
padding: 0;
}

/* Adapted from the w3button classes created by Marek Prokop <http://www.sovavsiti.cz/css/> */

.footer {
margin: 0 1em 0 0;
width: 29em;
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight: bold;
display: inline;
}

.valid-xhtml {width: 12em;}

.valid-css {width: 9em;}

.wai-wcag {width: 16em;}

.footer a {
display: inline;
width: 100%;
}

.footer a:link,
.footer a:visited,
.footer a:hover {
background-color: #ffcc66; /* beige gold */
color: #000;
text-decoration: none;
}

.footer a:link,
.footer a:visited {
border-top: 1px solid #cecece;
border-bottom: 2px solid #4a4a4a;
border-left: 1px solid #cecece;
border-right: 2px solid #4a4a4a;
}

.footer a:hover {
border-bottom: 1px solid #cecece;
border-top: 2px solid #4a4a4a;
border-right: 1px solid #cecece;
border-left: 2px solid #4a4a4a;
}

.footer span.w3c {
padding: 0 0.4em;
background-color: #ffffff; /* white */
color: #0c479d;
}

.footer span.spec {
padding: 0 0.4em;
background-color: #ffcc66; /* beige gold */
color: #000000; /* black */
}

.footer span.valid {
padding: 0 0.4em;
background-color: #ffcc66; /* beige gold */
color: #990000; /* deep red */
}

/*printer styles*/ 

@media print{ 
body {margin: 0; padding: 0;}
#sitename, #slogan {
background-color: #ffffff; /* white */
color: #000000; /* black */
}

/* Turn off menus, navigational links etc. */

.hide, #p7menubar, .locator, .goto, #suggest, .footer {display: none;}
}