﻿html, body, * {margin: 0; padding: 0;}
body {background: #668eb1 url(../images/backgrounds/bg.jpg) repeat-x top left; padding: 25px 0px 25px 0px;}
img {border: none;}
/*#####################################################*/
/* CLASSES */
.backgroundDisable {background-color: #efefef;filter:alpha(opacity=50);opacity:0.7;}
.clear{clear: both; height: 1%; font-size: 0;}
.bold{font-weight: bold;}
.italic{font-style: italic;}
.underline{text-decoration: underline;}
.bitalic{font-weight: bold;font-style: italic;}
.red{color: #e00;}
.greentext{color: #39b54a;}
.purpletext{color: #9e005d;}
/* For Reg Tables etc... */
.regCol1{width:30%;color:Black;text-align: left;font-size:10pt;}
.regCol2{color:Black;text-align: left;font-size:10pt;}
.regText{width: 300px;text-align:left;}
/* CLASSES */
/*#####################################################*/
/*#####################################################*/
/* POSITION STUFF */
#container{margin: 0 auto;width: 976px;}
#header{width: 787px;margin: 0 0 0 auto;float: right;}
#maincontent{width: 787px;margin: 0 0 0 auto;float: right;}
#maincontent2{width: 787px;margin: 0 0 0 auto;float: right;}
#leftsection{float: left;width: 177px;}
#leftlogin{float: left;width: 177px;}
#defaultcontent{width: 787px;margin: 0 0 0 auto;float: right;}
/* POSITION STUFF */
/*#####################################################*/
/*#####################################################*/
/* DISPLAY */
#header{background-color: #fff;}
#header h1{background: #fff url(../images/backgrounds/logo.jpg) no-repeat top left;height: 69px;width: 256px;}
#header h1 span{display: none;}
#header h1 a{display: block;width: 256px;height: 69px;}
#header p{background: #fff url(../images/backgrounds/slogan.jpg) no-repeat top left;height: 34px;width: 787px;}
#header p span{display: none;}
#header ul{list-style: none;margin-top: -102px;float:right;}
#header ul li{float: left;}
#header ul li span{display: none;}
#header ul li.gs a{background: #fff url(../images/backgrounds/head_gs.jpg) no-repeat top left;display: block;height: 69px;width: 132px;}
#header ul li.lc a{background: #fff url(../images/backgrounds/head_lc.jpg) no-repeat top left;display: block;height: 69px;width: 132px;}
#header ul li.ss a{background: #fff url(../images/backgrounds/head_ss.jpg) no-repeat top left;display: block;height: 69px;width: 132px;}
#header ul li.est a{background: #fff url(../images/backgrounds/head_est.jpg) no-repeat top left;display: block;height: 69px;width: 135px;}
#leftsection{background: #fff url(../images/backgrounds/menu_bg.gif) no-repeat top center; height: 387px;}
#leftsection a:link {text-decoration: none; color: #000;}
#leftsection a:visited {text-decoration: none; color: #000;}
#leftsection a:hover {text-decoration: none; color: #090;}
#leftsection a:active {text-decoration: none; color: #f00;}
#leftsection ul{font: 18px/18px Arial, Sans-Serif;list-style-type: none;margin-left: 15px;margin-top: 12px;}
#leftsection ul li{margin-bottom:16px;}
#default{margin-top: 103px;}
#leftvideo{margin-top: 5px;background: transparent url(../images/backgrounds/video_box.gif) no-repeat top center;}
#leftvideo p{font: 11px Verdana, Arial, Sans-Serif;padding-left: 21px;color: #005a1f;}
#leftlogin{margin-top: 5px;background: transparent url(../images/backgrounds/login_box.gif) no-repeat top center; height: 125px;}
#leftlogin h2{font: bold .82em/1.3em Verdana, Arial, Sans-Serif;padding-left: 21px;padding-top: 5px;color: #005a1f;}
#leftlogin p{font: 11px Verdana, Arial, Sans-Serif;padding-left: 21px;color: #005a1f;}
#leftlogin p input.logininput{font: 12px Verdana, Arial, Sans-Serif;width: 133px;border: solid 1px #ccc;color: #777;}
#leftlogin h2.center{font: bold .82em/1.3em Verdana, Arial, Sans-Serif;text-align: center;padding-left: 0;padding-top: 25px;color: #005a1f;}
#leftlogin p.center{font: 11px Verdana, Arial, Sans-Serif;text-align: center;margin-bottom: 8px;padding-left: 0;color: #005a1f;}
/* DISPLAY */
/*#####################################################*/
/*#####################################################*/
#maincontentinaction{background: #fff url(../images/backgrounds/content_center_inaction.jpg) repeat-y top center;}
#maincontentinaction{float:right;margin:0 0 0 auto;width:787px;}
#maincontentinaction div.contenttop{background: #fff url(../images/backgrounds/content_top.jpg) no-repeat top center;height: 27px;}
#maincontentinaction div.contentbottom{background: #fff url(../images/backgrounds/content_bottom.jpg) no-repeat top center;height: 119px;clear: both;}
#maincontentinaction h1{font: bold 1.8em Tahoma, Verdana, Arial, Sans-Serif;padding: 0px 56px 0px 56px;margin-bottom: .88em;color: #002157;}
#maincontentinaction h2.history{font: bold 1.2em/1.5em Verdana, Arial, Sans-Serif;padding: 0px 56px 0px 56px;color: #ed145b;}
#maincontentinaction h2.lightbulb{font: bold 1.2em/1.5em Verdana, Arial, Sans-Serif;padding: 0px 56px 0px 56px;margin-bottom: .88em;color: #ed145b;}

#maincontentinaction p.padbottom{font: 1.1em/1.5em Verdana, Arial, Sans-Serif;padding: 0px 56px 0px 56px;margin-bottom: 228px;color: #002157;}
#maincontentinaction p.redtext{color: #9e0039;}
#maincontentinaction p.right{text-align: right;}
#maincontentinaction p.chart{padding: 0px 0px 0px 0px;margin-bottom: 0px;}
#maincontentinaction ol{font: 1.1em/1.3em Verdana, Arial, Sans-Serif;color: #002157;padding: 0px 56px 12px 56px;margin-left: 24px;}
#maincontentinaction ol li{margin-bottom: .62em;}
#maincontentinaction ul{font: 1.1em/1.3em Verdana, Arial, Sans-Serif;color: #002157;padding: 0px 56px 0px 56px;margin-left: 36px;}
#maincontentinaction ul li{margin-bottom: .62em;}

/* MAIN CONTENT */
#maincontent{background: #fff url(../images/backgrounds/content_center.jpg) repeat-y top center;}
#maincontent div.contenttop{background: #fff url(../images/backgrounds/content_top.jpg) no-repeat top center;height: 27px;}
#maincontent div.contentbottom{background: #fff url(../images/backgrounds/content_bottom.jpg) no-repeat top center;height: 109px;clear: both; vertical-align:bottom;}
#maincontent h1{font: bold 1.8em Tahoma, Verdana, Arial, Sans-Serif;padding: 0px 56px 0px 56px;margin-bottom: .88em;color: #002157;}
#maincontent h2.history{font: bold 1.2em/1.5em Verdana, Arial, Sans-Serif;padding: 0px 56px 0px 56px;color: #ed145b;}
#maincontent h2.lightbulb{font: bold 1.2em/1.5em Verdana, Arial, Sans-Serif;padding: 0px 56px 0px 56px;margin-bottom: .88em;color: #ed145b;}
#maincontent p{font: 1.1em/1.5em Verdana, Arial, Sans-Serif;padding: 0px 56px 0px 56px;margin-bottom: .88em;color: #002157;}
#maincontent p.padbottom{font: 1.1em/1.5em Verdana, Arial, Sans-Serif;padding: 0px 56px 0px 56px;margin-bottom: 228px;color: #002157;}
#maincontent p.redtext{color: #9e0039;}
#maincontent p.right{text-align: right;}
#maincontent p.chart{padding: 0px 0px 0px 0px;margin-bottom: 0px;}
#maincontent ol{font: 1.1em/1.3em Verdana, Arial, Sans-Serif;color: #002157;padding: 0px 56px 12px 56px;margin-left: 24px;}
#maincontent ol li{margin-bottom: .62em;}
#maincontent ul{font: 1.1em/1.3em Verdana, Arial, Sans-Serif;color: #002157;padding: 0px 56px 0px 56px;margin-left: 36px;}
#maincontent ul li{margin-bottom: .62em;}

/* MAIN CONTENT 2 */
#maincontent2{background: #fff url(../images/backgrounds/content_center.jpg) repeat-y top center;}
#maincontent2 div.contenttop{background: #fff url(../images/backgrounds/content_top.jpg) no-repeat top center;height: 27px;}
#maincontent2 div.contentbottom{background: #fff url(../images/backgrounds/content_bottom.jpg) no-repeat top center;height: 109px;clear: both; vertical-align:bottom;}
#maincontent2 h1{font: bold 1.8em Tahoma, Verdana, Arial, Sans-Serif;padding: 0px 56px 0px 56px;margin-bottom: .33em;color: #002157;}
#maincontent2 h2.history{font: bold 1.2em/1.5em Verdana, Arial, Sans-Serif;padding: 0px 56px 0px 56px;color: #ed145b;}
#maincontent2 h2.lightbulb{font: bold 1.2em/1.5em Verdana, Arial, Sans-Serif;padding: 0px 56px 0px 56px;margin-bottom: .88em;color: #ed145b;}
#maincontent2 p{font: 0.9em/1.5em Verdana, Arial, Sans-Serif;padding: 0px 56px 0px 56px;margin-bottom: .60em;color: #002157;}
#maincontent2 p.padbottom{font: 1.1em/1.5em Verdana, Arial, Sans-Serif;padding: 0px 56px 0px 56px;margin-bottom: 228px;color: #002157;}
#maincontent2 p.redtext{color: #9e0039;}
#maincontent2 p.right{text-align: right;}
#maincontent2 p.chart{padding: 0px 0px 0px 0px;margin-bottom: 0px;}
#maincontent2 ol{font: 1.1em/1.3em Verdana, Arial, Sans-Serif;color: #002157;padding: 0px 56px 12px 56px;margin-left: 24px;}
#maincontent2 ol li{margin-bottom: .62em;}
#maincontent2 ul{font: 1.1em/1.3em Verdana, Arial, Sans-Serif;color: #002157;padding: 0px 56px 0px 56px;margin-left: 36px;}
#maincontent2 ul li{margin-bottom: .62em;}

#energyleft{float: left;width: 382px;}
#enerygyright{float: right;width: 382px;}
#energyleft h2{font: 1.4em/1.9em "Trebuchet MS", Tahoma, Verdana, Arial, Sans-Serif;padding-bottom: 8px;color: #00f;width: 306px;margin-left: 56px;margin-bottom: 18px;border-bottom: solid 1px #ccc;}
#enerygyright h2{font: 1.4em/1.9em "Trebuchet MS", Tahoma, Verdana, Arial, Sans-Serif;padding-bottom: 8px;color: #00f;width: 306px;margin-bottom: 18px;border-bottom: solid 1px #ccc;}
#energyleft p, #enerygyright p{font: 1.1em/1.5em Verdana, Arial, Sans-Serif;margin-bottom: .88em;}
#energyleft p{padding: 0 0 0 56px;color: #002157;}
#enerygyright p{padding: 0 56px 0 0;}
#source{clear: both;}
#source p{font: .86em/1.5em Verdana, Arial, Sans-Serif;text-align: right;color: #7f7f7f;}
#imgglobe{margin: 0 0 0 56px;}
#imglbf, #imgsun, #imgstudent, #imghouse, #imgtecher{float: right;}
#imgbigglobe{width: 569px;height: 237px;margin: 0px 0px 0px 78px;}
/* MAIN CONTENT */
/*#####################################################*/
/*#####################################################*/
/* TABLES */
#tbllogin{font: .82em/1.4em Verdana, Arial, Sans-Serif;margin: 0px 56px 12px 56px;border-collapse: collapse;width: 285px;}
#tbllogin th{text-align: right;padding-right: 8px;font-weight: normal;}
/* TABLES */
/*#####################################################*/
/*#####################################################*/
/* Site Areas */
#survey{padding: 0px 56px 0px 56px;}
#survey table{font: 12px Verdana, Arial, Sans-Serif;border: none;border-collapse: collapse;}
#survey table td{border: none;padding: 3px;}
#survey table.infotable{border-top: solid 1px #ccc;border-right: solid 2px #aaa;border-bottom: solid 2px #aaa;border-left: solid 1px #ccc;margin-bottom: 12px;}
#survey table.infotable td{border: solid 1px #ddd;}
#survey table.infotable th{background-color: #e1e1e1;text-align: left;padding: 3px;color: #444;}
#survey a.alink{font: bold 11px/13px Verdana, Arial, Sans-Serif;padding: 2px 5px 2px 5px;}
#survey a.alink:link{text-decoration: none; color: #036;}
#survey a.alink:visited{text-decoration: none; color: #036;}
#survey a.alink:hover{text-decoration: underline; color: #c00;}
#survey a.alink:active{text-decoration: none; color: #f00;}
#survey input.surveybtn{font: 11px Verdana, Arial, Sans-Serif;background-color: #002157;color: #fff;padding: 1px;}
#register, #surveyorder, #register2{padding: 0px 56px 0px 56px;}
#register table, #surveyorder table, #register2 table{margin: 0 auto;font: .88em/1.4em Verdana, Arial, Sans-Serif;border-collapse: collapse;}
#surveyorder table td{padding: 4px;}
#surveyorder table td span.smallprint{font: .68em/1.4em Verdana, Arial, Sans-Serif;}
/* Site Areas */
/*#####################################################*/
.txtBulbs { background-image: url(../images/Chalkboard/textBackground.jpg);text-align: center; }
.partnerstext{font: 1.1em/1.5em Verdana, Arial, Sans-Serif;margin-bottom: .88em;color: #002157;padding-left:23px;}
.style2 {
	font-family: Coolvetica, Verdana, Arial, "Arial Black";
	font-size: 36px;
	color: #36999b;
}
.style3 {
	font-family: Coolvetica, Verdana, Arial, "Arial Black";
	font-size: 16px;
	color: #564744;
	margin-bottom:13px;
	margin-top:9px;
}
.style4 {
	font-family: Coolvetica, Verdana, Arial, "Arial Black";
	font-size: 12px;
	color: #564744;
	margin-bottom:13px;
	margin-top:9px;
}
.style5 {
	font-family: Coolvetica, Verdana, Arial, "Arial Black";
	font-size: 14px;
	color: #564744;
	margin-bottom:13px;
	margin-top:9px;
}
#inActionLink {float: right; margin-right: 35px; font-size: 18px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Sans-Serif; font-weight: bold;}

#lightbulbfactsDiv p{font: 0.8em/1.3em Verdana, Arial, Sans-Serif;padding: 0px 56px 0px 56px;margin-bottom: .88em;color: #002157;}
#lightbulbfactsDiv h1{font: bold 1.0em/1.4em Tahoma, Verdana, Arial, Sans-Serif;padding: 0px 56px 0px 56px;margin-bottom: .88em;color: #002157;}
#lightbulbfactsDiv h2.lightbulb{font: bold 1.0em/1.4em Verdana, Arial, Sans-Serif;padding: 0px 56px 0px 56px;margin-bottom: .88em;color: #ed145b;}
#factsqDiv{font: 0.7em/1.3em Verdana, Arial, Sans-Serif;padding: 0px 56px 0px 56px;margin-bottom: .88em;color: #002157;}
#factsqAnsDiv{font: 0.7em/1.3em Verdana, Arial, Sans-Serif;padding: 0px 56px 0px 56px;margin-bottom: .88em;color: #002157;}
#factsqAnsDiv span a{color:Red;}
#factsqAnsDiv a{color:Blue;}
#translate{margin:0 0 0 836px;}

.RightMenu {border-left:solid 1px #002157; border-bottom:solid 1px #002157; width:200px;}
.RightMenu th{padding-left: 5px; padding-bottom: 10px; font: 0.7em/1.2em Verdana, Arial, Sans-Serif;color: #002157; font-weight: bold; text-align:center;}
.RightMenu td{padding-left: 5px; padding-bottom: 10px; font: 0.7em/1.2em Verdana, Arial, Sans-Serif;color: #002157;}
.RightMenu a{color: #002157;}

/*Energy Saving START*/
.EnergySaving {padding: 0px 56px 0px 56px;}
.EnergySavingTitle {font-family:Arial; color:#000000; font-size:36px; font-weight:bold;}
.EnergySavingLeft {float:left; width:30px; padding-left:2px; margin-top:20px;}
.EnergySavingRight {float:left; font-family:Arial; color:#000000; font-size:14px; margin-top:20px; width:640px}
/*Energy Saving END*/

/*Learning Center START*/
.Learning {padding: 0px 0px 0px 40px;}
.LearningTitle {font-family:Arial; color:#246b43; font-size:36px; line-height:37px; font-weight:bold; margin-bottom:20px;}
.LearningLeft {float:left; font-family:Arial; color:#246b43; font-size:16px; line-height:20px; font-weight:bold; width:195px; margin-top:20px;}
.LearningRight {float:left; font-family:Arial; color:#246b43; font-size:14px; font-weight:bold; margin-top:20px; width:530px;}
/*Learning Center END*/

/*Share Stories START*/
.ShareStories {padding: 0px 56px 0px 56px;}
.ShareStoriesTitle {font-family:Arial; color:#1c1565; font-size:36px; line-height:37px; font-weight:bold; margin-bottom:20px;}
.ShareStoriesContent {float:left; font-family:Arial; color:#1c1565; font-size:16px; line-height:20px; font-weight:bold; width:600px;}
.ShareStoriesContent2 {float:left; font-family:Arial; color:#1c1565; font-size:14px; line-height:16px; width:480px; margin-top:40px; margin-left:100px; margin-bottom:40px;}
/*Share Stories END*/

/*Default2 START*/
.Default2 {padding: 0px 56px 0px 50px; height:384px;}
.Default2Title {font-family:Arial; color:#f9f965; font-size:32px; line-height:37px; font-weight:bold; margin-top:40px; margin-bottom:20px;}
.Default2Content {float:left; font-family:Arial; color:#ffffff; font-size:15px; line-height:16px; font-weight:bold; width:440px; margin-left:230px;}
.Default2Content2 {float:left; font-family:Arial; color:#ffffff; font-size:12px; line-height:16px; font-weight:normal; width:440px; margin-left:230px; text-align:right; margin-top:10px;}
.Default3Content2 {float:left; font-family:Arial; color:#a2eae4; font-size:16px; line-height:16px; font-weight:bold; width:440px; margin-left:230px; text-align:center; margin-top:40px;}
/*Default2 END*/
