/* Copyright The Dustin Inman Society,
   Elbel Consulting Services, LLC 2005-2012 */
   
HTML { margin: 0; padding: 0; }

body {  /* coordinate with following hack */
	margin: 0; 
	padding: 0; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	color: #00003D;
	background-color: #1B1B2E;
}

	
/* NS4 & IE3 hack: tables truncate style application - match Body above */
p, address, blockquote, body, div, dl, ol, pre, span, ul, li {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	color: #00003D;
}

a:link { color: #1202AB; }
a:hover { color: #D91900; } /*  AF5F5F */
a:active { color: #AF5F5F; }
/* a:visited { color: #2C2854; }  #2C2854; */

p  { 	font-size: 13px; }

pre {
	margin-left: 30px;
	font-size: 10px;
}

h1, h2, h3, h4, h5, h6 {
	color: #141663;
}
h1  {	font-size: 17px; font-weight: 800; margin: 32px 0px 20px 0px; }
h2  { font-size: 16px; font-weight: 700; margin: 50px 0px 20px 0px;}
h3  { font-size: 15px; font-weight: 600; }
h4  { font-size: 14px; font-weight: 600; }
h5  { font-size: 12px; font-weight: 600; font-style: italic; }
h6  { font-size: 9px;  font-weight: 600; font-style: italic; }


div#banner table td {
	margin:  0;
	padding: 0;
	background-color:  #1B1B2E;
}
td.bannerTextArea {
	/* height: nnnpx; specify in td to force height */
}
div#bannerSecureText {
	margin: 6px 0px 10px 0px;
	font-family:   Georgia, Garamond, "Times New Roman", Times, serif;
	color: #AD0000;
	font-size: 18px;
	text-align: center;
	font-weight: 700;
}
div#bannerDisText {
	margin: 18px 0px 20px 0px;
	font-family:   Georgia, Garamond, "Times New Roman", Times, serif;
	color: #ffffff;
	font-size: 30px;
	text-align: center;
	letter-spacing: 2px;
}
div#bannerCoalText {
	margin: 10px 0px 8px 0px;
	font-family:   Georgia, Garamond, "Times New Roman", Times, serif;
	color: #FFEDD6;
	font-size: 11px;
	text-align: center;
	letter-spacing: 2px;
}
div#bannerCoalTextHomePage {
	margin: 10px 0px 1px 0px;
	font-family:   Georgia, Garamond, "Times New Roman", Times, serif;
	color: #FFEDD6;
	font-size: 11px;
	text-align: center;
	letter-spacing: 2px;
}
div#bannerbottomFineText {
	margin: 10px 0px 6px 0px;
	padding: 0;
	font-family:   Georgia, Garamond, "Times New Roman", Times, serif;
	color: #FFEDD6;
	font-size: 10px;
	text-align: center;
	letter-spacing: 2px;
}
div#bannerBottomFineTextHomePage {
	margin: 10px 0px 3px 0px;
	padding: 0;
	font-family:   Georgia, Garamond, "Times New Roman", Times, serif;
	color: #FFEDD6;
	font-size: 10px;
	text-align: center;
	letter-spacing: 2px;
}
div.bannerLeftHomepage {
	float: left;
	width: 140px;
	border: 1px solid #444444;
	margin: 10px 0px 0px 20px;
	padding: 10px 10px 10px 10px;
	font-size: 11px;
	color: #FFEDD6;
	display: block;
}
div.bannerRightHomepage {
	float: right;
	width: 140px;
	border: 1px solid #444444;
	margin: 10px 50px 0px 0px;
	padding: 10px 10px 10px 10px;
	font-size: 11px;
	color: #FFEDD6;
	display: block;
}
div.counterLeftHomepage {
	margin: 27px 0px 0px 60px;
	padding: 0px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #DA0000;
	display: block;
}
div.counterRightHomepage {
	margin: 27px 0px 0px 80px;
	padding: 0px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #DA0000;
	display: block;
}
div#bannerDate {
/*	margin: 0px 10px 2px 8px; padding: 0; for use with counters present */
	margin: 0;
/*	padding: 118px 10px 2px 8px;  for use with empty right banner panel */
	padding: 30px 10px 2px 8px;  /* with right banner panel */
	text-align: center;
	font-family:   Georgia, Garamond, "Times New Roman", Times, serif;
	line-height: 12px;
	color: #FFEDD6;
	font-size: 10px;
	letter-spacing: 1px;
	display: block;
}

div.signupBoxHomePageRight {
	border: 1px solid #444444;
	margin: 0px 6px 0px 0px;
	padding: 8px;
	background:  url(https://www.thedustininmansociety.org/images/attention_background.gif);
	background-repeat: no-repeat;
	font-size: 13px;
	color: #0C0080;
	text-align: center;
}
div#banner a:link { color: #FFEDD6; }
div#banner a:visited { color: #FFEDD6; }
div#banner a:hover {  color: #FFFF78; }  
div#banner a:active { color: #DBE7FF; }


div#nav {
	height: 800px; /* minimum page height */
	border-right: 1px solid #E3E15F;
	padding: 26px 4px 35px 4px;
	/* background-color: #303040; set in TD instead in order to
	  force cell fill */
}
div#nav p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px 0px 6px 0px;
	padding: 4px 10px 4px 10px;
	font-size: 10px;
	font-weight: 700;
	line-height: 14px;
	letter-spacing: 1.0px;
	color: #FFEDD6;
}
div#nav a:link { color: #FFEDD6; text-decoration: none; }
div#nav a:visited { color: #FFEDD6; text-decoration: none; }
div#nav a:hover { color: #FFFF78; text-decoration: none; }
div#nav a:active { color: #DBE7FF; text-decoration: none;}
.navHighlight a:link {
	 text-decoration: underline ! important;
}
.navHighlightCaps a:link {
	 text-decoration: underline ! important;
	 text-transform: uppercase;
}
div#navWebsiteBy {
	font-size: 10px;
	margin: 20px 0px 20px 25px;
	font-weight: 400;
	font-style: italic;
	color: #FFF6EA;
}


div#mainContentHomePage {
	margin: 28px 20px 40px 14px; 
}
div#mainContentHomePage p  { 
	margin: 10px 0px 8px 0px;
	font-size: 13px; 
}
div#mainContent {
	margin: 26px 20px 40px 14px; 
}
.quoteHomePage {
	margin: 20px 0px 6px 0px;
	font-weight: 700;
	color: #444444; 
	font-size: 11px;
}
.quoteByHomePage {
	display: inline;
	font-weight: 500;
	color: #666666;
	font-size: 11px;
}
span.homePageStandout {
	font-family:   Georgia, Garamond, "Times New Roman", Times, serif;
	padding: 2px 0px 2px 0px;
	font-weight: 700;
	font-size: 12px;
	color: #AD0000;
	text-align: center;
}
div#homePageRightPanel {
	margin: 30px 20px 40px 0px; 
	font-size: 11px;
}
div#homePageRightPanel p {
	font-size: 11px;
}
div#homePageRightPanelCounterArea {
	margin: 0px 0px 0px 0px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	color: #00003D;
	font-size: 11px;
}
div.counterBox {
	border: 1px solid #AD0000;
	margin: 4px 4px 6px 50px;
	padding: 0px 3px 1px 3px;
	width: 60px;
	text-align: center;
}
div.homePageRightBox {
	margin: 18px 6px 12px 0px;
	padding: 4px 6px 4px 6px;
	border: 1px solid #AAAAAA;
	text-align: center;
}
div.homePageRightBox p {
	margin: 6px 0px 6px 0px; 
	font-size: 11px;
}
div.counterLeftPageBody {
	float: left;
	margin: 10px 10px 10px 40px;
	padding: 12px 32px 4px 32px;
	border: 1px solid #CFD3FF;
	background-color: #F5F5FA;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #DA0000;
	display: block;
}
div.counterRightPageBody {
	float: right;
	margin: 10px 40px 10px 10px;
	padding: 12px 32px 4px 32px;
	border: 1px solid #CFD3FF;
	background-color: #F5F5FA;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #DA0000;
	display: block;
}

div#footer {
	margin: 25px 60px 10px 0px;
	border-top: 2px solid #acabab;
	text-align: center;
	font-size: 22px;
}
div#footer p {
	font-size: 9px;
}

.large { font-size: 14px; }
.larger { font-size: 16px; }
.largest { font-size: 18px; }
.small { font-size: 10px; }
.smaller { font-size: 9px; }
.smallest { font-size: 8px; }

.highlight {
	color: #141661;
	font-weight: 700;
}
.quote {
	margin: 20px 20px 10px 40px;
	font-weight: 700;
	font-size: 11px; 
}
.quoteBy {
	margin: 10px 20px 30px 56px;
	font-size: 11px; 
}


.indent,
.q-indent { 
	margin-left: 40px;
}
.ul, .underline { text-decoration: underline; }	


/* Articles and article manager formatting */

/* Article Catalog (TOC) formatting */

div.articleCatalogSummary  {
	margin: 10px 8px 20px 12px;
	padding: 2px 12px 2px 12px;
	border: 1px solid #aaaaaa;
	background-color: #fafafa;
}
div.articleCatalogSummary p {
	margin: 4px 0px 4px 0px;
	padding: 0;
	font-size: 11px;
}

.standoutBox { 
	margin: 20px 0px 20px 0px;
	border: solid 1px #dd1111;
	padding: 8px 8px 8px 8px;
	color: #A4212B;
	font-size: 12px;
	font-weight: 700;
}
.simpleBox { 
	margin: 20px 0px 20px 0px;
	border: solid 1px #dd1111;
	padding: 8px 8px 8px 8px;
}
.standout { 
	color: #A4212B;
	font-size: 12px;
	font-weight: 700;
}

.updated {
	margin: 0px 0px 0px 0px;
	color: #999999;
	font-size: 9px;
	font-weight: 400;
	text-align: right;
}

/* formatting for the stand-alone article page: */

div#articleText {
	text-indent: 28px;
}
p.articleTitle { 
	font-size: 18px; 
	font-weight: 700;
	color: #330033;
	margin: 50px 0px 20px 0px;
}
p.articleByLine { 
	font-size: 10px; font-weight: 700; margin-top: 0px; 
	margin-right: 120px;
	margin-bottom: 35px; 	
}
p.articleDate { 
	font-size: 11px; 
	font-weight: 700;
	color: #21376D;
	margin: 6px 30px 6px 0px;	
}
p.articleURL { 
	font-size: 10px; 
	font-weight: 700;
	color: #21376D;
	margin: 6px 30px 40px 0px;	
}
div.articleSummary  {
	margin: 10px 20px 30px 40px;
	padding: 6px 12px 6px 12px;
	border: 1px solid #aaaaaa;
	background-color: #fafafa;
}
div.articleSummary p {
	font-size: 13px;
}
div#articleText p {
	font-size: 13px;
}
p.articleNotes {
	margin: 40px 20px 35px 30px;
	font-size: 10px;
	font-style: italic;
}

.standoutBox { 
	margin: 20px 0px 20px 0px;
	border: solid 1px #dd1111;
	padding: 8px 8px 8px 8px;
	color: #A4212B;
	font-size: 12px;
	font-weight: 700;
}

div#fairUseDisclaimer {
	font-size: 9px;
	color: #9095A3;
	border-top: solid 1px #C9BDAD;
	border-bottom: solid 1px #C9BDAD;
	margin: 60px 5px 10px 0px;
	padding: 5px 0px 5px 0px;
}
div#fairUseDisclaimer a:link { color: #B5ACAD; }
div#fairUseDisclaimer a:visited { color: #B5ACAD; }


table.articlePulloutNavBox {
	border: solid 1px #990000;
}
table.articlePulloutNavBox tr td {
	margin: 10px 10px 10px 10px;
	font-size: 10px;
}
table.articlePulloutNavBox tr td p {
	margin: 10px 10px 10px 10px;
	font-size: 10px;
}
table.articlePulloutNavBox tr td div.indent {
	margin: 0px 0px 0px 12px;
}


div.pulloutNavBox {
	width: 200px;
	float: right;
	border: 1px solid #C95F1E;
	background-color: #FFF7DE;
	margin: 5px 10px 15px 30px;
	padding: 15px 15px 15px 15px;
	font-size: 10px;
}

div.pulloutBox {
	width: 250px;
	float: right;
	border: 1px solid #C95F1E;
	background-color: #FFF7DE;
	margin: 5px 10px 15px 30px;
	padding: 25px 20px 25px 20px;
	font-size: 10px;
	font-weight: 600;
}
div.pulloutBoxRight {
	width: 250px;
	float: right;
	border: 1px solid #C95F1E;
	background-color: #FFF7DE;
	margin: 5px 10px 15px 30px;
	padding: 25px 20px 25px 20px;
	font-size: 10px;
	font-weight: 600;
}

.question {
	margin: 40px 0px 0px 0px;
	color: #572810;
	font-weight: 700;
	font-style: italic;
}
.answer {
	margin: 4px 0px 10px 30px;
}


div.feedback {
	margin: 45px 0px 30px 0px;
	border-top: 2px groove #AD0000;
	padding-top: 30px;
}
div.feedback p {
	font-size: 11px;	
}
span.feedbackBy {
	margin: 5px 0px 7px 45px;
	font-style: italic;
	display: block;
}






table.dataTable tr td {
	font-size: 12px;
	text-align: right;
	padding: 2px 4px 2px 4px;
}
table.dataTable tr td span.th {
	font-weight: 700;
}



table.form {
	background: #FFEDD6; 
	border: 1px solid #dddddd;
}
td.formField {
	font-size: 10px;
}
div.formSubmit {
	margin-top: 20px;
	margin-bottom: 20px;  	
	font-size: 10px;
	text-align: center;
}
input:focus {
	background-color: #FFFFE3;
}



ol li {  /* li implementation is buggy */
	margin: 8px 40px 8px 20px;
	font-size: 13px;
	list-style-position: outside;
	/* display: block; causes ns7 to drop enumeration */
	list-style-type: decimal;
}
ul li {  
	margin: 8px 40px 8px 20px;
	font-size: 13px;
	list-style-position: outside;
	/* display: block; causes ns7 to drop enumeration */
	list-style-type: square;
	list-style-image: url(https://www.thedustininmansociety.org/images/square_li.gif);
}


table.photoCatalog tr td {
	padding: 12px 15px 12px 15px;
	border: 1px solid #eedada;
}
table.photoCatalog tr td img {
	border: 1px solid #997777;
}



/* photo gallery */
.photo-gallery {
}
.photo-gallery img {
	border: 1px solid #999999 !important;
	margin: 45px 0 0px 0;
	padding: 0;
}
.photo-right {
	float:   right; 
	margin:   20px 0px 0px 0px;
	padding: 0;
}
.photo-gallery p, 
.photo-caption {
	width: 400px;
	font-size: .75em;
	margin: 6px 0 0 0;
	padding: 0;
}



div#bottomLinks {
	margin: 35px 0px 40px 0px;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
div#bottomLinks hr {
	margin: 10px 68px 20px 68px;
}

div#websiteBy  {
	margin: 0px 0px 10px 0px;
	font-size: 10px;
	color: #dddddd;
	text-align: left;
}
div#websiteBy a:link { color: #dddddd; }
div#websiteBy a:visited { color: #dddddd; }
div#websiteBy a:hover { color: #AF5F5F; }