/* TYPE STYLES */

@font-face {
  font-family: 'tradegothic';
  src: url('https://www.ohiocoal.com/fonts/tradegothic/trade-gothic-bold-cond-20.eot'); /* IE9 Compat Modes */
  src: url('https://www.ohiocoal.com/fonts/tradegothic/trade-gothic-bold-cond-20.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.ohiocoal.com/fonts/tradegothic/trade-gothic-bold-cond-20.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.ohiocoal.com/fonts/tradegothic/trade-gothic-bold-cond-20.woff') format('woff'), /* Pretty Modern Browsers */
       url('https://www.ohiocoal.com/fonts/tradegothic/trade-gothic-bold-cond-20.otf')  format('opentype'), /* Safari, Android, iOS */
       url('https://www.ohiocoal.com/fonts/tradegothic/trade-gothic-bold-cond-20.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/* THEN use like you would any other font */  
.tradegothic { font-family:"tradegothic", helvetica, arial, verdana, sans-serif;}  

/* HEADLINE STYLES */
h1 {font: lighter 23px/33px Helvetica, Arial, Verdana, sans-serif;}
h1.purple {font: lighter 23px/33px Helvetica, Arial, Verdana, sans-serif; color: #3E4D91; padding:0 0 16px 0;}
h1.green {font: lighter 23px/33px Helvetica, Arial, Verdana, sans-serif; color: #21ad00; padding:0 0 16px 0;}
h1.orange {font: lighter 20px/33px Helvetica, Arial, Verdana, sans-serif; color: #f2972a; padding:0 0 7px 0;}

h2 {font-family: Helvetica, Arial, Verdana, sans-serif;font-weight: bold; font-size: 12px; line-height: 18px; color: #000; padding:0; margin:0; text-transform:uppercase; letter-spacing:1px;}
h2.gold {font-family: Helvetica, Arial, Verdana, sans-serif;font-weight: bold; font-size: 12px; line-height: 18px; color: #bbb28d; padding:7px 0 0 0; margin:0; text-transform:uppercase; letter-spacing:1px;}


h2.green {font-family: Helvetica, Arial, Verdana, sans-serif;font-weight: bold; font-size: 12px; line-height: 18px; color: #21ad00; padding:10px 0 0 0; text-transform:uppercase;}


/* ========== BODY ========== */
p{ margin: 0 0 15px 0;}

.bodyCopy {
	font: normal 13px/23px Helvetica, Arial, Verdana, sans-serif;
	color: #666;
	text-decoration: none;
	text-align: left;
}

.bodyCopy a{
	font: bold 11px/23px Helvetica, Arial, Verdana, sans-serif;
	color: #3E4D91;
	text-transform:uppercase;
	text-decoration: none;
}

.bodyCopy a:hover {
	font: bold 11px/23px Helvetica, Arial, Verdana, sans-serif;
	color: #3E4D91;
	text-transform:uppercase;
	text-decoration: underline;
}

.bodyCopyBlack {
	font: bold 13px/23px Helvetica, Arial, Verdana, sans-serif;
	color: #000;
	text-decoration: none;
	text-align: left;
}

.OhioDNR {
	font: bold 18px/28px Helvetica, Arial, Verdana, sans-serif;
	color: #000;
	text-decoration: none;
	text-align: left;
}


.bodyCaps {
	font: bold 11px/23px Helvetica, Arial, Verdana, sans-serif;
	color: #000;
	text-transform:uppercase;
	text-decoration: none;
	text-align: left;
	letter-spacing: 1px;
}

.bodyCapsBlue {
	font: bold 11px/23px Helvetica, Arial, Verdana, sans-serif;
	color: #035eac;
	text-transform:uppercase;
	text-decoration: none;
	text-align: left;
	letter-spacing: 1px;
}


.bodyCopy li{
	padding:0 0 10px 0;}

.quoteAttribute {
	font: bold 11px/23px Helvetica, Arial, Verdana, sans-serif;
	color: #000;
	text-transform:uppercase;
	text-decoration: none;}

.quoteTitle {
	font: italic 11px/12px Helvetica, Arial, Verdana, sans-serif;
	color: #000;
	text-decoration: none;}


ul.black {
	list-style-image: url('../images/template/bullet-black.gif');
	padding: 0 0 0 10px;
	margin: 0;
}

ul.purple {
	list-style-image: url('../images/template/bullet-purple.gif');
	padding: 0 0 0 10px;
	margin: 0;
}

ol {
	font: bold 11px/18px Helvetica, Arial, Verdana, sans-serif;
	color: #035eac;
	text-align: left;
	padding: 0 0 0 13px;
	margin: 0;
}

.homePromoHead { 
	font: bold 24px/28px Helvetica, Arial, Verdana, sans-serif;
	color: #7adf10;
	text-decoration: none;
	text-align: left;
	padding: 25px 0 0 0;
}

.homePromoDate{ 
	font: bold 14px/22px Helvetica, Arial, Verdana, sans-serif;
	color: #f7f6f1;
	text-decoration: none;
	text-align: left;
	text-transform:uppercase;
}


.homePromoCopy {
	font: normal 15px/22px Helvetica, Arial, Verdana, sans-serif;
	color: #f7f6f1;
	text-decoration: none;
	text-align: left;
}

.homePromoCopy a {
	font: bold 13px/22px Helvetica, Arial, Verdana, sans-serif;
	color: #7adf10;
	text-transform:uppercase;
	text-decoration: none;
}

.homePromoCopy a:hover {
	font: bold 13px/22px Helvetica, Arial, Verdana, sans-serif;
	color: #75f702;
	text-transform:uppercase;
	text-decoration: none;
}



/* ========== RIGHT COLUMN ========== */

.rightColList ul{
	list-style-image: url('../images/template/bullet-grey.gif');
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	text-decoration: none;
	border-top: 1px solid #e5e5e5; 	border-bottom: 1px solid #e5e5e5;
	padding:18px 0 10px 13px;
	margin:0;
}

.rightColList li{
	font: normal 12px/18px Helvetica, Arial, Verdana, sans-serif; color: #666;
	padding:0 0 10px 0;
	margin:0;
}

.rightColList li a{
font: normal 12px Helvetica, Arial, Verdana, sans-serif;
text-decoration: none;
color: #fff;
}

.rightColBorders {
	border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
	padding: 18px 0;
}


.rightColCopy {
	font: normal 12px/18px Helvetica, Arial, Verdana, sans-serif;
	color: #999;
	text-decoration: none;
	text-align: left;
}

.rightColCopy a{
	font: bold 10px/18px Helvetica, Arial, Verdana, sans-serif;
	color: #f2972a;
	text-transform:uppercase;
	text-decoration: none;
	text-align: left;
	padding:8px 0 8px 0;
	border-bottom: 1px solid #e5e5e5;
	display:block;
}

.rightColCopy a:hover{
	font: bold 10px/18px Helvetica, Arial, Verdana, sans-serif;
	color: #f2972a;
	text-decoration: underline;
}


/* ========== BUCKETS ========== */
.bucketCopy {
	font: normal 12px/18px Helvetica, Arial, Verdana, sans-serif;
	color: #000;
	text-decoration: none;
	text-align: left;
	padding:13px 0 0 20px;
	display:block;
}

.bucketCopy a{
	font: bold 11px/18px Helvetica, Arial, Verdana, sans-serif;
	color: #8e2784;
	text-transform:uppercase;
	text-decoration: none;
	text-align: left;
	display:block;
}

.bucketCopy a:hover{
	font: bold 11px/18px Helvetica, Arial, Verdana, sans-serif;
	color: #8e2784;
	text-decoration: underline;
}


/* ========== FOOTER ========== */

#copyright {
	margin: 0 auto;
	padding: 80px 0 0 0;
}

.copyrightCopy {
	font: normal 11px/18px Helvetica, Arial, Verdana, sans-serif;
	color: #51514f;
	text-decoration: none;
	text-align: center;
}

.footerCopy {
	font: normal 11px/25px Helvetica, Arial, Verdana, sans-serif;
	color: #51514f;
	text-decoration: none;
	text-align: left;
}

.footerCopy a{
	font: normal 11px/25px Helvetica, Arial, Verdana, sans-serif;
	color: #a19f97;
	text-decoration: none;
	text-align: left;
}

.footerCopy a:hover{
	font: normal 11px/25px Helvetica, Arial, Verdana, sans-serif;
	color: #ece9dd;
	text-decoration: none;
	text-align: left;
}

.footerTitle {
	font: bold 10px/15px Helvetica, Arial, Verdana, sans-serif;
	color: #ece9dd;
	text-decoration: none;
	text-transform:uppercase;
	text-align: left;
	letter-spacing:1px;
}

.footerAddress {
	font: normal 11px/18px Helvetica, Arial, Verdana, sans-serif;
	color: #dfdbc8;
	text-decoration: none;
	text-align: left;
	letter-spacing:1px;
}