/* FIXME: search and replace colors each issue */

body {
	background: #666666;
	color: black;
	text-align: center;
}

a:link { color: #860D31; }
a:visited { color: #666666; }

table {
	background: white;
	margin-left: auto;
	margin-right: auto;
}

/* the header table contains the WarTimes graphic */

table#header {
	width: 760px;
	border: #860D31 solid;
	border-width: 0 0 4px;
}

/* the middle table consists of left, middle and right columns; the left
 * column is a menu bar, the middle is the article content and the right
 * contains the table of contents for the current issue and links to
 * other resources... */

table#middle {
        width: 760px;
        border: 1px solid #CCCCCC;
        border-collapse: collapse;
}

td#leftcol {
        width: 130px;
        vertical-align: top;
        border: 1px solid #CCCCCC;
}

td#content {
	vertical-align: top;
	padding: 4px 8px 8px;
	border: 1px solid #CCCCCC;
}

td#content h1 {
	color: black;
	font: bold 140% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 0px;
}

td#content h1.nosub {
	color: black;
	font: bold 140% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-bottom: .25em;
	margin-top: 0em;
}

td#content h1.editorial {
	color: black;
	font: bold 140% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-bottom: .25em;
	margin-top: 0;
}

td#content h2 {
	color: #860D31;
	font: italic bold 120% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-bottom: 0;
	margin-top: 0;
}

td#content h2.editorial {
	color: #860D31;
	font: italic bold 120% Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-bottom: 0;
	margin-top: 0;
}

td#content h3 {
	color: #860D31;
	font: bold 75% Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	text-transform: uppercase;
	/* no space between header and paragraph below it...! */
	margin-bottom: 0;
	margin-top: 0;
}

td#content h3.sub {
	color: black;
	font: bold 75% Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	text-transform: uppercase;
	/* no space between header and paragraph below it...! */
	margin-bottom: 0;
	margin-top: 0;
}
td#content p.byline {
	color: black;
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 0px;
}

/* "intro" paragraph class: introduces an article; typically not written
 * by the article's author... */

td#content p.intro {
	font: italic 75% Verdana, Arial, Helvetica, sans-serif;
}

/* FIXME: paragraphs occasionally have to have a header or something
 * sitting directly on top of them -- do we need to set "top-margin: 0"...? */

td#content p {
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-bottom: 1em;

}

/* “caption” paragraph class:  because photo stuff doesn’t work */

td#content p.caption {
	color: #860D31;
	font: 60% Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-top: 0;
    margin-bottom: 4px
}


td#content li {
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
}

/* photographs may span the middle column or be placed to the left or
 * right of text... */

/* FIXME: these should really be done with divs... */

table.photo {
	/* top and bottom margins... */
	margin: 8px 0 8px 0;
}

/* FIXME: argh! this doesn't work...! */
div.photo {
	/* top and bottom margins... */
	/* margin: 8px auto 8px auto; */
	text-align: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

table.right-photo {
	float: right;
	/* top, bottom and left margins... */
	margin: 8px 0 8px 8px;
}

div.left-photo {
	float: left; width: 40%;
	/* top, bottom and right margins... */
	margin: 6px 8px 6px 0;
}

/* FIXME: IE doesn't seem to recognize "caption-side: bottom"; how do we
 *        fix...? */

table.photo p.caption {
	color: #860D31;
	font: 60% Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-top: 0;
}

table.photo-right p.caption {
	color: #860D31;
	font: 60% Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-top: 0;
}

div.photo p.caption {
	color: #860D31;
	font: 60% Verdana, Arial, Helvetica, sans-serif;
	text-align: left;#860D31
	margin-top: 0;
}

div.left-photo p.caption {
	color: #860D31;
	font: 50% Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-top: 0;
}

/* "bio" paragraph class: bigraphical information about the article's
 * author; typically at the bottom of the article... */

td#content p.bio {
	font: italic 75% Verdana, Arial, Helvetica, sans-serif;
}

/* multi-article pages contain a summary paragraph, a list of links to
 * the subarticles, and then the subarticles themselves; the sub-article
 * headlines and bylines are left justified with no separation... */

td#content h2.subart {
	color: #860D31;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-bottom: 0;
	margin-top: 1em;
}

td#content h2.subart-noby {
	color: #860D31;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-bottom: 0.5em;
	margin-top: 1em;
}

td#content p.subart-byline {
	color: black;
	font: small-caps 75% Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-top: 0;
	margin-bottom: 1em;
}

/* the right column contains the table of contents for the current issue
 * and links to other resources... */

td#rightcol {
	width: 166px;
	vertical-align: top;
	padding: 4px;
	border: 1px #CCCCCC solid;
}

table#current-issue {
	width: 100%;
	margin-bottom: 12px;
	border: 1px solid black;
}

table#current-issue th {
	background: #860D31;
	color: white;
	border: 1px black solid;
	text-align: center;
	font: bold 80% Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

table#current-issue td {
	border: 1px solid black;
}

table#current-issue p {
	font: 60% Verdana, Arial, Helvetica, sans-serif;
	margin-top: 8px;
	margin-bottom: 8px;
}

/* does this work? */
table#current-issue p.indent { 
	font: 60% Verdana, Arial, Helvetica, sans-serif; 
	text-align: left; 
	text-transform: none;
	margin-top: 0px; 
	margin-bottom: 6px; 
	margin-left: 8px;
}

table#current-issue p.announce {
	font: bold 75% Verdana, Arial, Helvetica, sans-serif; 
	margin-top: 10px; 
	margin-bottom: 10px; 
	text-align: center; 
}

table#current-issue p.announce2 {
	font: bold 60% Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
	margin-top: 0px;
	text-align: center
}

table#current-issue p.announce-withsubann {
	font: bold 75% Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 0px;
	text-align: center;
}

table#current-issue p.PDFlinks {
	font: 60% Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
	margin-top: 2px;
	text-align: center
}
.announce_links {
	font-size: 125%;
	font-weight: bold;
}

table#current-issue p.announce-divider {
	font: bold 40% Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 2px;
	text-align: center;
}



/* the footer table contains centered contact and copyright information... */

table#footer { width: 760px; }

table#footer td {  }

table#footer p {
	font: 60% Verdana, Arial, Helvetica, sans-serif;
	margin-top: 12px; margin-bottom: 12px;
}


hr {
	text-align: center;
	width: 25%;
	height: 1px;
	color: black;
	border: none;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	clear: left;
} /* For Internet Explorer */

html>body hr {
	margin-right: auto; margin-left: auto;
	width: 25%; height: 1px;
	background-color: black; border: 0px solid black;
	margin-top: 1em; margin-bottom: 1em;
} /* For Opera and Gecko-based browsers */

td#content h2.nobyline { color: #860D31; font: italic bold 120% Verdana, Arial, Helvetica, sans-serif; text-align: center; margin-bottom: 1em; margin-top: 0; }

td#content p.emphasis { font: 75% Verdana, Arial, Helvetica, sans-serif; margin-top: 0; margin-bottom: 1em; color: #860D31}

td#content h4 { color: #860D31; font: bold 75% Verdana, Arial, Helvetica, sans-serif; text-align: left; text-transform: none; margin-bottom: 0; margin-top: 0; }

.currentcolor {  font-weight: bold; color: #860D31}
td#content p.linklist { font: 75% Verdana, Arial, Helvetica, sans-serif; margin-top: 0; margin-bottom: .5em; }