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

body {
	/*background-image: url(../images/tile.jpg);*/
}
#bodyHeader {
/*	background-image: url(../images/backHdr.jpg);*/
}
#bodyContent {
	background-color: #ffffff;
	color: #333;
	width: 920px;
	padding: 20px 20px 30px 20px;
	font-size: 14px;
	font-family: Arial;
}
#bodyContent img {
	padding-top: 20px;
	padding-bottom: 20px;	
}
#bodyContent #colLeft {
	/*border: thin solid red;*/
	float: left;
	width: 210px;
	margin-right: 10px;
	min-height: 400px;
}
#bodyContent #colRight {
	/*border: thin solid red;*/
	float: left;
	width: 695px;
	min-height: 400px;	
}
/*#bodyContent h1 { 
	font-size: 13px;
	font-family: Arial;
	font-weight: bold;
}
#bodyContent h2 { 
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
}*/
#bodyContent h1 { 
	font-size: 18px;
	font-family: Arial;
	font-weight: bold;
}
#bodyContent h2 { 
	font-size: 13px;
	font-family: Arial;
	font-weight: bold;
}
#bodyContent h3 { 
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
}
#bodyContent .subNav {
	font-size: 12px;
	margin-bottom: 10px;
	float: left;
	width: 200px;
}
#bodyContent .subNavIndented {
	margin-left: 20px;
}
#bodyContent .subNav a:link, #bodyContent .subNav a:active, #bodyContent .subNav a:visited {
	color: #000000;
}
#bodyContent .subNav a:link {
	text-decoration: underline;
}
#bodyContent .subNav a:hover {
	text-decoration: underline;
}
#bodyContent .T8Notice {
	font-weight: bold;	
}
#bodyFooter {
	margin-top: 20px;
/*	border-top: 2px solid #6E7476;*/
}
.subList {
	margin-left: 30px;
	list-style: circle;	
}

/*** NAVIGATION *****************/
#pgTitle {
	width: 300px;
	float: left;
	color: #FFF;
	margin-left: 8px;
	font-weight: bold;
	font-size: 18px;
	font-style: italic;
	font-family: Arial;
	margin-top: 10px;
}
#navSubPage {
	float: left;
	/*border: thin solid red;*/
	width: 960px;
	height: 35px;
	background-color: #000000;
	padding-top: 10px;
	/*padding-top: 35px;*/
}
#navSubPage ul {
	margin-left: 520px;
	/*margin-left:365px;*/
	margin-top: 10px;
}

.homespages #navSubPage ul {
	margin-left: 400px;
}

#navSubPage li {
	list-style: none;
	float: left;
}

#navSubPage li a {
	text-decoration: none;
	color: #FFF;
}
#navSubPage li a p {
	border-right: thin solid #ffffff;	
/*	height: 21px;*/
	padding-top: 4px;
	padding: 4px 10px 0 10px;
	font-size: 13px;
	text-align: center;
	line-height: 10px;
}
#navSubPage li:last-child a p {
	border-right: none;
}
#navSubPage li a p:hover { 
/*background-color: #4a4e51; */
text-decoration: underline;
}

/*** Quick Link *******************/
#bodyContent .quickLinkBox {
	width: 200px;
	margin-top: 20px;
	float: left;
	border: thin solid #CCC;
	/*background-color: #DFDFDF;*/	
}
#bodyContent .quickLinkBox #qlHdr {
	background: url(../images/backHeadline.jpg) repeat-x top left;
	padding-left: 8px;
	color: #000;
	color: #017DC3;
	color: #666;
	padding-top: 3px;
	height: 24px;
	margin-bottom: 8px;
}
.quickLink {
	margin-left: 4px;
	margin-bottom: 8px;
/*	background: url(../images/quickLinkArrow2.png) no-repeat top left;*/
	padding-left: 10px;
	font-size: 12px;
	float: left;
}
#bodyContent .quickLinkBox .learnMoreImg { 
	padding: 0;
	margin: 0 0 8px 3px;
}
#bodyContent .quickLinkBox .learnMoreLink {
	float: right;
	font-size: 12px;
	width: 147px;
}
#bodyContent .quickLinkBox .smallTxt, #bodyContent .quickLinkBox .mediumTxt {
	font-size: 12px;
    margin-bottom: 5px;
    margin-left: 5px;
    width: 185px;
}
#bodyContent .quickLinkBox .mediumTxt { font-size: 16px; } 
#bodyContent .quickLinkBox .qlImg {
	padding: 3px;
	margin-right: 5px;
	float: left;	
}
/*** Did you know *******************/
.dyk {
	border: 3px solid #EEE;
	width: 300px;
	padding: 5px 12px;
	/*background-color: #FEBE10;*/
	background-color: #EEE;
	margin-top: 12px;
	margin-left: 25px;
	margin-bottom: 12px;
	float: right;	
}
.dykHdr {
/*	background: url(../images/dykIcon.png) no-repeat top left;
	border-bottom: 2px solid #CCC;*/
	height: 25px;
	margin-bottom: 5px;
	padding-top: 5px;
	/*padding-left: 35px;	*/
	padding-bottom: 2px;	
	font-weight: bold;
	font-size: 24px;
	color: #FEBE10;
}
/*** APP Chart **************************************/
.appChart {
	width: 650px;
	font-weight: bold;
	height: auto;
	font-size: 14px;
	overflow: auto; /* forces this div to contain all floats without having to clear at the end */
}
.appChart .appChartHdr1, .appChart .appChartHdr2, .appChart .appChartCol1, .appChart .appChartCol2 {
	border: thin solid #BBB;
	float: left;
	padding: 5px;
}
.appChart .appChartCol1, .appChart .appChartHdr1 { width: 490px; }
.appChart .appChartCol2, .appChart .appChartHdr2 { width: 130px; }
.appChart .appChartCol1, .appChart .appChartCol2 { font-weight: normal; }

/*** CFL Button links on HomeCFLAppliance ***********************************************/
#cflAppRebateBox {
	width: 500px;
	/*border: thin solid red;*/
}
.cflAppBtn {
	width: 230px;
	float: left;
	text-align: center;
	margin: 5px;
}
.cflAppBtn a p {
	border: 2px solid #BBB;
	width: 220px;
	height: 40px;
	padding: 10px 5px;
}
.cflAppBtn a p:hover {
	border: 2px solid #6EB43F;
	text-decoration: none;
	background-color: #DDD;
}
.cflAppBtn a:hover { text-decoration: none; }

/*** Dropdown ***************************************/
#ddImprovements {
	width: 450px;
	font-size: 18px;
	height: 30px;
	border: 2px solid #6EB43F;
	/*background-color: #EFEFEF; */
}
/*** SMART PAGE ****************************************************************/
/*** SMART PAGE Box ****************************************************************/
#smChkWrapper {
	width: 560px;	
	overflow: auto;
	margin-top: 20px;
	margin-bottom: 20px;	
}
#smChkWrapper #chkBoxTitle {
	width: 484px;
	padding: 5px;
	float: left;
}
.smChkBox {
	/*border: thin solid #BBB;*/
	width: 242px;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 5px 5px 30px;
	float: left;
	background: url(../images/checkmark1.jpg) no-repeat 5px 5px;
}
/*** GET INVOLVED PAGE ****************************************************************/
.allyBox {
	width: 585px;
	height: 100px;
	float: left;
	margin: 5px 0;
}
.allyLogo {
	width: 200px;
	float: left;
}
#bodyContent .allyLogo img { padding: 0; }
.allyText {
	float: left;
	padding-top: 38px;
	padding-bottom: 38px;
}
.allyBox a {
	text-decoration: none;
	color: #000;

}
.allyBox a:hover {
	text-decoration: none;
	color: #000;
}
.allyBox { border: 2px solid #EFEFEF; }
.allyBox:hover { border: 2px solid #000000; }
#bodyContent .allyLogo #fcc { padding: 13px 0; }
#bodyContent .allyLogo #rlcc { padding: 14px 0; }
#allyEnd {clear: both; }