/* Undo HTML */
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}
/*ul,ol,dl,li { list-style-type: none; }*/

/* Basics */
html { height: 100%; overflow-x: auto; }

.clear { clear: both; }

/* The all important... CLEARFIX */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}


/* Global Page Layout */
body { }

.logo {width:210px; margin:12px 35px 0 -9px; padding:0; border: 0; z-index:10; float:left;}

/* BANNER IMAGES */

#homeBanner {background: #ECE9DD url('https://www.ohiocoal.com/images/banners/home-banner.jpg') no-repeat top center; width: 100%; margin:0 auto; padding:0 0 141px 0; z-index:-1; min-height:455px; min-width:1011px;}

#visionBanner {background: #ECE9DD url('https://www.ohiocoal.com/images/banners/vision-banner.jpg') no-repeat top center; width: 100%; margin:0 auto; padding:0; z-index:-1; min-height:200px; min-width:1011px;}
#boardBanner {background: #ECE9DD url('https://www.ohiocoal.com/images/banners/board-banner.jpg') no-repeat top center; width: 100%; margin:0 auto; padding:0; z-index:-1; min-height:200px; min-width:1011px;}
#memberBanner {background: #ECE9DD url('https://www.ohiocoal.com/images/banners/member-banner.jpg') no-repeat top center; width: 100%; margin:0 auto; padding:0; z-index:-1; min-height:200px; min-width:1011px;}
#historyBanner {background: #ECE9DD url('https://www.ohiocoal.com/images/banners/history-banner.jpg') no-repeat top center; width: 100%; margin:0 auto; padding:0; z-index:-1; min-height:200px; min-width:1011px;}
#staffBanner {background: #ECE9DD url('https://www.ohiocoal.com/images/banners/staff-banner.jpg') no-repeat top center; width: 100%; margin:0 auto; padding:0; z-index:-1; min-height:200px; min-width:1011px;}

#resourcesBanner {background: #ECE9DD url('https://www.ohiocoal.com/images/banners/resources-banner.jpg') no-repeat top center; width: 100%; margin:0 auto; padding:0; z-index:-1; min-height:200px; min-width:1011px;}
#typesBanner {background: #ECE9DD url('https://www.ohiocoal.com/images/banners/types-banner.jpg') no-repeat top center; width: 100%; margin:0 auto; padding:0; z-index:-1; min-height:200px; min-width:1011px;}
#mapBanner {background: #ECE9DD url('https://www.ohiocoal.com/images/banners/ohio-map-banner.jpg') no-repeat top center; width: 100%; margin:0 auto; padding:0; z-index:-1; min-height:200px; min-width:1011px;}
#factsBanner {background: #ECE9DD url('https://www.ohiocoal.com/images/banners/facts-banner.jpg') no-repeat top center; width: 100%; margin:0 auto; padding:0; z-index:-1; min-height:200px; min-width:1011px;}

#safetyBanner {background: #ECE9DD url('https://www.ohiocoal.com/images/banners/safety-banner.jpg') no-repeat top center; width: 100%; margin:0 auto; padding:0; z-index:-1; min-height:200px; min-width:1011px;}

#environmentBanner {background: #ECE9DD url('https://www.ohiocoal.com/images/banners/environment-banner.jpg') no-repeat top center; width: 100%; margin:0 auto; padding:0; z-index:-1; min-height:200px; min-width:1011px;}

#becomeBanner {background: #ECE9DD url('https://www.ohiocoal.com/images/banners/become-banner.jpg') no-repeat top center; width: 100%; margin:0 auto; padding:0; z-index:-1; min-height:200px; min-width:1011px;}
#supportBanner {background: #ECE9DD url('https://www.ohiocoal.com/images/banners/support-banner.jpg') no-repeat top center; width: 100%; margin:0 auto; padding:0; z-index:-1; min-height:200px; min-width:1011px;}
#marketingDaysBanner {background: #ECE9DD url('https://www.ohiocoal.com/images/banners/marketing-days-conference-banner.jpg') no-repeat top center; width: 100%; margin:0 auto; padding:0; z-index:-1; min-height:200px; min-width:1011px;}
#scholarshipBanner {background: #ECE9DD url('https://www.ohiocoal.com/images/banners/scholarship-banner.jpg') no-repeat top center; width: 100%; margin:0 auto; padding:0; z-index:-1; min-height:200px; min-width:1011px;}
#pacPhotosBanner {background: #ECE9DD url('https://www.ohiocoal.com/images/banners/pac-photos-banner.jpg') no-repeat top center; width: 100%; margin:0 auto; padding:0; z-index:-1; min-height:200px; min-width:1011px;}


#contactBanner {background: #ECE9DD url('https://www.ohiocoal.com/images/banners/contact-banner.jpg') no-repeat top center; width: 100%; margin:0 auto; padding:0; z-index:-1; min-height:200px; min-width:1011px;}


#wrapper {width:1011px; margin: 0 auto; padding:0;}

/*BUCKETS */
#bucketsWrap {width:1007px; padding:0; margin:-191px auto 0 auto; min-height:172px; z-index:9;}

#bucket01 {width:220px; height:162px; margin:0; padding:0; float:left; position:relative; border: 5px solid #fff; }
#bucket02 {width:220px; height:162px; margin:0 0 0 29px; padding:0; float:left; position:relative; border: 5px solid #fff; }
#bucket03 {width:220px; height:162px; margin:0 0 0 29px; padding:0; float:left; position:relative; border: 5px solid #fff;}
#bucket04 {width:220px; height:162px; margin:0 0 0 29px; padding:0; float:left; position:relative; border: 5px solid #fff;}
#bucket05 {width:220px; height:162px; margin:0 0 0 29px; padding:0; float:left; position:relative; border: 5px solid #fff;}

/* HOME */
#homeContentWrap {background:#F7F6F1; width:100%; min-height:455px; margin:19px 0 0 0; float:right;}
#contentWrap {background:#F7F6F1; width:100%; min-height:455px; margin:0; float:right;}
#content {width:1011px; margin:0 auto; text-align: left; padding:50px 0;}

#LogoColumnWrap {width:212px; padding: 0; margin:72px 0 0 0; position: fixed; top: 0; border-top: 1px solid #bbb;}

#leftColumn {width:660px; padding:0 40px 0 0;}
#rightColumn {width:310px; float:right; padding:0;}

#memberColumn {background:#c7c8c9; width:310px; float:right; padding: 3px 0 2px 0; margin:0 0 40px 0;}

.bioPhoto {width:275px; height:175px; float:left; margin: 4px 20px 0 0;}
.openQuote {width:20px; height:20px; float:left; margin: -7px 6px 0 0;}

#annualMeeting {background: #ECE9DD url('https://www.ohiocoal.com/images/annual-meeting-bg.jpg') no-repeat top center; width:650px; height:225px; margin:60px 0;}
.annualMeetingImage {width:242px; margin:-8px 40px 0 10px; padding:0; border: 0; z-index:10; float:left; display:block;}

#homePromo {background: #ECE9DD url('https://www.ohiocoal.com/images/home-promo-banner/home-promo-bg.jpg') no-repeat top center; width:650px; height:225px; margin:60px 0;}
.homePromoImage {width:242px; margin:-8px 40px 0 10px; padding:0; border: 0; z-index:10; float:left; display:block;}


/* COPYRIGHT */
#copyrightWrap {width:928px; padding:0; margin:16px 0 50px 212px; float: right; }

.hr {border:none; background:#666; color:#666; height:1px;}
.hrBlue {border:none; background:#035eac; color:#035eac; height:1px;}


/* FOOTER */
#footerWrap { background: url('https://www.ohiocoal.com/images/template/footer-bg.gif') repeat-x top left; top: 0; left: 0; width: 100%; height:405px; text-align: left; clear:both; position:relative; padding: 30px 0 0 11px; margin:0;}

/* DROP SHADOW */
.drop-shadow {
   position:relative;
   width:100%;
}

.drop-shadow:before,
.drop-shadow:after {
   content:"";
   position:absolute;
   z-index:-1;
   top: 0px;
   right: 0px;
   bottom:0px;
   left:0px;
   width:100%;
   height:100%;
   max-width:928px;
   -webkit-box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.02);
   -moz-box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.02);
   box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.02);
   -webkit-transform:rotate(0deg);
   -moz-transform:rotate(0deg);
   -o-transform:rotate(0deg);
   transform:rotate(0deg);
}


.glossary-image {padding: 10px 0 0 0;}

.blastingChart {
	background-color:#ece9dd; padding:5px 10px; text-align:center; vertical-align:text-top}

.darkBG {
	background-color:#dfdbc8;}

.lightBG {
	background-color:#f2f0e7;}
	
	