/*
coal only for Our Neighborhood Earth
set up the basics.
/* default all styles */
  html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

a {
	color: #CCC;
	font-weight:bold;
}

a:link{ text-decoration:none;
}

a:hover {
	text-decoration: none;
	color: #F00;
}

body{ background-color:#333;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #006633; 
}

#CoalImportStory {
	font-size:16px;
	line-height:1.1em;
	position:absolute;
	left:20px;
	top:5px;
	width:400px;
	height:480px;
	z-index:40;
	text-align: left;
	background-color: #333;
	color:#FFF;
	padding:10px;
	background-color: black;
	visibility: hidden;
	border-color:#CCC;
	border-style:inset;
}
#CoalImportStory strong {color:#666;
}


#container {margin:auto;
widht:80%;
height:80%;
border:6px groove gray;
}

#containerTop, #containerMid, #containerBot {
	width:100%;
	margin:auto;
	background-color:#333;
	border: 2px solid white  ;
}

#containerTop {height:120px;
}

#containerBot {height:56px;
}
#containerMid {height:130px;
}

/* use for content in the middle of the page at any level. here you can stick a table or any other text block */
#contentCenter { 
	margin:auto;
	text-align:center;
	width:60%;
	color: #ffffff;
	background-color:#333;
	padding-bottom:15px;
	padding-top:15px;
	background:url(images/DirtyCoalBG.jpg);
}

/* use for content in the left middle of the page at any level. might use for a navigation pane */
#contentLeft{
	float:left;
	/* border:groove; */
	border-color:rgba(100,0,0,.5);
	width: 210px;
	color:#FFF;
	margin-right:20px;
}

em {font-style:italic;
}

#EmiratesStory {
	position:absolute;
	left:100px;
	top:106px;
	width:317px;
	height:183px;
	z-index:29;
	text-align:left;
	padding:5px;
	visibility: hidden;
	background-color: black;
	visibility: hidden;
	border-color:#CCC;
	border-style:inset;
}

#FishStory {
	position:absolute;
	text-align:left;
	left:74px;
	top:89px;
	width:386px;
	height:210px;
	z-index:35;
	padding:10px;
	background-color: black;
	visibility: hidden;
	border-color:#CCC;
	border-style:inset;
}

#floatColumnWide{ float:left;
width:30%;
margin-top:6px;
margin-right:12px;
margin-left:10px;
}

#floatColumn{ float:left;
width:14%;
margin:12px 3%;
text-align:center;
font-size:12px;
font-weight:bold;
color:#CCC;
}

#floatColumnNarrow {width:29%;
float:left;
font-size:1.2em;
line-height:2em;
text-align:left;
margin-left:10px;
}
/* header properties */
h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	text-transform: none;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	letter-spacing:.15em ;
	color: #CCCCCC;
	text-align:center;
}

h1 {
	font-size: 1.75em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.25em;
}

h4 {
	font-size: 1.1em;
}
	
h5 {
	font-size: .9em;
}	

h5 em {font-size:1.5em;
font-weight:100;
font-style:italic;
}

h6 {
	font-size: 1.2em;
	color:red;
	line-height:20px;
	text-align:center;
}

.introText {text-align:center;
font-weight:bold;
font-size:14px;
color:#CCC;
letter-spacing:.3em;
}

p {text-indent:14px;
padding:0 6px;
}
/* use where you want logo to appear at top left of the page. applies to most pages, but not the home page */

#pageHeader {float:left;
width:60%;
/*margin-left:10%; */
margin-right:15%;
height:80px; }
/* changed 8/10/16 */
#SmokeyBack {position:absolute;
	left:5px;
	top:5px;;
	width:259px;
	height:300px;
	z-index:100;
	visibility: hidden;}

strong {color:#060;
font-weight:bold;}

.upDated {font-weight:100;
font-size:14px;
letter-spacing:.3em;
}

/* used to contain the entire page's contents */
#wrapper {
	width: 1100px;
	margin:auto;
	padding: 0;
	height:auto:
	border: 3px solid #666;
	background:url(images/DirtyCoalBG.jpg);
	/*color:#333;  */
}

#WVCoalMineStory {
	position:absolute;
	padding:10px;
	left:20px;
	text-align:left;
	top:7px;
	width:450px;
	height:360px;
	z-index:65;
	background-color: black;
	visibility: hidden;
	border-color:#CCC;
	border-style:inset;
	visibility: hidden;
}