@charset "utf-8";
/* CSS Document */

#borderContainer{
	position:absolute;
	height:210px;
	max-height:210px;
	width:215px;
	max-width:215px;
	top:100px;
	left:159px;
}

#titleText{
	position:absolute;
	height: 50px;
	width:450px;
	top:50px;
	left: 470px;
	font-family:"Times New Roman", Times, serif;
	font-size:36px;
	color:#000000;
	z-index:97;
}

#leftBackground{
	position:absolute;
	height:565px;
	width:380px;
	top:40px;
	left: 20px;
	background-color:#F2F2F2;
	opacity:0.6;
}

#leftBackgroundBlock{
	position:absolute;
	height:565px;
	width:20px;
	top:40px;
	left:400px;
	background-color:#A4DAEC;
}

#leftBackgroundBlockb{
	position:absolute;
	height:565px;
	width:20px;
	top:40px;
	left:400px;
	background-color:#F2F2F2;
	opacity:0.6;
}

#leftBackgroundBlockc{
	position:absolute;
	height:270px;
	width:23px;
	top:60px;
	left:377px;
	background-color:#FFFFFF;
}

#leftBackgroundBlockd{
	position:absolute;
	height:100px;
	width:380px;
	top:40px;
	left: 20px;
	background-color:#F2F2F2;
}

#rightBackground{
	position:absolute;
	height:565px;
	width:515px;
	top:40px;
	left: 440px;
	background-color:#F2F2F2;
	opacity:0.6;
}

#graphBackground{
	position:absolute;
	height:320px;
	width:360px;
	top:60px;
	left:40px;
	background-color:#FFFFFF;
}

#realityBackground{
	position:absolute;
	height:180px;
	width:360px;
	top:400px;
	left:40px;
	background-color:#FFFFFF;
}

#graphAxes{
	position:absolute;
	height:242px;
	width:300px;
	top:120px;
	left:80px;
	background-image:url(img/graphAxes.png);
}

#graphTitle{
	position:absolute;
	height:30px;
	width:320px;
	top:90px;
	left:60px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:24px;
}

#barBackground{
	position:absolute;
	height:56px;
	width:206px;
	top:455px;
	left:117px;
	background-color:#999;
}

#realityBar{
	position:absolute;
	height:50px;
	width:200px;
	top:458px;
	left:120px;
	background:linear-gradient(#CACACA, #AAAAAA);
}

#redBar{
	position:absolute;
	height:50px;
	width:200px;
	top:458px;
	left:120px;
	background:linear-gradient(#FF3E3E, #F00);
}

#greenBar{
	position:absolute;
	height:50px;
	width:200px;
	top:458px;
	left:120px;
	background:linear-gradient(#0A0,#008A00);
}

#realistic{
	position:absolute;
	height:38px;
	width:43px;
	top:465px;
	left:340px;
	background:url(img/mc_realistic.png)
}

#unrealistic{
	position:absolute;
	height:39px;
	width:38px;
	top:465px;
	left:60px;
	background:url(img/mc_notRealistic.png)
}

#realityCheckText{
	position:absolute;
	height:20px;
	width:200px;
	top:410px;
	left:60px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#000000;
}

#realisticText{
	position:absolute;
	height:20px;
	width:100px;
	top:515px;
	left:290px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#0C0;
}

#unrealisticText{
	position:absolute;
	height:20px;
	width:100px;
	top:515px;
	left:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#900;
}

#assumptionsButton{
	position:absolute;
	height:20px;
	width:180px;
	top:560px;
	left:618px;
	background-color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	border-style:solid;
	border-width:thin;
	border-color:#000;
	text-align:center;
	z-index:99;
}

#assumptionsBox{
	position:absolute;
	height:565px;
	width:515px;
	top:40px;
	left: 440px;
}

#assumptionsBackground{
	position:absolute;
	height:565px;
	width:515px;
	top:0px;
	left:0px;
	background-color:#FFFFFF;
	z-index:98;
}

#assumptionsText{
	position:absolute;
	height:545px;
	width:495px;
	top:10px;
	left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	z-index:99;
}

#vehicleEfficiencyContainer{
	position:absolute;
	height:610px;
	width:980px;
	top:0px;
	left:0px;
	background-color:#A4DAEC;
}

#coalEfficiencyContainer{
	position:absolute;
	height:610px;
	width:980px;
	top:0px;
	left:0px;
	background-color:#A4DAEC;
}

#buildingEfficiencyContainer{
	position:absolute;
	height:610px;
	width:980px;
	top:0px;
	left:0px;
	background-color:#A4DAEC;
}

#windPowerContainer{
	position:absolute;
	height:610px;
	width:980px;
	top:0px;
	left:0px;
	background-color:#E9EBA5;
}

#pSolarPowerContainer{
	position:absolute;
	height:610px;
	width:980px;
	top:0px;
	left:0px;
	background-color:#E9EBA5;
}

#cSolarPowerContainer{
	position:absolute;
	height:610px;
	width:980px;
	top:0px;
	left:0px;
	background-color:#E9EBA5;
}

#nuclearPowerContainer{
	position:absolute;
	height:610px;
	width:980px;
	top:0px;
	left:0px;
	background-color:#E9EBA5;
}

#carbonCaptureContainer{
	position:absolute;
	height:610px;
	width:980px;
	top:0px;
	left:0px;
	background-color:#E9EBA5;
}

#geothermalPowerContainer{
	position:absolute;
	height:610px;
	width:980px;
	top:0px;
	left:0px;
	background-color:#E9EBA5;
}

#biofuelsContainer{
	position:absolute;
	height:610px;
	width:980px;
	top:0px;
	left:0px;
	background-color:#FF9191;
}

#deforestationContainer{
	position:absolute;
	height:610px;
	width:980px;
	top:0px;
	left:0px;
	background-color:#A4ECB0;
}

#conservationTillageContainer{
	position:absolute;
	height:610px;
	width:980px;
	top:0px;
	left:0px;
	background-color:#A4ECB0;
}

#landMassContainer{
	position:absolute;
	height:260px;
	width:495px;
	left:450px;
	top: 300px;
}

#landMassTitle{
	position:absolute;
	height:30px;
	width:495px;
	left:0px;
	top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	z-index:50;
}

#alaskaContainer{
	position:absolute;
	height:184px;
	width:288px;
	left:558px;
	top:350px;
}

#alaska{
	position:absolute;
	height:154px;
	width:288px;
	left:0px;
	top:0px;
	background:url(img/Alaska.png);
}

#alaskaText{
	position:absolute;
	height:30px;
	width:288px;
	top:164px;
	left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font:20px;
	text-align:center
}

#brazilContainer{
	position:absolute;
	height:337px;
	width:300px;
	left:549px;
	top:280px;
}

#brazil{
	position:absolute;
	height:307px;
	width:300px;
	left:0px;
	top:0px;
	background:url(img/Brazil.png);
}

#brazilText{
	position:absolute;
	height:30px;
	width:300px;
	top:100px;
	left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font:20px;
	text-align:center;
}	

#canadaContainer{
	position:absolute;
	height:350px;
	width:378px;
	left:509px;
	top:265px;
}

#canada{
	position:absolute;
	height:320px;
	width:378px;
	left:0px;
	top:0px;
	background:url(img/Canada.png);
}

#canadaText{
	position:absolute;
	height:30px;
	width:378px;
	top:160px;
	left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font:20px;
	text-align:center
}	

#costaricaContainer{
	position:absolute;
	height:108px;
	width:80px;
	left:658px;
	top:265px;
}

#costarica{
	position:absolute;
	height:78px;
	width:80px;
	left:0px;
	top:160px;
	background:url(img/Costa%20Rica.png);
}

#costaricaText{
	position:absolute;
	height:30px;
	width:100px;
	top:240px;
	left:-10px;
	font-family:Arial, Helvetica, sans-serif;
	font:20px;
	text-align:center
}

#egyptContainer{
	position:absolute;
	height:210px;
	width:201px;
	left:598px;
	top:265px;
}

#egypt{
	position:absolute;
	height:180px;
	width:201px;
	left:0px;
	top:80px;
	background:url(img/Egypt.png);
}

#egyptText{
	position:absolute;
	height:30px;
	width:201px;
	top:260px;
	left:-10px;
	font-family:Arial, Helvetica, sans-serif;
	font:20px;
	text-align:center
}	

#elsalvadorContainer{
	position:absolute;
	height:73px;
	width:80px;
	left:658px;
	top:265px;
}

#elsalvador{
	position:absolute;
	height:43px;
	width:80px;
	left:0px;
	top:180px;
	background:url(img/El%20Salvador.png);
}

#elsalvadorText{
	position:absolute;
	height:30px;
	width:100px;
	top:230px;
	left:-10px;
	font-family:Arial, Helvetica, sans-serif;
	font:20px;
	text-align:center
}	

#germanyContainer{
	position:absolute;
	height:165px;
	width:100px;
	left:648px;
	top:265px;
}

#germany{
	position:absolute;
	height:135px;
	width:100px;
	left:0px;
	top:120px;
	background:url(img/Germany.png);
}

#germanyText{
	position:absolute;
	height:30px;
	width:100px;
	top:253px;
	left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font:20px;
	text-align:center;
}

#icelandContainer{
	position:absolute;
	height:101px;
	width:100px;
	left:648px;
	top:265px;
}

#iceland{
	position:absolute;
	height:71px;
	width:100px;
	left:0px;
	top:160px;
	background:url(img/Iceland.png);
}

#icelandText{
	position:absolute;
	height:30px;
	width:100px;
	top:230px;
	left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font:20px;
	text-align:center;
}

#indiaContainer{
	position:absolute;
	height:281px;
	width:260px;
	left:568px;
	top:265px;
}

#india{
	position:absolute;
	height:251px;
	width:260px;
	left:0px;
	top:30px;
	background:url(img/India.png);
}

#indiaText{
	position:absolute;
	height:30px;
	width:260px;
	top:140px;
	left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font:20px;
	text-align:center;
}

#lebanonContainer{
	position:absolute;
	height:109px;
	width:60px;
	left:668px;
	top:265px;
}

#lebanon{
	position:absolute;
	height:79px;
	width:60px;
	left:0px;
	top:150px;
	background:url(img/Lebanon.png);
}

#lebanonText{
	position:absolute;
	height:30px;
	width:60px;
	top:230px;
	left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font:20px;
	text-align:center;
}

#hongkongContainer{
	position:absolute;
	height:70px;
	width:53px;
	left:672px;
	top:265px;
}

#hongkong{
	position:absolute;
	height:40px;
	width:53px;
	left:0px;
	top:165px;
	background:url(img/Map_of_Hong_Kong.png);
}

#hongkongText{
	position:absolute;
	height:30px;
	width:100px;
	top:210px;
	left:-24px;
	font-family:Arial, Helvetica, sans-serif;
	font:20px;
	text-align:center;
}

#mongoliaContainer{
	position:absolute;
	height:208px;
	width:300px;
	left:548px;
	top:265px;
}

#mongolia{
	position:absolute;
	height:178px;
	width:300px;
	left:0px;
	top:80px;
	background:url(img/Mongolia.png);
}

#mongoliaText{
	position:absolute;
	height:30px;
	width:300px;
	top:260px;
	left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font:20px;
	text-align:center;
}

#peiContainer{
	position:absolute;
	height:57px;
	width:50px;
	left:663px;
	top:265px;
}

#pei{
	position:absolute;
	height:27px;
	width:50px;
	left:0px;
	top:195px;
	background:url(img/PEI.png);
}

#peiText{
	position:absolute;
	height:30px;
	width:170px;
	top:230px;
	left:-60px;
	font-family:Arial, Helvetica, sans-serif;
	font:20px;
	text-align:center;
}

#philippinesContainer{
	position:absolute;
	height:178px;
	width:90px;
	left:643px;
	top:265px;
}

#philippines{
	position:absolute;
	height:148px;
	width:90px;
	left:0px;
	top:80px;
	background:url(img/Philippines.png);
}

#philippinesText{
	position:absolute;
	height:30px;
	width:90px;
	top:230px;
	left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font:20px;
	text-align:center;
}

#saudiarabiaContainer{
	position:absolute;
	height:285px;
	width:300px;
	left:548px;
	top:265px;
}

#saudiarabia{
	position:absolute;
	height:255px;
	width:300px;
	left:0px;
	top:40px;
	background:url(img/SaudiArabia.png);
}

#saudiarabiaText{
	position:absolute;
	height:30px;
	width:300px;
	top:200px;
	left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font:20px;
	text-align:center;
}

#spainContainer{
	position:absolute;
	height:132px;
	width:150px;
	left:613px;
	top:265px;
}

#spain{
	position:absolute;
	height:102px;
	width:150px;
	left:0px;
	top:140px;
	background:url(img/Spain.png);
}

#spainText{
	position:absolute;
	height:30px;
	width:150px;
	top:250px;
	left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font:20px;
	text-align:center;
}

#unitedkingdomContainer{
	position:absolute;
	height:218px;
	width:100px;
	left:648px;
	top:265px;
}

#unitedkingdom{
	position:absolute;
	height:188px;
	width:100px;
	left:0px;
	top:60px;
	background:url(img/Uk.png);
}

#unitedkingdomText{
	position:absolute;
	height:30px;
	width:100px;
	top:250px;
	left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font:20px;
	text-align:center;
}

#instructionBox{
	position:absolute;
	height:380px;
	width:300px;
	top:100px;
	left:340px;
	z-index:200;
}

#instructionBackground{
	position:absolute;
	height:380px;
	width:300px;
	top:0px;
	left:0px;
	background-color:#8A9654;
	opacity:0.8;
}

#instructionsText{
	position:absolute;
	height:380px;
	width:280px;
	top:10px;
	left:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
}

#instructionsClose{
	position:absolute;
	height:20px;
	width:20px;
	left:270px;
	top:10px;
	color:#FFFFFF;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
}

#splashScreen{
	position:absolute;
	height:610px;
	width:980px;
	top:0px;
	left:0px;
	z-index:500;
}

#splashScreenBackground{
	position:absolute;
	height:610px;
	width:980px;
	top:0px;
	left:0px;
	background:url(img/splash.jpg);
}

#splashScreenHide{
	position:absolute;
	height:50px;
	width:100px;
	top:460px;
	left:830px;
}

#splashText{
	position:absolute;
	height:50px;
	width:780px;
	top:100px;
	left:100px;
	text-shadow:0 0 0.2em #FFF;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:60px;
}