﻿* {
    margin: 0;
}

html, body
{
	color: #000000;
	font-size: 13px;
	font-family: "Franklin Gothic Medium", "Trebuchet MS", Helvetica, Arial, sans-serif;
	background-color: #04539f;
	margin: 0px 0px 0px 0px;
	height: 100%;
}

.no-border 
{
	border: 0px;
}

a, a visited
{
	text-decoration:none;
	border-bottom: solid 1px #0651a4;
	height: 10px;
	color: #0651a4;  
	
}

.menu-top
{
	background-image:url(/Content/Images/menu-top.jpg);
	background-position:bottom;
	background-repeat: no-repeat;
	width: 168px;
	height: 8px;
	float: left;
}

.menu-box
{
	width:168px;
	padding-left: 6px;
	padding-right: 6px;
	background-image:url(/Content/Images/menu-item-bg.jpg);
	background-repeat: repeat-y;
	cursor:pointer;

}

.menu-box ul
{
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.menu-box li
{
	padding: 1px 0px 0px 0px;
}

.menu-item-on
{
	background-image:url(/Content/Images/menu-item-on.jpg);
	width: 146px;
	padding-top: 20px;
	padding-left: 10px;
	text-indent: -5px;
	padding-bottom: 0px;
	font-family: "Franklin Gothic Demi Cond", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 14px;	
	color: #04539f;	
	text-decoration: none;
		border-bottom: 0px;
	cursor:pointer;
}

.menu-subitems-on
{
	background-image:url(/Content/Images/menu-item-on.jpg);
	width: 146px;
	padding-top: 20px;
	padding-left: 10px;
	padding-bottom: 0px;
}


.menu-subitems-on a
{
	font-family: "Franklin Gothic Demi Cond","Trebuchet MS",Helvetica,Arial,sans-serif;
	color: #90C73D;
	font-size: 13px;
}

.menu-subitems-on a:hover
{
	color: #04539f;
}

.menu-subitems-on-current a
{
	font-family: "Franklin Gothic Demi Cond","Trebuchet MS",Helvetica,Arial,sans-serif;
	color: #04539f;
	font-size: 13px;
}

.menu-bottom-on
{
	background-image:url(/Content/Images/menu-item-on-bottom.jpg);
	background-repeat: no-repeat;
	width: 156px;
	padding-left: 0px;
	height: 9px;
}

.menu-item span
{
	padding-top:20px;
}

.menu-subitems-off a
{
	padding-left: 10px;
	font-family: "Franklin Gothic Demi Cond","Trebuchet MS",Helvetica,Arial,sans-serif;
	color: #04539f;
	font-size: 13px;
}

.menu-subitems-off a:hover
{
	color: White;
}

.subnav
{
	color: #04539f;	
	font-size: 13px;
	font-family: "Franklin Gothic Demi Cond", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.subnav a
{
	color: #90c73d;	
}

.subnav a:hover
{
	color: #0651A4;	
}


.subnav span
{
	display:inline-block;
	padding-bottom: 4px;
}

.subcap
{
	text-transform: uppercase;
	color: #90c73d;
	font-size: 18px;
	
}

.menu-item
{
	background-image:url(/Content/Images/menu-item.jpg);
	width: 146px;
	height: 40px;
	padding-top: 17px;
	padding-left: 10px;
	text-indent: -5px;
	padding-bottom: 0px;
	font-family: "Franklin Gothic Demi Cond", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 14px;	
	color: #04539f;
	text-decoration: none;
		border-bottom: 0px;
	cursor:pointer;
}



a:hover .menu-item
{
	background-image:url(/Content/Images/menu-item-over.jpg);
}

a .menu-item
{
	background-image:url(/Content/Images/menu-item.jpg);
}


.menu-item:hover
{
	background-image:url(/Content/Images/menu-item-over.jpg);
	width: 146px;
	height: 40px;
	padding-top: 17px;
	padding-left: 10px;
	padding-bottom: 0px;
	font-family: "Franklin Gothic Demi Cond", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 14px;	
	color: #ffffff;	
	text-decoration: none;
		border-bottom: 0px;
	cursor:pointer;
}

.menu-item-current
{
	background-image:url(/Content/Images/menu-item-current.jpg);
	width: 146px;
	height: 43px;
	padding-top: 20px;
	padding-left: 10px;
	padding-bottom: 0px;
	font-family: "Franklin Gothic Demi Cond", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 15px;	
	color: #04539f;	
	text-decoration: none;
		border-bottom: 0px;
	cursor:pointer;
}

.menu-box a
{
	text-decoration: none;	
		border-bottom: 0px;
}

.menu-bottom
{
	background-image:url(/Content/Images/menu-bottom.jpg);
	background-repeat: no-repeat;
	width: 168px;
	height: 8px;
	float: left;	
}

.sub-title
{
    color: #003399;
    font-size: 16px;
    font-weight: bold;
}

.sub-sub-title
{
    color: #000000;
    font-size: 15px;
    font-weight: bold;
}

.quick-links-no-bg
{
	color: #0651a4;
	padding:4px 4px 4px 4px;	
	margin-top:0px;
	font-weight:bold;
}

.quick-links-header
{
	color: #90c73d;
	font-size: 16px;
	font-family: "Franklin Gothic Demi Cond", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.quick-links-ul
{
	list-style-type: none;
}

.quick-links-ul li
{
	margin-left: -17px;
	padding: 5px 0px 5px 0px;
	font-size: 12px;
	line-height: 1.5;
}


/* Photo Contest */
.quick-links
{
	background-image:url(/Content/Images/quicklinkbg.jpg);
	background-repeat:repeat-x;
	color: #0651a4;
	padding:4px 4px 4px 4px;	
	float:right;
	margin-top:0px;
	width: 240px;
	margin-left:20px;
	font-weight:bold;
}

.sub-sub-title-blue
{
    font-size: 15px;
    font-weight: bold;	
}

.quick-links li
{
	padding-top: 5px;
	padding-bottom: 5px;
}

.quick-links a:hover
{
	
}

.communityButton
{
	float:left;
	width: 250px;
	line-height: 12px;
	height: 30px;
}

.communityGroup
{
	
}

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}

#slideshow li
{
	float:left;
}


#wrapper {width:906px; height:685px; z-index:100; background-color:#ffffff; border:solid 4px #ffffff; top:50%; left:50%; margin-left:-453px; margin-top:-342px; position:absolute; display:none}

#fullsize {position:relative; width:900px; height:610px; padding:2px; border:1px solid #ffffff; background:#ffffff}
#information {position:absolute; bottom:0; width:900px; height:0; background:#fff; color:#000; overflow:hidden; z-index:200;}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:900px; background-color:#ffffff}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:566px; cursor:pointer; z-index:150}
#imgprev {left:0;display:none; background:url(/Contest/images/left.gif) left center no-repeat}
#imgnext {right:0;display:none; background:url(/Contest/images/right.gif) right center no-repeat}
#imglink {position:absolute; display:none; height:496px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(/Contest/images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:33px; height:46px; background:url(/Contest/images/scroll-left.gif) center center no-repeat; background-color:#ccc}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:33px; height:46px; background:#ccc url(/Contest/images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:830px; margin-left:5px; height:46px; overflow:hidden}
#slider {position:absolute; left:0; height:46px}
#slider img {cursor:pointer; width:76px; height:46px; border:1px solid #fff; padding:2px}

.vote
{
	background-image:url('/Contest/Images/contest-vote.gif');
	float:right;
	width:98px;
	height:45px;
	cursor:pointer;
}

.close
{
	background-image:url('/Contest/Images/contest-close.gif');
	float:right;
	width:91px;
	height:45px;
	cursor:pointer;	
	background-repeat: no-repeat;
}




.photoCaption
{
	font-size: 9px;
	text-align:left;
	background-color: #ffffff;
	text-align:center;
}


a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.tooltip { text-decoration: none; color: #000000;	border-bottom: 0px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; 	border-bottom: 0px;text-decoration:none; border:1px solid #cccccc; color:#6c6c6c;}

/* Popup */

.black_overlay{
background-color: rgb(0, 0, 0);
opacity: 0.7; /* Safari, Opera */
-moz-opacity:0.70; /* FireFox */
filter: alpha(opacity=70); /* IE */
z-index: 20;
height: 100%;
width: 100%;
background-repeat:repeat;
position:fixed;
top: 0px;
left: 0px;
display: none;
}
 
.white_content {
	display: none;
	position: absolute;
	top: 200px;
	left: auto;
	right: auto;
	width: 337px;
	height: 337px;
	padding: 0px;
	border: 0px none;
	background-image: url(/images/popup.png);
	z-index:1002;
	overflow: auto;
}


/* Calendar */
.titleStyle
{
	background-color: #ffffff;
	border-style: none;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
}

.dayHeaderStyle
{
	background-color: #0651a4;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	width: 230px;
	height: 27px;
	
}

.dayStyle
{
	background-color: #5e7fa4;
	color: #ffffff;
	border: solid 1px #ffffff;
}

.dayStyle a
{
	color: #ffffff;	
}

/* Site Map */
.sitemap
{
	width: 100%;
}

.tier1
{
	background-color: #0253a2;
}

.tier1 a
{
	color: #ffffff;
	font-weight: bold;
}

.tier2
{
	background-color: #b3cbe3;
	font-weight: bold;
}

.tier3
{
	background-color: #d9e5f1;
	padding-left: 20px;
}

/* Programs and Rebates */
.community
{
	float: left;
	border: solid 1px #003399;
	background-color: #dddddd;
	width: 244px;
	height: 20px;
	margin-left: 1px;
	margin-right: 2px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 2px;
	text-align: center;
	max-width: 244px;
	max-height: 20px;
	white-space: nowrap; 
}

.community:hover
{
	float: left;
	border: solid 1px #a4d22d;
	background-color: #ffffff;
	width: 244px;
	height: 20px;
	margin-left: 1px;
	margin-right: 2px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 2px;
	text-align: center;
	white-space: nowrap;
}

.letter
{
	float: left;
	border: solid 1px #003399;
	background-color: #dddddd;
	width: 22px;
	height: 20px;
	margin: 1px;
	padding: 1px;
	text-align: center;
}

.letterSelected
{
	float: left;
	border: solid 1px #a4d22d;
	background-color: #ffffff;
	width: 22px;
	height: 20px;
	margin: 1px;
	padding: 1px;
	text-align: center;
}

.letter:hover
{
	float: left;
	border: solid 1px #a4d22d;
	background-color: #ffffff;
	width: 22px;
	height: 20px;
	margin: 1px;
	padding: 1px;
	text-align: center;
}

.letterSelected:hover
{
	float: left;
	border: solid 1px #a4d22d;
	background-color: #ffffff;
	width: 22px;
	height: 20px;
	margin: 1px;
	padding: 1px;
	text-align: center;
}

.areatitle
{
	color:#ffffff;
	font-size:12px;	
}
.row
{
	background-color:#ffffff;
}
.rowalt
{
	background-color:#edf3fe;
}

.wrapper 
{
	background-image: url("/Content/Images/background.gif");
	background-repeat: repeat-y;
	background-position: center;
	width: 844px;
	height: auto;
	display:table;
	border: none 0px;
	margin-left: auto;
	margin-right: auto;	
}

img
{
    border: none 0px;
}



.header
{
	border: none 0px;
	margin-left: auto;
	margin-right: auto;
	width: 832px;
	height: 96px;
}

.logo
{
	padding-left: 6px;
    padding-top: 6px;
}

.slogan
{
    padding-left:0px;
    padding-top: 53px; 
}

.feature
{
    border: none 0px;
    margin-left: auto;
	margin-right: auto;
	width: 832px;
	height: 247px;
	position: relative;
}

.navigation
{
	background-color: #f5f6f6;
	line-height: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
	margin-bottom: 0px;
	width: 832px;
	height: 31px;
	text-align: center;
	border-top: solid 1px #f0f0f0;
	border-bottom: solid 1px #f0f0f0;
	border-left: none 0px;
	border-right: none 0px;
}

.navigation a
{
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    	border-bottom: 0px;
}

.tab-links
{
    padding-left: 50px;
}

.tab-links a
{
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    	border-bottom: 0px;
    float: left;
    text-align: center;
    border-right: solid 1px; 
}

.tab-links span /* for print view, <a> is replaced with <span> */
{
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    	border-bottom: 0px;
    float: left;
    text-align: center;
    border-right: solid 1px; 
}

.content 
{
	border-style: none;
	border-color: inherit;
	border-width: 0px;
	display: block;
		float: none;
		margin-right: auto;
		margin-left: auto;
		width: 806px;
		padding: 10px 5px 20px 5px;

}

.largeGreen
{
	text-align: center;
	color: #90c73d;
	font-size: 22px;
	font-family: "Franklin Gothic Demi Cond", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.largeblue
{
	color: #0851a5;
	font-size: 18px;
	font-family: "Franklin Gothic Demi Cond", "Trebuchet MS", Helvetica, Arial, sans-serif;
}
.largeblue a
{
	text-decoration: none;
	border-bottom: 0px;	
}

.normalGreen
{
	text-align: center;
	color: #90c73d;
	font-size: 16px;
	font-family: "Franklin Gothic Demi Cond", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.normalGreenNoCenter
{
	text-align: left;
	color: #90c73d;
	font-size: 16px;
	font-family: "Franklin Gothic Demi Cond", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.indentedGreen
{
	text-indent: 25px;
	color: #90c73d;
	font-size: 16px;
	font-family: "Franklin Gothic Demi Cond", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.normalblue
{
	color: #0851a5;
	font-size: 16px;
	font-family: "Franklin Gothic Demi Cond", "Trebuchet MS", Helvetica, Arial, sans-serif;

}

.normalblue a
{
	text-decoration: none !important;
	border-bottom: 0px;
}

.greenBold
{
	color: #90c73d;
	font-weight: bold;
}


.column-nav
{
	float: left;
	width: 170px;
	padding-right: 6px;
}

.column-left
{
    width: 400px; 
    float: left; 
    padding-left: 20px; 
    padding-right:20px;      
}

.column-right
{
	padding-top: 4px;
    width: 155px; 
    float: right;
}

.column-full
{
    width: 585px; 
    float: left; 
    padding-left: 5px;
    padding-right:0px;
	/*padding-left: 20px;*/
    /*padding-right:20px;*/
}

.pdf
{
    float: left; 
    padding-right: 6px;
}

.crumb
{
    font-size: 11px;
    float: left;   
    padding-bottom: 0px;
}

.video-icon
{
	padding-top: 6px;
	background-image:url(/Content/Images/videobg.jpg);
	background-repeat: no-repeat;
	font-family: "Franklin Gothic Demi Cond", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 12px;
	width: 151px;
	height: 116px;
	cursor: pointer;
}

.videoThumbnail
{
	padding-top: 2px;
	padding-bottom: 2px;
}

.video_filmstrip
{

	background: url(/Content/Images/filmstrip_bg.jpg) top center no-repeat;

}

.videoArea
{
	
	margin: 0px 0 0 35px;
}

.title
{
	color: #90c73d;
	font-size: 22px;
	font-family: "Franklin Gothic Demi Cond", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.side-title
{
	color: #90c73d;
	font-size: 30px;
	font-family: "Franklin Gothic Demi Cond", "Trebuchet MS", Helvetica, Arial, sans-serif;	
}

.title span
{
	color: #04539f;
}

.footer
{
    height: 100px;
    background-color: #04539f;
	border: none 0px;
	margin-left: auto;
	margin-right: auto;
	width: 844px;
}

.footer-links
{
	color: #ffffff;
    text-align: center;
    font-size: 11px;
    line-height: 22px;
    padding-top: 4px;
}

.footer-links a
{
	color: #ffffff;
    text-decoration: none;
    	border-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;   
}

ul
{
    padding-left: 20px;
}

ol
{
    padding-left: 24px;
}

ol li
{
    padding-bottom: 10px;  
}

/* Energy Usage Calculator */
.disabled
{
    background-color: #EBEBEB;
    border: 1px solid #A5ACB2;
}

.taboff
{
	background-color:#b3b3b3;
	text-align:center;
	font-weight:bold;
	height:18px;
}
.tabon
{
	background-color:#003399;
	text-align:center;
	font-weight:bold;
	height:18px;
}
.tablink
{
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
		border-bottom: 0px;
	display:block;
}
.tablink:hover
{
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
		border-bottom: 0px;
	display:block;
}
.tablink:visited
{
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
		border-bottom: 0px;
	display:block;
}

.whatsnewitem
{
    margin-bottom: 10px;
}

.emailprint
{
    float: right;
    position: relative;
    top: 3px;
}

/* POLL */
.pollwrapper
{
    width: 230px;
    margin-left: 7px;
}

.polltopbar
{
  clear: both;
  width: 230px;
}

.polltopleft
{
  float: left;
  width: 20px;
  height: 30px;
  background: url(/Images/nw.gif) no-repeat top left; 
  background-color: #0651A4;
}

.polltopmiddle
{
  float: left;
  width: 190px;
  height: 30px;
  background-color: #0651A4;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 18pt;
  font-weight: bold;
  color: #6CBA4C;
  text-align: center;
}

.polltopright
{
  float: right;
  width: 20px;
  height: 30px;
  background: url(/Images/ne.gif) no-repeat top right; 
  background-color: #0651A4;
}

.pollboxcontent {
  background-color: #ffffff;
  padding: 0px 5px 0px 5px;
  border-left: 2px solid #0651A4;
  border-right: 2px solid #0651A4;
}

.pollboxbottom
{
  clear: both;
  width: 230px;
}

.pollbottomleft
{
  float: left;
  height: 20px;
  width: 20px;
  background: url(/Images/sw.gif) no-repeat top left; 
}

.pollbottommiddle
{
  position: relative;
  top: -2px;
  float: left;
  width: 190px;
  height: 20px;
  border-bottom: 2px solid #0651A4;
}

.pollbottomright
{
  float: right;
  height: 20px;
  width: 20px;
  background: url(/Images/se.gif) no-repeat top right;
}

.pollframe
{
    width: 100%;
}

.pollquestion
{
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
    color: #000000;
	font-size: 13px;
}

#pollwrapper .btn
{
    color:#ffffff; 
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 13px;
    background-color:#0651A4;
    border: 1px solid;
    padding-left: 10px;
    padding-right: 10px;
    filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#2D76C5',EndColorStr='#0651A4'); 
}


.tabs1_nav 
{ 
	display: inline; 
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
	list-style-type: none; 
	background-color: blue; 
} 

#tabs1_nav .li 
{ 
	display: inline; 
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
	list-style-type: none; 
	background-color: blue; 
}

#TblT8Header1, #TblT8Header2, #TblT8Header3
{
	background-color: #C5D9F1;
	font-weight: bold;
	font-size: 90%;
	text-align: center;
}

#TblT8s
{
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 10px;
}

#TblT8s th, #TblT8s td
{
	border: 1px solid black;
	padding: 2px 3px 2px 3px;
}

#TblT8s th
{
	background-color: #004E98;
	color: White;
	font-weight: bold;
	font-size: 95%;
}

#tblTF8Retailers
{
	width: 100%;
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 10px;
}

#tblTF8Retailers th, #tblTF8Retailers td
{
	border-width: 0px;
}

#tblTF8Retailers .retailerCity
{
	font-weight: bold;
}

#tblTF8Retailers .retailer
{
}

#tblTF8Retailers .retailerInfo
{
	text-indent: 10px;
}

.DataTable
{
	width: 100%;
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 10px;	
}

.DataTable th
{
	font-weight: bold;
	font-size: 13px;
}

.DataTable th, .DataTable td
{
	border: 1px solid black;
	padding: 2px 3px 2px 3px;
	text-align: center;
}

.BlueBackground
{
	background-color: #ADC0E1;
}

.GreenBackground
{
	background-color: #D8E9BF;
}

.WhiteBackground
{
	background-color: #FFFFFF;
}
