@charset "UTF-8";
html, body {
	margin:0;
	padding:0;
	height:100%;
}
body {
	background: #FFFFFF url(../images/bg_lt_blue_top.jpg) top left repeat-x;
	text-align: center;
	margin: 0; 
	height: 100%;
}
body,td,th,p,h1,h2,h3,ol,ul,li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
#site_container {
	min-height: 100%;
	margin-bottom: -75px;
	height: auto;
}
.clear_container { 
	width: 100%;
}
#home_center { 
	width: 100%;
	background: #e3e2e3;
}
#hc_container {
	margin: 0 auto 10px auto;
	width: 1123px;
	height: 326px;
}
#top_container {
	width: 930px;
	text-align: right;
	margin: 0 auto 0 auto;
}
#masthead {
	width: 930px;
	margin: 0 auto 10px auto;
}
.logo {
	padding: 0 200px 0 0;
}
.tagline {
	
}
#top_lt_blue {
	height: 40px;
	width: 100%;
}
#navbar {
	min-height: 65px;
	margin: 0 auto 10px;
	background-color: #FFC20E;
	width: 100%
}
#nav_content {
	width: 1123px;
	height: 65px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#nav_content ul, #nav_content li {
	list-style: none;
	display: inline;
}
#nav_content        li    a     {
	line-height: 65px;
	color: #0060AF;
	font-size: 1.25em;
	text-decoration: none;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 30px;
	padding-left: 30px;
}
#nav_content   a.white_nav_1:hover {
	background-image: url(../images/white_nav_1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	color: #F38324;
}
#nav_content a.white_nav_2:hover {
	background-image: url(../images/white_nav_2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	color: #F38324;
}
#nav_content a.green_nav_3:hover {
	background-image: url(../images/green_nav_3.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	color: #FFFFFF;
}
#nav_content  a.nav1            {
	line-height: 65px;
	color: #F38324;
	font-size: 1.25em;
	text-decoration: none;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 30px;
	padding-left: 30px;
	background-image: url(../images/white_nav_1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#nav_content a.nav3 {
	line-height: 65px;
	color: #FFFFFF;
	font-size: 1.25em;
	text-decoration: none;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 30px;
	padding-left: 30px;
	background-image: url(../images/green_nav_3.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#nav_content a.nav2 {
	line-height: 65px;
	color: #F38324;
	font-size: 1.25em;
	text-decoration: none;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 30px;
	padding-left: 30px;
	background-image: url(../images/white_nav_2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#blue_container { 
	background: #58b8fd;
	width: 100%;
	height: 65px;
}
#blue_content {
	width: 930px;
	height: 65px; 
	margin: 0 auto;
}
#blue_container_home { 
	background: #58b8fd;
	width: 100%;
	height: 98px;
}
#blue_content_home {
	background: #58b8fd;
	width: 1123px;
	height: 98px; 
	margin: 0 auto;
}
#blue_left {
	width: 312px;
}
#blue_right {
	float: left;
	width: 584px;
	text-align: left;
	padding-left: 340px;
}
.blue_left_broker  {
	color: #0060AF;
	font-size: 1.5em;
	padding-top: 20px;
	font-weight: normal;
}
#content   {
	color: #555555;
	line-height: 1.5em;
	width: 1123px;
	text-align: left;
	margin: 0 auto;
	padding-bottom: 75px; /* Must match "height" of #footer */
	position: relative;
	top: -65px;
}
#content p {
	padding-bottom: 0.65em;
}
#content h3 {
	font-weight: normal;
	color: #217CDD;
	padding-bottom: 0.2em;
	padding-top: 0.2em;
}
#content h2  {
	font-size: 1.35em;
	color: #217CDD;
	font-weight: normal;
	padding-top: 0.3em;
	padding-bottom: 0.2em;
}
#content h1 {
	font-size: 1.6em;
	color: #F38324;
	padding-top: 25px;
	padding-bottom: 0.3em;
	font-weight: normal;
	line-height: 1.1em;
}
#content ul {
	padding-bottom: .75em;
}
#content li {
	list-style-position: inside;
}
#content  a {
	color: #0099FF;
	text-decoration: underline;
}
#content blockquote {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#content .grey_callout a {
	text-decoration: none;
	color: #217CDD;
}
#calc {
	height: 300px;
	width: 312px;
	background: url("../images/calculator_bg.png") no-repeat top left;
	margin: 24px 0 0 0;
}
#calc img {
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}


#calc p {
	text-align: center;
	padding-bottom: 0;
}
#calc .home {
	position: absolute;
	height: 300px;
	width: 312px;
	background: url("../images/calculator_bg.png") no-repeat top left;
	margin: 24px 0 0 0;
	z-index: 500;
}

/* Calc Form */

#calc_table {
	width: 312px;
	height: 200px;
	vertical-align: top;
}
#calc_table  p  {
	font-size: 1.1em;
	line-height: 1.2em;
	vertical-align: top;
	color: #555555;
	text-align: left;
}
#calc_table    .calc_text   {
	color: #555555;
	padding: 10px;
}
#calc_table .calc_text_indent {
	color: #555555;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
}
#calc_table .calc_text_right {
	color: #555555;
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;
}
.formtext_kWh  {
	height: 25px;
	width: 100px;
	background-color: #A8A7A9;
	margin-top: 10px;
	text-decoration: none;
	border: 1px solid #888888;
}
#left_content {
	padding: 0 0 0 25px;
}
#left {
	float: left;
	width: 312px;
	padding: 0 0 0 96px;
}
#left_content_home {
	margin: 12px 0 0 0;
	padding: 0 0 0 25px;
}
#left_content_form {
	margin: 70px 0 0 0;
	padding: 0 0 0 25px;
}
#right {
	float: left;
	width: 584px;
	margin-left: 34px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 0;
}
.note {
	font-size: .8em;
}
.orange {
	color: #F38324;
}
.topten {
	color: #217CDD;
	font-size: 1.6em;
	font-weight: bold;
}
.call_out_blue {
	background-color: #F2FAFF;
	border: 1px dotted #58B8FD;
	margin-top: 15px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-right: 25px;
	margin-bottom: 15px;
}
#callout_orange {
	color: #FFFFFF;
	width: 230px;
	float: right;
	background-color: #F38324;
	margin-left: 10px;
}
#callout_orange_left {
	color: #FFFFFF;
	float: left;
	background-color: #F38324;
	margin-top: 10px;
}
#orange_text  {
	color: #FFFFFF;
	float: none;
	bottom: auto;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#float_left {
	float: left;
	width: 250px;
	margin-right: 40px;
}
#float_right {
	float: right;
	width: 250px;
}
#tl    {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 11px;
}
#tr  {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 11px;
}
#bl  {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 11px;
}
#br   {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 11px;
}
.grey_callout  {
	background-image: url(../images/grey_box.gif);
	background-repeat: no-repeat;
	width: 220px;
	float: left;
	height: 200px;
	margin-bottom: 5px;
	padding: 15px;
	margin-right: 40px;
}
#grey_callout2 {
	background-image: url(../images/grey_box2.jpg);
	background-repeat: no-repeat;
	width: 220px;
	float: right;
	height: 165px;
	padding: 15px;
	margin: 0px 25px;
}
.pushfooter {
	height: 75px;
	clear: both;
}
#footer {
	position: relative;
	width: 100%;
	height: 75px;
	background: #e3e2e3;
	color: #666666;
	clear: both;
	margin-top: -75px;
}
#footer_content {
	width: 850px;
	margin: auto;
	padding: 10px 0 0 0;
}
#footer_content p {
	font-size: .8em;
	line-height: 2em;
}
#footer_content img {
	float: left;
	padding: 6px 0 0 0;
}
#footer_content  a:link {
	color: #555555;
	text-decoration: none;
}
#footer_content  a:visited {
	color: #555555;
	text-decoration: none;
}
#footer_content  a:hover {
	color: #217CDD;
	text-decoration: underline;
}
#right    table {
	background-color: #F2FAFF;
	border: 1px dotted #58B8FD;
	margin-top: 10px;
	width: 95%;
}
#right    table h2 {
	font-size: 1.2em;
}
.td_right       {
	text-align: right;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
}
.td_left  {
	text-align: left;
	vertical-align: top;
	padding-right: 10px;
	padding-left: 10px;
}
.td_center {
	text-align: center;
	vertical-align: top;
	padding-right: 10px;
	padding-left: 10px;
}
.formtext           {
	background-color: #DCE5EB;
	width: 100%;
	border: 1px solid #BAC2C9;
	height: 20px;
	margin-top: 5px;
}
.formtext_short  {
	background-color: #DCE5EB;
	width: 50%;
	border: 1px solid #BAC2C9;
	height: 20px;
	margin-top: 5px;
}
.formfield     {
	background-color: #DCE5EB;
	width: 100%;
	border: 1px solid #BAC2C9;
	height: 70px;
	margin: 5px 0px;
}
.rate                                 {
	width: 240px;
	border-collapse: collapse;
	margin-right: 30px;
}
.rate  th  {
	color: #FFFFFF;
	background-color: #5AB9FD;
	padding: 5px;
	text-align: center;
}
.rate    td     {
	background-color: #F2FAFF;
	padding: 5px 10px;
}
.rate   .td1   {
	background-color: #DAF0F3;
}
.rate  p  {
	padding: 0px;
}
.lower_bills {
	background: url("../images/lower_bills.jpg") top left no-repeat;
	text-indent: -9999px;
	width: 430px;
	height: 57px;
	margin: 20px 0;
}
#right .savings  {
	width: 100%;
	border-collapse: collapse;
}
#right   .savings   th {
	color: #FFFFFF;
	background-color: #5AB9FD;
	text-align: center;
	font-size: 1.2em;
	padding: 10px;
	font-weight: normal;
	letter-spacing: .02em;
}
#right    .savings    td  {
	background-color: #F2FAFF;
	padding: 10px;
	border: 1px dotted #58B8FD;
}
#right .savings .td2 {
	background-color: #DAF0F3;
}
#right .savings .td3 {
	background-color: #DAF0F3;
	text-align: center;
}

/* Flash Box */

#flash_box {
	width: 190px;
	position: relative;
	top: -290px;
	left: 837px;
}

/* Image Rotator CSS */

/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:326px;
	width: 1123px;
	margin: 0;
	text-align: left;
}

/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}

div#rotator2 ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	border: none;
	background: #e3e2e3;
}
    div#rotator ul li.show {
	/* z-index:500 */
}
	div#rotator2 ul li img {
	border: none;
	background: #e3e2e3;
}
    div#rotator2 ul li.show {
	/* z-index:500 */
}
.rotator2text  {
	font-size: 22px;
	color: #FFF;
	width: 405px;
	height: 75px;
	padding-top: 20px;
	padding-left: 25px;
}
.news_image {
	float: left;
	height: 190px;
	width: 160px;
	padding-top: 5px;
}

.signuperror {
	color: #FF0000;
}

#blue_left2 {
	float: left;
	display: inline;
	width: 312px;
	padding-left: 96px;
}

div#rotator2 {
	display: inline;
	float: left;
	height:98px;
	width: 437px;
	text-align: left;
	padding-left: 7px;
}

#flash_box2 {
	width: 265px;
	position: relative;
	display: inline;
	float: left;
	margin-top: -286px;;
	padding-left: 6px;
	/* left: 858px; */
	
}

#content2 {
	color: #555555;
	line-height: 1.5em;
	width: 1123px;
	text-align: left;
	margin: 0 auto;
	padding-bottom: 75px; /* Must match "height" of #footer */
}
#content2_spacer {
	float: left;
	height: 12px;
	width: 584px;
}

#content2 p {
	padding-bottom: 0.65em;
}
#content2 h3 {
	font-weight: normal;
	color: #217CDD;
	padding-bottom: 0.2em;
	padding-top: 0.2em;
}
#content2 h2  {
	font-size: 1.35em;
	color: #217CDD;
	font-weight: normal;
	padding-top: 0.3em;
	padding-bottom: 0.2em;
}
#content2 h1 {
	font-size: 1.6em;
	color: #F38324;
	padding-bottom: 0.3em;
	font-weight: normal;
	line-height: 1em;
}
#content2 ul {
	padding-bottom: .75em;
}
#content2 li {
	list-style-position: inside;
}
#content2 a {
	color: #0099FF;
	text-decoration: underline;
}
#content2 blockquote {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#content2 .grey_callout a {
	text-decoration: none;
	color: #217CDD;
}
#ct_over1 {
	position: absolute;
	height: 334px;
	width: 387px;
	margin: 10px 0 0 96px;
	z-index: 500;
	left: -29px;
	top: 148px;
}
#add_states1 {
	position: absolute;
	height: 334px;
	width: 387px;
	margin: 0px 0 0 70px;
	z-index: 500;
	
}
#add_states2 {
	position: absolute;
	height: 334px;
	width: 387px;
	background: url("../images/additional_states.png") no-repeat top left;
	margin: 10px 0 0 96px;
	z-index: 500;
	left: 90px;
	top: 182px;
}
#calc2 {
	position: absolute;
	height: 300px;
	width: 312px;
	background: url("../images/calculator_bg.png") no-repeat top left;
	margin: 24px 0 0 96px;
	z-index: 500;
}
#calc2   img   {
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
#calc2 .home {
	position: absolute;
	height: 300px;
	width: 312px;
	background: url("../images/calculator_bg.png") no-repeat top left;
	margin: 24px 0 0 0;
	z-index: 500;
}

#calc3 {
        height: 300px;
        width: 312px;
        background: url("../images/calculator_bg.png") no-repeat top left;
	margin-top: 100px; 	
}
#calc3   img   {
        margin-top: 20px;
        margin-right: 0;
        margin-bottom: 10px;
	margin-left: 20px;
}


#footer2 {
	position: relative;
	width: 100%;
	height: 75px;
	background: #e3e2e3;
	color: #666666;
	z-index: 10;
	clear: both;
	margin-top: -75px;
}
#top_white {
	height: 35px;
	padding-top: 20px;
}
#top_white p {
	font-size: 1.6em;
	color: #FFF;
	font-weight: normal;
}


#calc4 {
	position: absolute;
	height: 324px;
	width: 312px;
	background: url("../images/calculator_bg.png") no-repeat top left;
	background-position: 0px 24px;
	margin: 0px 0 0 96px;
	z-index: 500;
	text-align: left;
}
#calc4_topimg   {
	margin-top: 5px;
	margin-left: 20px;
}

p#calc4_top {
	text-align: right;
	position: absolute;
	top: 40px;
	left: 0px;
	width: 307px;
	color: #256cab;
}

#calc4 hr {
	width: 265px;
	height: 1px;
	color: #00529b;	
}
#calc4 .home {
	position: absolute;
	height: 300px;
	width: 312px;
	background: url("../images/calculator_bg.png") no-repeat top left;
	margin: 24px 0 0 0;
	z-index: 500;
}

.calc4_txt {
	color: #256cab;
	font-weight: bold;
	margin-left: 15px;
	padding-top: 5px;
	font-size: 14px;
}

.calc4_required {
	font-weight: normal;
	font-size: 10px;
}

.calc4_txt label {
	font-weight: normal;
	color: #888;
	width: 100px;
}

#calc4_submit {
	text-align: center;
}

.calc4_radios_vblock {
	color: #256cab;
	font-weight: bold;
	margin-left: 15px;
	padding-top: 10px;
	font-size: 14px;
}

.calc4_radio_lfield {
	display: inline-block;
	width: 120px;
	font-weight: normal;
	color: #888;
	font-size: 12px;
}

.calc4_radio_rfield {
	display: inline-block;
	width: 160px;
	font-weight: normal;
	color: #888;
	font-size: 12px;
}
.Blue {
	color: #217CDD;
}
    div#re_sign {
	position:relative;
	height:326px;
	width: 1123px;
	margin: 0;
	text-align: left;
}

