/* Image Preloader */
	
@media screen {
	div#preloader {
		position: absolute;
		left: -9999px;
		top:  -9999px;
		}
	div#preloader img {
		display: block;
		}
	}
@media print {
	div#preloader, 
	div#preloader img {
		visibility: hidden;
		display: none;
		}
	}	


html,
button,
input,
select,
textarea {
    color: #fcc289 ;/* old#f1f0f0  changed menu button and all other textjd */
}


body {
    font-size: 1em;
    line-height: 1;				/* line-height: 1.4; jd————12/21/17 */
    background-color: black;
}

::-moz-selection {
    background: #b3d4fd;
    text-shadow: none;
}

::selection {
    background: #b3d4fd;
    text-shadow: none;
}



hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}							/* horizontal rule line jd */



img {
    vertical-align: middle;
	max-width: 100%;              /* added jd————12/15/17 */
	height:auto
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}



/* ---------------------------------------------------------- */


body {
    font: 16px/26px  Arial, Verdana, Helvetica, Helvetica;
}

.wrapper {
    width: 90%;
    margin: 0 5%;
}



/* ---------------------------------------------------------- */



.header-container2 {   
	background-color: black;
}

.footer-container .main {
    border-top: 20px solid black;
    background: black;
}
.main aside {
    border-top: 20px solid black;
    background: black;
}


/* ---------------------------------------------------------- */


/*
.clearfix {
    overflow: auto;
 }  jd added then removed later */
 
.title {
    color: white;
    font-weight: 400;
}	

.fntLigt{
	font-style: italic;
	font-weight: 100;
	text-align: center;
}/* addedfor footer jd */

/* ---------------------------------------------------------- */


@media only screen and (min-width: 768px) {

/* ====================
    WIDE: CSS3 Effects
   ==================== */


/* ============
    WIDE: Main
   ============ */

    .main article {
        float: left;
        width: 57%;
    }

    .main aside {
        float: right;
        width: 28%;
    }
}
/* added by me jd */
.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
/*   padding: 5px;
  background-color: #cae8ca;
  border: 2px solid #4CAF50; jd————12/21/17############################### */


/* ---------------------------------------------------------- */
/* font-family: 'Barlow Condensed', sans-serif;
font-family: 'Pathway Gothic One', sans-serif;
font-family: 'Satisfy', cursive;
font-family: 'Cabin Condensed', sans-serif;
font-family: 'Neucha', cursive;
font-family: 'IM Fell English', serif; jd————12/16/17 */

.CondnsdFont1 {
	/* font-family: 'IM Fell English', serif; jd————12/18/17 */	
	font:20px/30px 'Barlow Condensed', sans-serif;
	line-height: 115%;
}
.CondnsdFont2 {
	/* font-family: 'Cabin Condensed', sans-serif; jd————12/18/17 */	
	font:18px/25px 'Barlow Condensed', sans-serif;
	line-height: 105%;
}
.oldFont1 {
	/* font-family: 'Barlow Condensed', serif; jd————12/18/17 */	
	font:20px/30px 'IM Fell English', sans-serif;
	line-height: 125%;
}
.oldFont2 {
	/* font-family: 'Barlow Condensed', serif; jd————12/18/17 */	
	font:20px/30px 'IM Fell English', sans-serif, bold;
	line-height: 120%;
}
.cursvFont1 {
	/* font-family: 'Barlow Condensed', serif; jd————12/18/17 */	
	font:20px/30px 'Satisfy', cursive;
	line-height: 115%;
}
.cursvFont2 {
	/* font-family: 'Barlow Condensed', serif; jd————12/18/17 */	
	font:20px/30px 'Neucha', cursive;
	line-height: 115%;
}

.txtwht {
	color: white;
}					
.txtblk {
	color: black;
}
.txtaq {
	color: aqua;
}
.whtBack{
	background-color: white;
}
.offwhtBack{
	background-color: #fff1d3;
}
.AntiqueWhiteBack{
	background-color: #faebd7;
}
.blkBack{
	background-color: black;
}
.pad2em{
	padding: 2em;
}
.pad2emL{
	padding-left: 2em;
}
.pad1em{
	padding: 1em;
}
.pad1emR{
	padding-right: 1em;
}
.colCnt2{
	column-count: 2;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
}
.colCnt3{
	column-count: 3;
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
}
.cenTxt{
	align-content: center;
}
.NoPad{
	padding: 0;
}

.NoPanel {
	margin-top: 0;
	margin-bottom: 0;
}
.footer1 {
	border-top: 20px #fff1d3
}

.clearUl {
	list-style-type: none;
}

.p1 {
    text-indent: 10px;
}