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

/*
@OUC MIcrosite CSS v56
----------------------------------------
date		time	ver			dev	notes

2009-1208	2:00p	v0.1		AS	Start
2009-1208	10:00a	v0.1.5		AS	Fixed IE6 Bugs
2009-1208	2:30p	v0.1.5		JR	Restyled Home page, footer & interior pages merged, delivery to RON
2009-1208	4:00p	v2			JR	Fixed Header HTML / CSS
2009-1208	5:00p	v3			AS	Styling changes pertaining to interior pages
2009-1208	7:00p	v4			AS	Merged v2 and v3
2009-1208	8:30p	v5			AS	Added styling for customer ("What You Can Do") interior pages. Added "text-align:left!important" to footer containers
2009-1209	4:00p	v6			AS	Added new code for modal window styling - Lines 209-239
2009-1209	4:00p	v7			JR	New look & Feel design implemented.
2009-1214	11:00a	v8			AS	Continuing new look & feel implementation.
2009-1214	2:20p	v8			JR	Continuing new look & feel implementation.
2009-1215	1:00p	v9			WD	Modifications for CMS
2009-1215	1:30p	v10			JR	Adjusting size for support images in content pages
2009-1215	1:30p	v11			AS	Style changes for modal (lightbox) content
2009-1215	4:30p	v12			AS	Requested tweaks for modal content; search results styling added
2009-1216	11:00a	v13			AS	Styling for Contact page, Search results page, Site Map page; Changed #Hero padding to improve positioning in IE
2009-1216	4:00p	v14			AS	Positioning tweaks to header, search
2009-1216	4:00p	v15			JR  Added styling for chart tables
2009-1216	5:00p	v16		    JR  Styling Lightbox
2009-1218	1:00p	v17			JR	Change home page hero links to span entire images
					v18		    AS	CSS for active/selected state in Sub Navigation; CSS for search page, removed bullets from lightbox tab li
2009-1218	5:00p	v19		 JR/AS	Top Search Box CSS, Tweaked Sitemap Styling
2009-1218	5:00p	v20  	 JR/AS	Tips lightbox page designed
2009-1221	10:00a	v21			AS	Margins on content pages increased; width reduced; margin between items reduced
2009-1221	10:00a	v21			JR	Daily Tip home page module redesigned.
2009-1221	1:00p	v22			JR	Lightbox content area spacing & margins adjusted, bottom navigation overlaying buttons issue fixed.
			2:30p	v22			AS	Added CSS tweaks to footer to acount for "close" button
			4:30p	v23			AS	Fixed incorrect #Page margin in IE6; Added styling for Contact Us page
					v23			JR	Tips page "Next" & "Previous" butons replaced, added H3 and LI styling for lightbox pages.	
			8:00p	v24			JR	Fixing Lightbox
			8:30p	v24			AS	Added classes to #Page to account for single-item, 1-column, and 2-column landing page layouts.
			8:30p	v25			JR	Fixed positioning issues with Tips page
2009-1222	9:00a	v26			AS	Removed content prepends from search pagination ("Page: ", etc.)
			10:30a	v26			AS	Added changes for #Page landing pages
			10:30a	v27			JR	Styled Calendar Landing Page & tweaking the top page border
			3:30p	v28			AS	Fixed positioning on e-mail signup area and padding issue on Rebates lightbox page
			4:00p	v29			AS	Added styling unique to conservation video page
			5:00p	v30			JR	Added Event Calendar Lightbox Styling - Current Version
2009-1223	10:30a	v31			AS	Positioning for Be Green Save Green button, Styling for Events Lightbox
2009-1228	9:30a	v32			AS	Added styling for four-item landing pages [Lns:243-244]
					v32			JR	Addd styling for lightbox sub tabs
2009-1229			v33			JR	Adjusted styling for lightbox tabs & sub tabs
2010-0112	10:30a	v34			AS	Added new styling for requested changes to tables
					v35				cancelled
2010-01		10:30a	v36			AS	Added CSS style for new Calculator section
					v37			AS	Adjustments to Calculator section styles
			5:30p	v38			AS	Adjustments to Calculator section styles
2010-0126			v39			JR  New Lightbox Styling
					v40			JR  More New Lightbox Styling
					v41			JR	Additional Tweaks to positioning
2010-0128	5:00p	v42			AS	Client-requested tweaks
2010-0129	1:00p	v43			AS	Styling for requested tweaks to Site Map page
					v44			JR	Tweaks to Tips page		
					v45			JR	Tweaks to Tips page	
					v45			JR	Tweaks to Tips page	
					v48			JR	Landing Page Text enlarge		
2010-0204			v49			AS	Client-requested tweaks to calendar page, footer
					v50			AS	Client-requested tweaks: added back button to light boxes
					v51			JR	Client-requested tweaks: adjusted spacing on Tips page.
2010-0205			v52			AS	Border tweaks to lightbox tables
2010-0208			v53			AS	Client requested design changes (5th section)
2010-0208			v54			AS	Positioning tweak to modal back button
2010-0210			v55			AS	Positioning tweaks for Event page
2010-0407			v56			AS	Remove the margin for the headers
2010-0413			v57			AS	Fix Events bugs
					v58			AS	Fix Events bugs
					v59			AS	Fix Events bugs
2010-1023			v60			IL	Made search form input text field size 12px global across the entire site
2011-0411			v60			IL	Changed event calendar all caps text to normal

----------------------------------------
Developers: ASurroca, JRiggs, WDiaz

Additional Notes:
AS 1207		Main Structure elements and Page Identification elements named with first letter in uppercase, e.g. #Home. All other classes and IDs default to camel caps, e.g. #siteMenuName01
JR 1208		Merged Style.css with Footercss.css and style_jr.css
AS 1208		Merged style.css v1.5 (changes pertaining to interior_page.html) into this version
AS 1216		Fixed broken link to reset-min.css
*/

/* Import Yahoo! UI 3 CSS Reset */
@import url(reset-min.css);

/* TOOLS */
.left{float:left}
.right{float:right}
.clear{clear:both}
.hidden{display:none}
.ht-5{margin-bottom:50px} .ht1{height:100px} .ht2{height:200px} .ht3{height:300px} .ht4{height:400px} .ht5{height:500px} .ht6{height:600px} .ht7{height:700px} .ht8{height:800px} .ht9{height:900px}
.wd-5{margin-right:50px} wd1{width:100px} .wd2{width:200px} .wd3{width:300px} .wd4{width:400px} .wd5{width:500px} .wd6{width:600px} .wd7{width:700px} .wd8{width:800px} .wd9{width:900px}
.noBG {background-image:none!important; background-color:white!important}

/* STRUCTURAL ELEMENTS */
html{background:transparent;}
body{margin:0!important; padding:0!important}

/* Page Identification Elements */
body#Home, 
body#OUC, 
body#You, 
body#Contact, 
body#Save
{
	background:#e6eec7 url(../../images/main_bg.jpg) center top no-repeat;  
}

body#Home{ font:12px normal Georgia, "Times New Roman", Times, serif; color:#333; line-height:1.5em; }
body#OUC{ }
body#You{ }
body#Contact{ }
body#Save{ }

/* Top-level Elements */
#Wrapper{ height:auto; margin:0 auto; overflow:hidden; width:960px}
#Header{height:76px; margin: 0 auto; overflow:hidden; width:960px;}


#Content{background:url(../../images/content_bg_interior.gif) center top no-repeat ; height:477px; overflow:hidden; width:960px}
#ContentHome{background: transparent url(../../images/content_bg_HOME.png) center top no-repeat; height:477px; overflow:hidden; width:960px}
#footerFixed{bottom:0px; position:fixed; width:100%}
#footerWrapper{position:relative; width:100%}
#Footer{ height:70px; overflow:hidden; width:960px; }
/* Children of #Content */
#Hero{float:left; height:337px; padding:20px 30px; overflow:hidden; width:240px}
	
#mPage{margin:0; margin-top:20px;}
#Page{float:left; overflow:hidden; height:350px}
#PageHome{float:left; overflow:hidden; position:relative; height:477px; width:960px;}
#Page.sm{width:630px}
#Page.lg{width:960px}
#Nav{background:transparent url(../../images/content_bg_interior.gif) no-repeat center bottom; height:96px; margin:0 auto; padding-bottom:5px; text-align:center; width:960px; }
#Sections{border-top:1px solid #ddd; margin:0 auto; clear:both; height:96px; width:960px;}

/* PRESENTATIONAL ELEMENTS */

/*Default Links*/
a, a:visited{color:#393;}
a:active, a:hover{color:#3c3;}

/* Unique Elements */
#headerLogo{float:left!important;width:527px; margin-top:6px;}
#headerEspanol{float:left;padding-left:100px;padding-top:24px;width:120px;}  /*float:left; padding-top:26px; padding-right:20px; text-align:left  Replaced by Will*/
#headerEspanol a{background:url(../../images/rg_es_button.png) no-repeat; display:block; height:29px; width:103px}
#headerEspanol a:hover{background-position:0 -29px}
#headerOUCLogo{} /*float:left; width:62px; text-align:left; padding-top:20px; padding-right:20px; Removed by Will*/
#headerSearchBox{background:transparent url(../../images/search.gif) left bottom no-repeat; color:#fff; float:left; font:normal 1em/1 Georgia, "Times New Roman", Times, serif; padding-top:25px; height:30px; width:210px;} /* background:transparent url(../../images/search.gif) left bottom no-repeat; color:#fff; float:left; font:normal 1em/1 Georgia, "Times New Roman", Times, serif; padding-top:25px; height:30px; width:207px; Replaced by Will */
	input#ctl00_headerSearchBoxHolder_tm_SearchBox1_ctl00_ctl00_queryText{background:transparent; border:none; height:20px; padding-left:6px; width:174px;}/*form field*/
	
	body#Home input#ctl00_headerSearchBoxHolder_tm_SearchBox1_ctl00_ctl00_queryText, 
	body#OUC input#ctl00_headerSearchBoxHolder_tm_SearchBox1_ctl00_ctl00_queryText, 
	body#You input#ctl00_headerSearchBoxHolder_tm_SearchBox1_ctl00_ctl00_queryText, 
	body#Contact input#ctl00_headerSearchBoxHolder_tm_SearchBox1_ctl00_ctl00_queryText, 
	body#Save input#ctl00_headerSearchBoxHolder_tm_SearchBox1_ctl00_ctl00_queryText
	{
		background:transparent; 
		border:none; 
		height:20px; 
		padding-left:6px; 
		width:174px;
		font-size: 12px;
	}/*form field*/
	
	input#ctl00_headerSearchBoxHolder_tm_SearchBox1_ctl00_ctl00_searchButton{background:url(../../images/search_submit.gif) left top no-repeat; border:0; padding:0 ;width:24px; height:23px; margin-top:1px; cursor:pointer}/*submit button*/

/* Page Title Areas */
.titleText{color:#78a832; font:1em/1.8 Georgia, "Times New Roman", Times, serif;}
#titleHome{height:96px; width:960px; overflow:hidden; background:url(../../images/homeTitleHR.gif) center bottom no-repeat }
#titleHome h1{position:relative; top:15px; left:250px; display:block; width:424px; height:71px; background: url(../../images/title_home.gif) center top no-repeat}

/* Home Page Hero Images */
#homeHeroLeft, #homeHeroRight{width:480px; height:301px; overflow:hidden; float:left}
#homeHeroLeft a{display:block; background: url(../../images/homeHeroLeft.jpg) left top no-repeat; width:480px; height:301px}
#homeHeroRight a{display:block; background: url(../../images/homeHeroRight.jpg) left top no-repeat; width:480px; height:301px}
#homeHeroRight a:hover, #homeHeroLeft a:hover{background-position:-480px}

/*Generic Buttons*/
/* "Learn More" Button */
.buttonLearnMore{background:url(../../images/button_learn-more.jpg) no-repeat; height:26px; overflow:hidden; width:80px}
a img.buttonLearnMore, a:visited img.buttonLearnMore{background-position:0 0;}
a:active img.buttonLearnMore, a:hover img.buttonLearnMore{background-position:-120px 0;}

.sliderTips{ color:#512704; display:inline; font:.8em/1.2 Arial, Helvetica, sans-serif;  width:222px}
	/* display:inline to compensate for IE6 double margin bug*/
.tipHead{color:#512704; font: bold 1.6em/1.6 Georgia, "Times New Roman", Times, serif; font-style:italic; width:100%; border-bottom:dashed 1px #87ac64; padding-left:2px}
.tipDate{color:#63952a; font:bold 1.2em/1.2 Arial, Helvetica, sans-serif;}

/* JS Slider for Tips */
#dailyTip{height:81px; width:960px; font-size:1.1em; overflow:hidden; background: url(../../images/dailytip_bg.jpg) center top no-repeat; clear:both}
#dailyTipHeading{width:310px; height:81px; float:left; background: url(../../images/daily_tip.gif) right 28px no-repeat}
#dailyTipText{float:left; width:555px; height:48px; padding:31px 85px 0 10px; font:normal 1em Arial, Helvetica, sans-serif; color:#000 }
 #dailyTipText strong{font-weight:bold; text-transform:uppercase; color:#06800f}
.homeSliderNext, .homeSliderPrev{display:block; width:12px; height:12px;float:left; margin-right:8px}
	 .homeSliderPrev{background: url(../../images/homeSliderPrev.gif) left top no-repeat; }
		 .homeSliderPrev:hover{background-position:-12px }
	  .homeSliderNext{background: url(../../images/homeSliderNext.gif) left top no-repeat; }
		 .homeSliderNext:hover{background-position:-12px top }

/*OLD CSS----------
#slider { width: 222px; margin: 0 auto; position: relative; }
.scroll { height: 90px; width: 200px; overflow: auto; overflow-x: hidden; position: relative; clear: left; background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom; }
.scrollContainer div.panel { padding: 10px 0 0 0; height: 90px; width: 200px; }
#shade { background: #EDEDEC url(images/shade.jpg) no-repeat 0 0; height: 50px; }
ul.navigation { list-style: none; margin: 0; padding-top:8px; padding-bottom: 0px; }
ul.navigation li { display: inline; margin-right: 3px; }
ul.navigation a { padding: 3px 4px 0 4px; color: #000; text-decoration: none; }
ul.navigation a:hover { background-color: #f6f6f6; }
ul.navigation a.selected { color:#fff; background:#c1a43a}
ul.navigation a:focus { outline: none; }
.scrollButtons, .scrollButtons.left, .scrollButtons.right, .hide { display: none; }
#slider a, #slider img { border:none; }
											-----/*


/*FOOTER*/
/*Top Section - Always Visible*/

#footerTop{background:url(../../images/footerTop_bg.gif) center top no-repeat; height:36px; overflow:hidden; width:960px; margin:0 auto;}

#mainNav{float:left; height:36px; list-style-type:none; margin:0; padding:0 0 0 14px; width:691px;}

	#mainNavOUC{display:block; color:red; width:144px; height:14px; background:url(../../images/mainNav_OUC.gif) left top no-repeat; text-decoration:none}
	#mainNavOUC:hover{background-position:-144px}
	#mainNavYOU{display:block; color:red; width:133px; height:14px; background:url(../../images/mainNav_YOU.gif) left top no-repeat; text-decoration:none}
	#mainNavYOU:hover{background-position:-133px}
	#mainNavShare{display:block; color:red; width:47px; height:14px; background:url(../../images/mainNav_Share.gif) left top no-repeat; text-decoration:none}
	#mainNavShare:hover{}
	#mainNavSave{display:block; color:red; width:147px; height:14px; background:url(../../images/mainNav_Save.gif) left top no-repeat; text-decoration:none}
	#mainNavSave:hover{}

	#mainNavLiOUC, #mainNavLiYOU, #mainNavLiShare, #mainNavLiSave{ height:14px; float:left; margin-top:11px}
	#mainNavLiOUC{width:200px;}
	#mainNavLiYOU{width:182px;}
	#mainNavLiShare{width:129px;}
	#mainNavLiSave{width:180px;}

#subNav{float:left; height:36px; padding:0px 0 0 7px; font:normal 12px Georgia, "Times New Roman", Times, serif; padding-left:8px; width:245px;}
	#subNav a{color:#fff; float:left; text-decoration:none; margin:10px 12px 0 0;}
	#subNav a:hover{color:#e4bb1a; text-decoration:none;}
	#subNav a img.closeButton, #subNav a:visited img.closeButton{background:url(../../images/close-button.gif) no-repeat 0 0; position:relative; right:-30px; top:-10px;}
	#subNav a:active img.closeButton, #subNav a:hover img.closeButton{background:url(../../images/close-button.gif) no-repeat 0 -56px; position:relative; right:-30px; top:-10px;}


/*Bottom Section - Drawer*/
/* Close Button */
#footerClose a{background:url(../../images/close_tab.gif) no-repeat 0 0; height:24px; left:225px; position:absolute; top:68px; width:24px;}
#footerClose a:hover{background-position:0 -24px;}

#footerBottom{background:url(../../images/footerBottom_bg.gif) no-repeat; display:hidden; height:137px; overflow:hidden; width:960px; margin:0 auto; padding:0}

#footerBottomOUC, #footerBottomYOU, #footerBottomShare, #footerBottomSave, #footerBottomEmail{ height:137px; float:left; font:normal 11px Georgia, "Times New Roman", Times, serif}
#footerBottomOUC{width:200px; color:#628130; padding-top:20px; text-align:left!important}
	.OUCLinkList{width:70px; float:left; padding:0 0px 0 20px; list-style:none; line-height:1.2em}
		.OUCLinkList li{margin-bottom:10px}
		.OUCLinkList a{color:#06810f; text-decoration:none}
		.OUCLinkList a:hover{color:#b68407; text-decoration:none}
#footerBottomYOU{width:182px;  padding-top:20px; text-align:left!important}
	.YOULinkList{ padding:0 0px 0 20px; list-style:none; line-height:1.2em}
		.YOULinkList li{margin-bottom:10px}
		.YOULinkList a{color:#06810f; text-decoration:none}
		.YOULinkList a:hover{color:#b68407; text-decoration:none}
#footerBottomShare{width:129px; padding-top:20px; text-align:left!important}
	.ShareLinkList{ padding:0 0px 0 20px; list-style:none; line-height:1.2em}
		.ShareLinkList li{margin-bottom:10px; padding-left:30px; height:16px;background: url(../../images/social_icons.gif) left top no-repeat}
			li.iconTwitter{background-position:left top}
			li.iconFacebook{background-position: left -32px; }
			li.iconRSS{background-position: left -62px; }
		.ShareLinkList a{color:#06810f; text-decoration:none}
		.ShareLinkList a:hover{color:#b68407; text-decoration:none}
#footerBottomSave{width:200px; text-align:left!important; padding-left:5px; padding-top:10px}
#footerBottomEmail{width:215px; padding:0; text-align:left!important}
	#footerBottomEmail h2{display:block; width:190px; height:59px; background:url(../../images/email_signup.gif) left top no-repeat; margin-bottom:15px}
	#emailFormContainer{height:24px; width:163px; background:url(../../images/email_bg.gif) left top no-repeat;} 	
	#emailInput{background:transparent; float:left; width:135px; height:19px; border:none; padding:5px 0 0 5px; font:normal 12px Georgia, "Times New Roman", Times, serif; margin:0}
	#emailSubmit{float:left; width:23px; height:24px; background:url(../../images/email_submit.gif) left top no-repeat; margin:0; padding:0; border:none; cursor:pointer}

/* Page Types */
/*	A #Page can span the full width of its parent #Content container if given the .lg class. If adding a #Hero container,
	the #Page can span the remaining space only using the .sm class. If the #Page has only one item, use the .single class;
	if two items, use the .double class; if three items use the .col-1 class; if four items use .four class. If more than
	four items, use the .col-2 class.
*/

#Page.sm .subsection{color:#4a4949; font:0.77em/1.4 Georgia, "Times New Roman", Times, serif; height:87px; margin-top:7px;}
#Page ul#tabGroup{overflow:hidden;}
#Page.single .subsection{float:none; padding:75px 60px; width:500px;} /*for single article pages*/
#Page.double ul#tabGroup{padding:35px 0}
#Page.double .subsection{float:none; padding:10px 60px; width:500px;} /*for single article pages*/
#Page.col-1 ul#tabGroup{padding:10px 0;}
#Page.col-1 .subsection{float:left; height:80px; padding:0 30px; width:600px;} /*for 1-column pages*/
#Page.col-2 .subsection, #Page.four .subsection, #Page.landing .subsection{float:left; margin-right:10px; width:300px;} /*for 2-col pages; landing pages class deprecated */
#Page.four ul#tabGroup{padding:40px 0;}
.subsection img.subsectionIcon{float:left;} /*icons for subsection items*/
.pagetitle {text-transform: uppercase;font:bold 1.1em Arial, Helvetica, sans-serif;color:#035c03}
#Page ul.tabGroup{overflow:hidden; padding:10px 0;}

/*Special styling consideration for Conservation Video page*/
.sPageContent{color:#666; float:left; font:0.8em/1.8 Georgia,"Times New Roman",Times,serif; height:350px; overflow:hidden; width:620px;}
.sPageContent p{padding-right:50px}
.sPageContent h3{color:#78a832; font:1.4em/1.6 Georgia,"Times New Roman",Times,serif;margin-bottom:8px;}

/*Sections Navigation for OUC Page*/
ul#sectionsOUC{float:left; height:92px; list-style-type:none; margin:0 auto; padding:0 11px; width:960px}
	ul#sectionsOUC li{float:left; height:92px; overflow:hidden; padding:0 2px; width:130px}
	.sectionsOUCitem img{background:url(../../images/sectionsOUC.jpg) no-repeat}
	/* Solar */
	a img.sectionsLiSolar, a:visited img.sectionsLiSolar{background-position:0 0}
	a:hover img.sectionsLiSolar{background-position:-170px 0}
	a:active img.sectionsLiSolar, a.sectionsOUCitem.selected img.sectionsLiSolar{background-position:-340px 0}
	/* Biomass */
	a img.sectionsLiBiomass, a:visited img.sectionsLiBiomass{background-position:0 -132px}
	a:hover img.sectionsLiBiomass{background-position:-170px -132px}
	a:active img.sectionsLiBiomass, a.sectionsOUCitem.selected img.sectionsLiBiomass{background-position:-340px -132px}
	/* Landfill */
	a img.sectionsLiLandfill, a:visited img.sectionsLiLandfill{background-position:0 -264px}
	a:hover img.sectionsLiLandfill{background-position:-170px -264px}
	a:active img.sectionsLiLandfill, a.sectionsOUCitem.selected img.sectionsLiLandfill{background-position:-340px -264px}
	/* Water */
	a img.sectionsLiWater, a:visited img.sectionsLiWater{background-position:0 -396px;}
	a:hover img.sectionsLiWater{background-position:-170px -396px;}
	a:active img.sectionsLiWater, a.sectionsOUCitem.selected img.sectionsLiWater{background-position:-340px -396px}
	/* Fleet */
	a img.sectionsLiFleet, a:visited img.sectionsLiFleet{background-position:0 -528px;}
	a:hover img.sectionsLiFleet{background-position:-170px -528px;}
	a:active img.sectionsLiFleet, a.sectionsOUCitem.selected img.sectionsLiFleet{background-position:-340px -528px}
	/* Plaza */
	a img.sectionsLiPlaza, a:visited img.sectionsLiPlaza{background-position:0 -660px;}
	a:hover img.sectionsLiPlaza{background-position:-170px -660px;}
	a:active img.sectionsLiPlaza, a.sectionsOUCitem.selected img.sectionsLiPlaza{background-position:-340px -660px}
	/* Community */
	a img.sectionsLiCommunity, a:visited img.sectionsLiCommunity{background-position:0 -792px;}
	a:hover img.sectionsLiCommunity{background-position:-170px -792px;}
	a:active img.sectionsLiCommunity, a.sectionsOUCitem.selected img.sectionsLiCommunity{background-position:-340px -792px}

/*Sections Navigation for "You" Page*/
ul#sectionsYou{float:left; height:92px; list-style-type:none; margin:0; padding:0; width:960px}
	ul#sectionsYou li{float:left; height:92px; overflow:hidden; padding:0; width:192px}
	.sectionsYouitem img{background:url(../../images/sectionsYou.jpg) no-repeat}
	/* Res Savings*/
	a img.sectionsLiResSavings, a:visited img.sectionsLiResSavings{background-position:0 0}
	a:hover img.sectionsLiResSavings{background-position:-385px 0}
	a:active img.sectionsLiResSavings, a.sectionsYouitem.selected img.sectionsLiResSavings{background-position:-770px 0}
	/* Com Savings */
	a img.sectionsLiComSavings, a:visited img.sectionsLiComSavings{background-position:0 -132px}
	a:hover img.sectionsLiComSavings{background-position:-385px -132px}
	a:active img.sectionsLiComSavings, a.sectionsYouitem.selected img.sectionsLiComSavings{background-position:-770px -132px}
	/* Solar */
	a img.sectionsLiSolarNew, a:visited img.sectionsLiSolarNew{background-position:0 -264px;}
	a:hover img.sectionsLiSolarNew{background-position:-385px -264px;}
	a:active img.sectionsLiSolarNew, a.sectionsYouitem.selected img.sectionsLiSolarNew{background-position:-770px -264px}
	/* Video */
	a img.sectionsLiVideo, a:visited img.sectionsLiVideo{background-position:0 -392px}
	a:hover img.sectionsLiVideo{background-position:-385px -392px}
	a:active img.sectionsLiVideo, a.sectionsYouitem.selected img.sectionsLiVideo{background-position:-770px -392px}
	/* Event */
	a img.sectionsLiEvent, a:visited img.sectionsLiEvent{background-position:0 -524px}
	a:hover img.sectionsLiEvent{background-position:-385px -524px}
	a:active img.sectionsLiEvent, a.sectionsYouitem.selected img.sectionsLiEvent{background-position:-770px -524px}

/* Content inside Modal Windows */
#modalContent{background:transparent; font:0.8em/1.5 Arial, Helvetica, sans-serif;  height:400px; width:auto;}
#modalContent h1.title{color:#dae3ac; height:49px; font:bold italic 1.6em/1 Georgia, Times, serif; padding:15px 0 0px 80px;margin:6px 0 15px 307px; text-align:left;}

#modalContentTips{background:transparent; font:0.8em/1.5 Arial, Helvetica, sans-serif; overflow:hidden; height:477px; width:auto;}
#modalContentTips h1.title{color:#dae3ac; height:49px; font:bold italic 1.6em/1 Georgia, Times, serif; padding:15px 0 0px 80px;margin:6px 0 15px 307px; text-align:left;}
#modalContentTips{background:url("/images/colorbox/lightbox_roombyroom_background.jpg") no-repeat; overflow:hidden; position:relative; width:932px}

	.ourMark{background:url(../../images/icon_header_helmet.gif) left top no-repeat}
	.yourMark{background:url(../../images/icon_header_hand.gif) left top no-repeat}
#modalPage{height:340px; padding:0; width:auto;}
	#modalPage h2{color:#78a832; font:1.7em/1.3 Georgia, "Times New Roman", Times, serif; /*margin-bottom:1em;*/}
	#modalPage p{margin-bottom:16px;}
	#modalPage h3{color:#67442e; font:bold 1.1em Arial,Helvetica,sans-serif; margin-bottom:1em}
	#modalPage ul{margin:1em 0}
	#modalPage li{list-style:disc inside; text-indent:10px; color:#5A3E25; font:0.9em/1.5em Georgia,"Times New Roman",Times,serif; list-style-position:outside; margin-left:35px; text-indent:0}

#modalPage #Hero {height:320px !important; margin:0 !important; width:200px !important; padding:0 10px 0 15px ; background:#fff;} /* Modify #Hero Image for Modal Window */
	#modalPage #Hero img{ border:solid 3px #e6eec7; padding:1px}
/* Pagination (Prev/Next) inside Modal Windows */

#lightboxcontent{width:auto; padding-left:20px; padding-right:10px; height:365px!important}
#modalPagination {background:url(../../images/modalPagination_bg.jpg) repeat-x; height:42px; overflow:hidden; width:900px;}
	#modalPagination .prevTopic a img, #modalPagination .nextTopic a img{border:0;}
	#modalPagination .prevTopic{float:left; padding:0 10px;}
	#modalPagination .nextTopic{float:right; padding:0 10px;}
	#modalPagination .prevTopic a img, #modalPagination .nextTopic a img{background:url(../../images/modalPagination_arrows.gif) no-repeat;}
	#modalPagination .prevTopic a img, #modalPagination .prevTopic a:visited img{background-position:0 0}
	#modalPagination .prevTopic a:active img, #modalPagination .prevTopic a:hover img{background-position:0 -62px}
	#modalPagination .nextTopic a img, #modalPagination .nextTopic a:visited img{background-position:-212px 0}
	#modalPagination .nextTopic a:active img, #modalPagination .nextTopic a:hover img{background-position:-212px -62px}

/* Tabs inside Modal Windows */
#modalNav{float:left; padding-left:0px; width:220px; background:url(../../images/modal_subnav_repeat.gif) top left repeat-y; overflow:hidden;}
	#modalNav ul#tabGroup {font-weight:bold; text-align:right; list-style-type:none!important;background:url(../../images/modal_subnav_bottom.gif) bottom left no-repeat !important;; padding:5px 15px 5px 2em}
	#modalNav #tabGroupTop{background:url(../../images/modal_subnav_top.gif) top left no-repeat; overflow:hidden; height:100%}
	#modalNav li:first-child{border-top:none!Important}
	#modalNav li.tab { font-weight:normal;font-size:1em; padding:.7em 2em .7em 1em; border-top:dotted 1px #9ca57a}
	#modalNav li.tab a{text-decoration:none; padding:.8em 0 .8em 1em; width:100%;}
	#modalNav li.tab a, #modalNav li.tab a:visited {color:#327326}
	#modalNav li.tab a:active, #modalNav li.tab a:hover{color:#339933;}
	#modalNav li:hover {background-color:#f1f5e6;}
	#modalNav li.selected {background:url(../../images/subnav_carrot.gif) 97% center no-repeat}
	#modalNav li.selected:hover{background-color:#f1f5e6;}
	#modalNav li.selected a, #modalNav li.selected a:visited {color:#5a3e25; font-weight:bold; font-style:oblique}
	#modalNav li.selected a:active, #modalNav li.selected a:hover{color:#339933;}

/* Sub Tab Styling*/	
	ol .subtab {
	text-align: right;
	font-weight:normal;
	font-size:.8em;
	padding:4px 25px 1px 0px;
	background:url(../../images/sub_arrow.gif) 94% -36px no-repeat;
}
ol .subtab a {
	color:#78A832;
	text-decoration:none
}
ol .subtab a:hover {
	background-color:white; color:#339933
}

.subtab.selected{background:white!important; font-weight:bold; background:url(../../images/sub_arrow.gif) 94% 8px no-repeat !important}
.subtab.selected a:hover{color:#339933!important}


/* Form Style Tweaks for Sitefinity */
#headSearchBox{background:transparent url(../../images/email_bg.gif) no-repeat scroll left top;}
input#ctl00_headerSearchBoxHolder_SearchBox1_ctl00_ctl00_queryText, input#email{background:transparent; border:0; color:#fff; font-family:Arial, Helvetica, sans-serif; padding:6px 2px; text-transform:uppercase;}
input#ctl00_headerSearchBoxHolder_SearchBox1_ctl00_ctl00_searchButton{border:0; background:url(../../images/search_submit.gif) no-repeat; padding:4px;}
input#ctl00_footerPlaceHolder_ctl00_Button1{border:0; background:url(../../images/email_submit.gif) no-repeat; padding:4px;}
input#ctl00_headerSearchBoxHolder_SearchBox1_ctl00_ctl00_queryText{width:120px}

/*Style for Contact page*/
#ContentContact{background:#fff; color:#666; font:0.75em/1.2 Arial, Helvetica, sans-serif; height:400px; line-height:1.4em; overflow:hidden; width:960px}
#PageContact{overflow:hidden; height:400px; margin:0; margin-top:20px; padding:20px; width:600px;}
#PageContact h1{color:#5a3e25; font-size:1.8em; font-weight:bold; margin-bottom:10px;}
#PageContact h2 {color:#78a832; font:1.4em/1.4 Georgia, "Times New Roman", Times, serif; margin:10px 0;}
#PageContact dl{margin:10px 0; overflow:hidden; width:350px;}
#PageContact dt{float:left; font-weight:bold; width:80px;}
#PageContact dd{float:left; width:200px;margin-left:0;}


/*Style for Site Map*/
#ContentSitemap{background:transparent url(../../images/content_bg_interior.gif) no-repeat center top; color:#666; font:0.75em/1.2 Arial, Helvetica, sans-serif; height:400px; line-height:1.4em; overflow:hidden; width:900px}
#PageSitemap{overflow:hidden; height:auto; padding:0 40px; width:auto;}
#PageSitemap h1{background:url("../../images/icon_header_compass.gif") no-repeat; border-bottom:none !important; color:#dae3ac; font:bold italic 1.6em/1 Georgia, Times, serif; height:49px; margin:6px 0 40px 267px; padding:15px 0 0px 80px; text-align:left}
#PageSitemap h2{ font-size:1.2em; font-weight:bold; line-height:2em; }
#PageSitemap h3{ font-weight:bold; line-height:1em; }
#PageSitemap .level2{font-weight:bold;}
#PageSitemap .level3{ padding-left:10px}
#PageSitemap h2.title{}

/*positioning of columns*/
.sitemap_section_0, .sitemap_section_1, .sitemap_section_2, .sitemap_section_3, .sitemap_section_4, .sitemap_section_5, .sitemap_section_6, .sitemap_section_7, .sitemap_section_8, .sitemap_section_9{float:left; margin:0 24px 16px 0; padding-bottom:16px; width:200px; border-bottom:1px solid #eee;}
.sitemap_section_0, .sitemap_section_2, .sitemap_section_4, .sitemap_section_6, .sitemap_section_8{clear:left}

/* Styles for Search Results */
#ContentSearch{background: #fff; font:1em/1.2 Arial, Helvetica, sans-serif; height:400px; overflow:auto; width:960px}
#ContentSearchTop{background: transparent url(../../images/content_bg_search.gif) center top no-repeat;}
#ContentSearchBottom{background: transparent url(../../images/content_bg_search.gif) center bottom no-repeat;}
#PageSearch{overflow:hidden; height:auto; padding:0 20px; width:auto;}
#PageSearch h1{color:#5a3e25; font-size:1.4em; font-weight:bold; margin-bottom:10px;}
#PageSearch h2{color:#555;}
.searchResults dl { margin-bottom:30px; }
.searchResults dt { float:none !important; font-size:1.1em; font-weight:normal !important; margin:30px 0 4px 0 !important; width:auto !important; }
.searchResults dt a, dt a:active, dt a:visited { color:#039; }
.searchResults dt a:hover { color:#0a3; }
.searchResults dd { color:#333; float:none !important; font-size:0.85em; line-height:1.4em; margin:0 !important; padding:0; width:auto !important; }
.searchResults dd em { display:block; font-style:normal; margin-top:4px; }
.searchResults dd em a, dd em a:visited { color:green; }
.searchResults dd em a:hover { color:#333; }
#PageSearch ol.sf_pager {border-top:1px solid #ddd; list-style-type:none; margin:20px 0 0; padding:10px 0 0;}
#PageSearch ol.sf_pager a, #PageSearch ol.sf_pager a:visited{color:#999}
#PageSearch ol.sf_pager a:active, #PageSearch ol.sf_pager a:hover{color:#333;}
#PageSearch ol.sf_pager li { display:inline; margin:0 4px; padding:0}

/* Styles for Calculator Page */
#ContentCalc{background: #fff; font:1em/1.2 Arial, Helvetica, sans-serif; height:auto; overflow:auto; width:960px}
#ContentCalcTop{background: transparent url(../../images/content_bg_search.gif) center top no-repeat;}
#ContentCalcBottom{background: transparent url(../../images/content_bg_search.gif) center bottom no-repeat; margin-bottom:200px}
#PageCalc{overflow:hidden; height:960px; padding:0 0 0 10px; width:auto;}
#PageCalc h1{color:#5a3e25; font-size:1.4em; font-weight:bold; margin-bottom:10px;}
#PageCalc h2{color:#555;}
#PageCalc #modalNav{font-size:0.8em; margin-right:10px; padding-right:10px; width:130px}

/*Chart tables*/
.chart { font-size:0.9em; height:auto; margin:6px 0; width:90% !important; *width:95% !important;}
.chart tfoot {font-size:0.8em}
.chart th { background:#039437; color:#fff; font-size:1.3em; font-weight:bold; padding:6px; font-family: }
.roundCornerLeft { -moz-border-radius-topleft:10px; -webkit-border-radius-topleft:10px; float:none !important; } /*for modern browsers*/
.roundCornerRight  { -moz-border-radius-topright:10px; -webkit-border-radius-topright:10px; float:none !important; } /*for modern browsers*/
.alt { background:#f0f5df}
.chart td {border-left:#e5ecd4; border-right:0; padding:6px; vertical-align:top;}
.chart tr {border-left:1px solid #e5ecd4; border-bottom:1px solid #e5ecd4}
.noborder{border:none!important}
col.first, col.center { border-right:1px solid #eee; }
col.last { }
.tARight{text-align:right;}
/*styling for charts in modal windows*/
.chart tr[style]{border-left:0;}
td.chartItem{border-right:1px solid #e5ecd4; color:#060; font-size:1.2em}
table.collapse{background:#f2f5e9; border:0; width:100%}
a.chartOpener{background:url(../../images/chartItem_normal.jpg) left no-repeat; font-size:0.9em; padding-left:20px; text-decoration:none}
a.chartOpener.selected{background:url(../../images/chartItem_selected.jpg) left no-repeat}
td.collapseLeft{font-weight:bold; width:100px}
td.collapseRight{width:auto}

/*Tips MOdal Box Page*/
#tipsPage{width:420px; height:340px; background:url(../../images/tip_bg.jpg) left top no-repeat; overflow:hidden; padding-left:223px;margin:0 auto;}
	#modalContent{height:450px!important}
	.tipTitle{color:white; font: bold 5.5em Georgia, "Times New Roman", Times, serif; font-style:italic; margin-top:52px}
	.dailyTipText{height:145px; width:100%; overflow:hidden; padding-top:36px; color:#666}	
	#PanelTips strong{font-weight:bold; font-size:1.4em; text-transform:uppercase}	
	#PanelTipsFront strong{font-weight:bold; text-transform:uppercase}
	#PanelTips p{margin-bottom:5px;font-size:1.5em;}
	.tipPrev, .tipNext{display:block; width:114px; height:30px; text-decoration:none; color:#666; text-transform:uppercase}
		.tipPrev{float:left; background:url(../../images/tipPrev.gif) left -53px no-repeat;}
			.tipPrev:hover, .tipNext:hover{background-position:left -5px}
		.tipNext{float:right; background:url(../../images/tipNext.gif) left -53px no-repeat;}
		
	#twitterTips{width:154px; height:48px; position:absolute; top:387px; left:497px}

/*Colorbox Back button fix*/
#cboxBack{color:#fff; display:block; height:25px; right:22px; position:absolute; top:5px; width:60px}
#cboxBack a{display:block}

/*Events Calendar Landing Pge*/
.CalEvent{width:540px; height:120px; overflow:hidden; font:normal .8em Georgia, "Times New Roman", Times, serif; color: #666666; margin-bottom:3px}
		.CalEvent h2{font-size:1.3em;}
		.CalEvent h2 a{color:#035c03; text-decoration:none}
		.CalEvent h3{ color:#81ad81; font:normal 1em Arial, Helvetica, sans-serif}
		.CalEvent p{line-height:1.4em}
		.CalDate{float:left; height:120px; width:76px; background:url(../../images/calendar_bg.gif) left top no-repeat}
		.CalEvent .CalDate{margin-right:15px;}
		.CalMonth{height:18px; padding:11px 0 0 0px; width:100%; color:#FFF; text-transform:white; text-align:center}
		.CalDay{color:#000; font-weight: bold; font-size: 2.6em; height:60px; line-height:1.2em; text-align:center}
	
/*Events Calendar Lightbox Page*/
#eventsCalendarPage {margin-top:80px !important}
#eventCalendarContent{margin-top:80px !important}
#eventsCalendarPage #Hero {
	height:500px !important;
	margin:0 !important;
	width:200px !important;
	padding:35px 50px 0 15px !important;
	*padding:20px 50px 0 15px !important;
	background:#fff;
	float:left;
	overflow:hidden
}
#eventsCalendarPage #Hero img {
	border:solid 3px #e6eec7;
	padding:1px
}
#eventsCalendarPage .CalDate {
	height:78px;
	margin: 15px 15px 0 0;
}
.CalInfo h2{font:bold italic 2em Georgia, "Times New Roman", Times, serif; margin-bottom:0 !important; padding-top:30px}
.CalAddress{color:#fff; margin-left:90px}
p.EventDate{font-size:1em; margin-top:10px}
#eventsCalendarPage h2 {
	font:bold italic 1.8em Georgia, "Times New Roman", Times, serif;
	color:#09661f;
}
#eventsCalendarPage .EventDate {
	font-size:1em
}
#eventsCalendarPage h3 {
	margin:0 0 0 0;
	color:#81ad81;
}
#eventsCalendarPage dl {
	width:500px; 
	float:left;
	margin-top:15px;
	line-height:1.8em
}
#eventsCalendarPage dd, #eventsCalendarPage dt {
	display:inline;
	float:left
}
#eventsCalendarPage dd {
	width:80%
}
#eventsCalendarPage dt {
	width:10%;
	font-weight:bold;
	color:#81ad81;
	text-transform:uppercase
	clear:left;
}
.googleMapLink {
	display:block;
	font:italic 1em Georgia, "Times New Roman", Times, serif;
	color:#000000;
	margin:0px 0 0px 0px
}
#eventsCalendarPage h4{font:Bold 1.1em Arial, Helvetica, sans-serif; color:#000000; }



/* PRINT STYLESHEET */
@media print {

/* Removed Elements */
#headSearchBox. #Footer{display:none}

}