﻿body {
background-position:right; background-size:100%; height:100%; 
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(182,193,193,1) 48%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(48%,rgba(182,193,193,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(182,193,193,1) 48%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(182,193,193,1) 48%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(182,193,193,1) 48%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(182,193,193,1) 48%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */



}


#content {background-color:white; width:70%; margin: 0 auto; padding: 0; text-align: center; min-width:1100px; max-width:1100px; max-height:4000px;  overflow: hidden;
border-style:groove; border-color:gray;

}


#bloodoil{padding:5;}

#earth {margin-right;}

#footer{
	margin-right:700px; position:absolute; overflow:hidden;}

#frackstuff{position:absolute; text-align:center; margin-left:350px;	
}

#frackvid{
	margin-right:2%;
}



#horizonglomp{margin-top:100px; margin-left:30px;}

#horizon {text-align: left; margin-left:20px; position:absolute; max-height:303px; max-width:450px;}

#horizontext { margin-left:520px; text-align: left; width:500px; height:297px; max-width:500px; max-height:297px; position:absolute;  color:black
; font-size:18px;}

#hr1{margin-top:42%;
}

#logo {background-color:black; height:260px; margin: 0; padding: 0; text-align: center; top:0pt; left: 0pt; }

#maincontent {background-color:white; width:70%; margin: 0 auto; padding: 0; text-align: center; min-width:1100px; max-width:1100px;  min-height:2000px;  overflow: hidden;
border-style:groove; border-color:gray;
}
#navtop {float:left; color:white; margin: 0 auto; padding: 0; left: 0pt; color:white; width: 98%; height: 30px;}

#oilcontent {background-color:white; width:70%; margin: 0 auto; padding: 0; text-align: center; min-width:1100px; max-width:1100px; max-height:4000px; min-height:3000px;  overflow: hidden;
border-style:groove; border-color:gray;
}

#oilfactpie{margin-left:100px; position:absolute;}

#oilfacts {margin-top:10px; padding:10px; margin-left:400px; margin-right:2px; text-align:left; max-width:500px; max-height:297px;}

#oilpiechart {float:left;}

p.clear{
	clear:both;
}

#problemstuff{
	margin-left:100px; margin-right:100px;}

#sidebar{position: absolute; margin-left:700px; padding: 0; width: 300px; height: 315px;
margin-top:725px;
}

#sidebarcontent{
border:outset;
border-color:blue;
border-bottom-color:black;
border-right-color:#707076;
border-left-color:#E0E0EB;
border-top-color:transparent;
background: rgb(240,249,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(240,249,255,1) 0%, rgba(203,235,255,1) 47%, rgba(161,219,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,249,255,1)), color-stop(47%,rgba(203,235,255,1)), color-stop(100%,rgba(161,219,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */
width: 300px;
height: 315px;
overflow: hidden;
clear:both;
text-align:left;
float:left;

}

#sidebartitle{
float:left;
position:absolute;
border:outset; border-color:#19195F;
height:25px;
width:300px;
background-color:#00004D;
color:white
	
}

#slide{margin-left:20px; float:left; position:absolute; margin-top:700px; max-height:315px; max-width:600px;}

#solarstuff{
	margin-left:60px; margin-right:100px;}


#stuff {text-align:center; margin: 0 auto; padding: 0; margin-right: 0%;}

#video{text-align: left; margin-left:20px; position:absolute; max-height:303px; max-width:450px;}


h1 {text-align:center;}


#columnwrapper{
width: 100%;
margin-top:80px;
margin-left:20px;
position:absolute;
float:left;
height:500px;
max-height:500px;
}

#titleleft{
float:left;
margin-left:0;
width:330px;
position:absolute;
border:outset; border-color:gray;
background-color:#191919;
color:white;
height:25px;
width:320px;
	
}


#leftcolumn{
float:left;
margin-left:0;
width:330px;
position:absolute;
height:650px;
max-height:650px;
background: rgb(255,252,252); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,252,252,1) 0%, rgba(227,234,237,1) 71%, rgba(200,215,220,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,252,252,1)), color-stop(71%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,252,252,1) 0%,rgba(227,234,237,1) 71%,rgba(200,215,220,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,252,252,1) 0%,rgba(227,234,237,1) 71%,rgba(200,215,220,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,252,252,1) 0%,rgba(227,234,237,1) 71%,rgba(200,215,220,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(255,252,252,1) 0%,rgba(227,234,237,1) 71%,rgba(200,215,220,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */
overflow: hidden;
clear:both;

}

#lefttext
{
margin-left:10%;
margin-right:5%;
text-align:left;
position:absolute;
height:650px;
max-height:650px;	
float:left;
}

#titlemiddle{
float:left;
width:330px;
position:absolute;
border:outset; border-color:gray;
background-color:#191919;
color:white;
height:25px;
width:320px;
	
}


#middlecolumn{


margin-left:375px;
width:330px;
position:absolute;
height:650px;
max-height:650px;
background: rgb(255,252,252); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,252,252,1) 0%, rgba(227,234,237,1) 71%, rgba(200,215,220,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,252,252,1)), color-stop(71%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,252,252,1) 0%,rgba(227,234,237,1) 71%,rgba(200,215,220,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,252,252,1) 0%,rgba(227,234,237,1) 71%,rgba(200,215,220,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,252,252,1) 0%,rgba(227,234,237,1) 71%,rgba(200,215,220,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(255,252,252,1) 0%,rgba(227,234,237,1) 71%,rgba(200,215,220,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */
overflow: hidden;
clear:both;

}

#middletext
{
margin-left:10%;
margin-right:5%;
text-align:left;
position:absolute;
height:650px;
max-height:650px;	
float:left;
}


#titleright{
position:absolute;
border:outset; border-color:gray;
background-color:#191919;
color:white;
height:25px;
width:305px;
text-align:center;
	
}


#rightcolumn{
margin-left:750px;
width:315px;
background-color:aqua;
position:absolute;
margin-right:5px;
height:650px;
max-height:650px;
background: rgb(255,252,252); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,252,252,1) 0%, rgba(227,234,237,1) 71%, rgba(200,215,220,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,252,252,1)), color-stop(71%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,252,252,1) 0%,rgba(227,234,237,1) 71%,rgba(200,215,220,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,252,252,1) 0%,rgba(227,234,237,1) 71%,rgba(200,215,220,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,252,252,1) 0%,rgba(227,234,237,1) 71%,rgba(200,215,220,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(255,252,252,1) 0%,rgba(227,234,237,1) 71%,rgba(200,215,220,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */
overflow: hidden;
clear:both;
text-align:center;
}

#righttext
{

height:650px;
max-height:650px;	
text-align:center;
}



.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}




bl
{
list-style-type:none;
margin:0;
padding:0;}

bli
{
float:left;
margin: 0;
padding: 0;

}

rli
{
margin-left:600px;
padding:0;	
}

#blocklink
{
	

a
{
display:block;
width:100px;
}
}

.classname {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#525052;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:7px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.classname:active {
	position:relative;
	top:1px;
}



.sidebutton {
	

	background-color:transparent;
	color:#000000;
	font-family:Times New Roman;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	margin-left:5%;
	text-shadow:1px 1px 0px #528ecc;
	text-align:left;
	float:left;
	
}.sidebutton:hover {
	background-color:transparent;
	color:blue;
}.sidebutton:active {
	position:relative;
	top:1px;
}

