@charset "utf-8";
/* = Presentation Style Sheet (globalPresentations.css)
======================================== */

/* = Site Colors ========
	#ffd028 	Yellow (Edison)
	#005643 	Dark Green (Edison)
	#004939		Dark Green (Alt for Accessibility Constrast)
	#b0bc22		Medium Green Green (Edison2)
	#d7e9b8		Light Green (Edison)
	#a8ce84		Medium Green (Edison) 
	#f4ffe4		Ultra Light Green
	#006cb6		Blue (Edison2)
	#0f9fdf		Blue (Energy Star)
	#525252		Dark Grey (for Headers)
	#e2e4eb		Light GreyBlue
	#f0f3f3		Light GreyBlue (Text) 
===========================*/

/* = Color Presentation Classes
======================================== */
html { /* this style works on IE only */
	scrollbar-base-color: #b0bc22;
}
body{
    scrollbar-face-color: #b0bc22; /* obviously change this to whatever you want */
    scrollbar-arrow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFBF0;
    scrollbar-3dlight-color: #808080;
    scrollbar-shadow-color: #FFFBF0;
    scrollbar-darkshadow-color: #808080;
    scrollbar-track-color: #CCCCCC;
}
h1, h2, h3 {
	color: #005643;
}
h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1em;
}
.yellow {
	color: #ffd028;
}
.darkGreen {
	color: #005643;
}
.mediumGreen {
	color: #b0bc22;
}
.lightBlueGrey {
	color: #f0f3f3;
}

.bold {
	font-weight: bold;
}
.underline {
	text-decoration: underline;
}

/* = Wrapper/Container Presentations
======================================== */

.globalPresentations #container {
	background: #005643;
}

/* = Header Presentations
======================================== */

.globalPresentations #header { 
	background: #005643 url(../_assets/imagesdesign/HdrFtrGraphic_rCorners.png) no-repeat top left;
} 
.globalPresentations #header #lftBlock {
	background: url(../_assets/imagesdesign/headerLogoSCE.png) no-repeat;
}
.globalPresentations #header #rtBlock {
	background: url(../_assets/imagesdesign/headerBackground01.png);
} 
.globalPresentations #mainNavBox {
	background: #ffd028;
} 
.globalPresentations #hiliteNavBox {
	background: #ffd028;
}

/* = Table Layout/Presentation
======================================== */
/* It is contemplated that this table is for the home mostly */
/* Both Layout and Presentation Styles are combined here */
.globalPresentations #hiliteHeaderTable{
	height: 96px;
	margin: 0 4px;
	padding: 0;
	background: #000000;
	color: #f0f3f3;
	font-weight: bold;
}
.globalPresentations #hiliteHeaderTable tr {
	background: transparent;
}
.globalPresentations #hiliteHeaderTable tr td {
	width: 219px;
	padding: 5px;
	margin: 0;
}
.globalPresentations #hiliteHeaderTable td.safetyRecycling {
	text-align: center;
	padding: 0;
	margin: 0;
}
.globalPresentations #hiliteHeaderTable tr td.safetyRecycling a:link, .globalPresentations #hiliteHeaderTable tr td.safetyRecycling a:visited {
	background: url(../_assets/imagesdesign/buttonImgaes/safetyRecylceUP.png) no-repeat;
	padding: 5px;
	margin: 0;
	width: 223px;
	height: 106px;
	display: block;
}
.globalPresentations #hiliteHeaderTable tr td.safetyRecycling a:hover {
	background: url(../_assets/imagesdesign/buttonImgaes/safetyRecylceDOWN.png) no-repeat;
}

/* = Content Presentations
======================================== */

.globalPresentations #mainContentWrapper {
	background: #ffd028; /*Edison Yellow*/
}
.globalPresentations #mainContent {
	background: #b0bc22; /*Edison Medium Green*/
}/* This sets the background presentation style for the #mainContent */

/* = ofInterest Boxes Presentations
======================================== */

.globalPresentations #mainContent #upcomingEventsBox, .globalPresentations #mainContent #lampsBox, .globalPresentations #mainContent #faqBox {
	background:#ffffff;
}/* This sets the background presentation style for the of-most-interest boxes */
.globalPresentations p.ofInterest { 
	margin: 16px 0 16px 0;
	padding: 0 10px 0 10px;
	font-size: 1em;
}
/*.globalPresentations #upcomingEventsBox h3 {
	color: #005643;
}
.globalPresentations #upcomingEventsBox h4 {
	color: #005643;
}*/
.globalPresentations #upcomingEventsBox dl {
	margin: 0;
	padding: 0;
}
.globalPresentations #upcomingEventsBox dl dt a {
	color: #00F;
	display: block;
}
.globalPresentations #upcomingEventsBox dl dt {
	font: bold 1em Tahoma, Geneva, sans-serif;
}
.globalPresentations #upcomingEventsBox dl dd {
	font: bold 1em Tahoma, Geneva, sans-serif;
}
.globalPresentations #mainContent #faqBox dl dt {
	display: block;
	font: bold normal .8em Tahoma, Geneva, sans-serif;
	margin-bottom: 5px;
}
.globalPresentations #mainContent #faqBox dl dd {
	display: block;
	margin: 0 0 8px 16px;
	font: italic bold 0.76em Verdana, Geneva, sans-serif;
}

/* = Two Column Presentations
======================================== */
.globalLayouts #rtEventTower { 
/* use for upcoming events on none index.php page(s) */
	background: #d7e9b8;
}
/*.globalLayouts #rtEventTower p, .globalLayout #rtEventTower h3{
	color: #005643;
}*/
.globalLayouts #mainLftContent {
	background: #f0f3f3;
} 

/* = Footer Presentation
======================================== */

.globalPresentations #footer { 
	background: url(../_assets/imagesdesign/HdrFtrGraphic_rCorners.png) no-repeat center bottom;
} 
/*.globalPresentations #footer p {
	color: #000000;
}*/
.alertNote1 {
	color: #cc0000;
}

.superScript {
	color: #c00000;
	font-size: 1em;
	font-weight: normal;
}
.superScriptHeader {
	font: Arial, Helvetica, sans-serif;
	color: #ff0000;
	font-size: .75em;
	font-weight: normal;
}.agencyName {
	font-style: italic;
}
.globalPresentations #mainContent #mainLftContent h1.resultsHeading {
	text-align: center;
	color: #005643;
}