/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }


/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0;padding:0px;margin:0px; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

* html body	{

f\ont-size:small;		/*for other IE versions*/
		}
/* Begin Typography & Colors */
p,td {
	font-size:1.6em;
	text-indent:1.0em;	/*every paragraph has an indent.*/
}
th	{
	font-size:1.6em;
}
h1	{
	font-size:	3em;
	padding-top:8px;
	}
h2	{
	font-size:	2.5em;padding:10px 0px 10px 0px;
	}
h3	{
	font-size:	2.2em;padding:10px 0px 10px 0px;
	}	
h4	{
	font-size:	2.0em;padding:10px 0px 10px 0px;
	}
h5	{
	font-size:	1.8em;
	padding:10px 0px 10px 0px;
}
h6	{
	font-size:	1.6em;padding:10px 0px 10px 0px;
}
.sitemap	{float:right;color:white;padding:3px 3px 0px 0px;margin:0px;font-size:0.9em;}
.sitemap a {color:white;text-decoration: underline;}
.sitemap a:hover	{color:red;}
a, h2 a:hover, h3 a:hover {color: #06c;	text-decoration: none;	}
a:hover {
	color: #147;
	text-decoration: underline;
	}
	a:hover	img {
	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, 'Lucida Grande', Verdana,  Sans-Serif;
	background: #d5d6d7; /* #d5d6d7; */
	color: #333;
	}
	/*  font-family:  Georgia,Monaco,'Lucida Grande', Verdana, Arial, Sans-Serif;
Baskerville, Georgia, serif;Monaco, "Courier New", Courier, monospace;*/
#wrapper	{
	background-color:white;
	}
#header	{
	font-size:120%;
	background-color:gray;
	background : url(images-global-energy-crisis-main/earth-moon-new-954x223.jpg);
}
	/* the three divs that determine the header lay-out */
	.do-we-have	{font-size:40%;color:#82CAFF;}
	.crisis	{color:#FF0000;padding:5px 0px 0px 20px;}
	.crisis a	{color:#FF0000;}
	.crisis a:hover	{text-decoration:none;color:#52D017;	}
	.formula	{color:white;font-size:0.8em;margin-right:214px;font-family:calibri;border:0px dotted white;padding:0px 4px 5px 4px}
	.or	{color:#82CAFF;text-align:right;padding:0px 145px 5px 0px;}
	.opportunity	{color:#52D017;text-align:right;padding:0px 20px 0px 0px;}
	.opportunity a	{color:#52D017;}
	.opportunity a:hover	{text-decoration:none;color:#FF0000;}
	
	/* the END of the three divs that determine the header lay-out */
#sidebar	{
	background-color:white;
	font-size:0.7em;	
}
.formula-navigator	{
	font-size:1.3em;
}
#content	{
	text-align:justify;
}
.center	{
	text-align:center;
}
#footer	{
	background-color:#cc9;
}
/* End Typography & Colors */



/* Begin Structure */

body	{
	margin-left:50%;
}


#wrapper	{
	width:954px;
	margin-left:-477px;/*centers the wrapper in conjunction with margin-left 50% of body*/
	padding:0px;
}

#header	{
	width:954px;
	height:200px;
}
#header div	{
	
}
.mind_set	{font-size:1.2em;border:0px;}
.mind_set td,ul {font-size:1.3em;border:0px;padding:0px 22px 0px 22px; }
.mind_set th	{border:0px;padding:0px;font-family:calibri;}	
#content	{
	float:left;
	width:700px;
	padding:0px;
	border-right:2px solid #82CAFF;
	font-family:     Arial,Courier,Arial,Sans-Serif;
	font-size:1.em;
}/*  font-family:  Georgia,Monaco,'Lucida Grande', Verdana, Arial, Sans-Serif;
Baskerville, Georgia, serif;Monaco, "Courier New", Courier, monospace;*/
#content2	{
	padding:10px 20px 10px 20px; /*the div in div gives flexibility with the paddings without disturbing the widths*/
	margin:0px;
}
#content2	ul,ol {
	padding-left:40px;
	font-size:1.7em;
	font-family:arial;
	}
#content2 li	{
	padding-bottom:10px;
}

/*the divs that make two columns and a header div over the full width of the container div*/
.clear-both	{
	clear:both;
	padding-bottom:0px;
	padding-top:0px;
	margin-bottom:12px;
}
.leftcolumn	{
float:left;
width:320px;
padding:0px 0px 8px 0px;	margin:0px;
}
.rightcolumn	{
float:right;
width:320px;
padding:0px 0px 8px 0px;	margin:0px;
}
.paragraph-heading	{
	background-color:#E0FFFF;padding-left:15px;padding-right:15px;margin-bottom:0px;margin-top:10px;
}
.form-letters-headings {font-size:1.6em;color:#06c;}
.picture-left-plus-link	{	text-align:center;float:left;padding-right:20px;padding-bottom:0px;}
.picture-right-plus-link	{text-align:center;float:right;padding-left:20px;padding-bottom:0px;margin-bottom:10px;}
.picture-right-plus-link img {padding:3px;border:1px solid gray;}
.picture-center-plus-link	{text-align:center;padding-left:20px;padding-right:20px;padding-bottom:0px;}
.small-font	{font-size:0.6em;}
.please-note	{font-family:  Georgia,'Lucida Grande';font-size:1.1em;width:200px;float:right;padding:10px 10px 2px 10px;margin-top:15px;margin-left:15px;margin-bottom:10px;border:2px solid #82CAFF;background-color:#E0FFFF;}
.please-note-left	{font-family:  Georgia,'Lucida Grande';font-size:1.1em;width:200px;float:left;padding:10px;margin-top:15px;margin-right:15px;margin-bottom:1px;border:2px solid #82CAFF;background-color:#E0FFFF;}
.please-note-total-width {font-family:  Georgia,Monaco,'Lucida Grande';font-size:1.1em;width:636px;padding:10px;margin-top:15px;margin-right:15px;margin-bottom:1px;border:2px solid #82CAFF;background-color:#E0FFFF;}
.trivia	{font-family:  Monaco,'Lucida Grande';font-size:1.1em;width:150px;float:right;padding:10px;margin-top:20px;margin-left:15px;margin-bottom:1px;border:2px solid #817339;background-color:#FAF8CC;}
.trivia-left	{font-family:  Monaco,'Lucida Grande';font-size:1.1em;width:150px;float:left;padding:10px;margin-top:20px;margin-right:15px;margin-bottom:1px;border:2px solid #817339;background-color:#FAF8CC;}
/*  font-family:  Monaco,'Lucida Grande', Verdana, Arial, Sans-Serif;
Baskerville, Georgia, serif;Monaco, "Courier New", Courier, monospace;*/
#sidebar	{
	float:right;
	width:252px;
	
}
#sidebar2	{
	padding:22px 10px 10px 10px;/* the 22px is for the 10px padding top content2 plus the 12px padding top for the clear-both div */
	
}
#footer	{
clear:both;	
}
#footer div	{
padding:10px;
}
/* Navigator lists */
.nav-list 	{
	list-style-type:none;
	font-size:1.4em;
	padding:15px 0px 15px 15px;
}
.nav-list li	{
	padding-bottom:10px;
}
.pop-increase	{margin-bottom:15px;}
.pop-increase td	{padding:5px 10px 5px 10px;	text-align:right;border:1px solid gray;}
.pop-increase th	{padding:5px 10px 5px 10px;	text-align:center;font-weight:800;vertical-align:bottom;}
.sublist	{padding-top:10px;}
.sublist	li {font-size:0.6em;padding-top:0px;}
.principle	{font-size:80%;font-weight:800;border:2px solid #FF0000;padding:10px;}
.principle-block	{background-color:#FF00FF;padding:10px;}
.principle2	{padding-bottom:0px;margin-bottom:0px;height:3px;}
.principle3	{padding-top:0px;margin-top:0px;height:3px;font-weight:900;}
.red	{color:#FF0000;font-weight:bolder;}
.green	{color:#52D017;font-weight:bolder;}
/* begiining special css for spans regarding logos and letter types of institutions we link to */
.world-resource-institute	{color:#AF7F2B;font-family:Bodoni MT;font-size:125%;font-weight:800;}
.wikipedia					{font-family:Bodoni MT;font-size:125%;font-weight:800;}
/* end special css for spans regarding logos and letter types of institutions we link to */
	
	/* beginning css for everything-is-relative.html */
.background-million	{background-color:green;margin:0px;padding:0px;height:54px;background-image : url(images-time-line/time-line-1px-million-years.gif);}
.top	{margin:0px;padding:0px;}
.top tr	{color:white;border-top:2px solid white;vertical-align:top;}
.top th	{font-weight:500;padding:5px;}
.hadean			{background-color:#D67F87;width:790px;padding:5px;}
.archean		{background-color:#DA826C;width:1290px;padding:5px;}
.proterozoic	{background-color:#CEB271;width:1948px;padding:5px;}
.paleaozoic		{background-color:#82B17C;width:281px;padding:5px;}
.mesozoic		{background-color:#B18A69;width:175px;padding:5px;}
.cenozoic		{background-color:#7F9FBB;width:54px;padding:0px;}
.historic		{width:2px;background-color:red;padding:0px;margin:0px;border:0px;}

/* end css for everything-is-relative.html */

	/* end css for everything-is-relative */
.units {border:1px solid gray;}	
.units	caption,th {text-align:center;font-size:1.5em;font-weight:800;padding:5px;border:1px solid gray;text-indent:0px;}
.units td	{padding:5px;border:1px solid gray;text-indent:0px;}

/* E cap table */
.ecap	{border:1px solid gray;font-size:0.8em;font-weight:bold;}
.ecap td	{border:1px solid gray;text-align:right;padding:0px 3px 3px 0px;}
.lefttext	{text-align:left;}

.foto-left	{
	float:left;margin-right:12px;
}
.reserves-fossil	 td {text-align:right;border-left:1px solid gray;border-right:1px solid gray;padding:5px 5px 5px 5px;
}
.reserves-fossil	th	{font-family:calibri;font-size:1.7em;
	
}
.reserves-fossil  {	border:1px solid gray;font-family:helvetica;
}
.list_in_list	{
	font-size:1.0em;
}
.list_in_list li	{
	padding:10px;margin:0px;
}
.drop	{
	float:left;
	font-size:2.4em;
	line-height:.90;
	margin-right:.1em;
	margin-bottom:.0em;
	margin-top:.05em;
	font-weight:700;
	text-indent:0em;
}
