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

body {
	margin: 0;
	padding: 0;
	background: #000 url("/images/pageBG.jpg") no-repeat 50% top;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	}
body.rules { 
	background: #fff; 
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	padding: 10px;
	}

a:link, a:visited { color: #20386e; text-decoration: underline; }
a:hover { color: #6996c9; text-decoration: none; }
p { margin: 0 0 15px 0; padding: 0; line-height: 1.6; }
ol { margin: 0; padding: 0 0 0 30px;}
ol li { margin: 0 0 15px 0;  line-height: 1.6; }
ul.registerList li {margin: 0 0 10px 0; }
.floatRight { float: right; margin: 0 0 0 10px; }

.clearme { clear: both; }

.wrapper {
	width: 744px;
	margin: 20px auto 0 auto;
	}

.headerWrap {
	background: url("/images/headerBG.png") no-repeat right top;
	width: 744px;
	height: 157px;
	}

.header {
	float: right;
	width: 612px;
	height: 157px;
	position: relative;
	}

.flash {
	width: 261px;
	height: 145px;
	top: 10px;
	right: 35px;
	padding: 0;
	position: absolute;
	}

.logo { 
	position: absolute;
	top: 0;
	left: 0;
	width: 612px; 
	height: 157px; 
	z-index: 999999999;
	}

.logo a { 
	width: 612px; 
	display: block; 
	height: 157px; 
	}

.contentWrap {
	float: right;
	background: url("/images/wrapperBG.png") repeat-y right top;
	width: 744px;
	}
.contentWrapTall {
	float: right;
	background: url("/images/wrapperBG.png") repeat-y right top;
	width: 744px;
	padding: 0 0 60px 0;
	}

/*-- NAVIGATION STYLES --*/
.leftCol {
	float: left;
	width: 136px;
	}

/*.navTop a {
	display: block;
	width: 132px;
	height: 34px;
	padding: 4px 4px 0 0;
	}
	
.navTop a:hover {
	background: url("/images/navTopHover.png") no-repeat right top;
	width: 132px;
	height: 34px;
	padding: 4px 4px 0 0;
	}*/

.navWrap {
	width: 136px;
	padding: 0;
	background: url("/images/navBG.png") repeat-y left top;
	}

	.navWrap dl {
		width: 136px;
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align: right;
		}
	
	.leftCol .navWrap dl dt {
		margin: 0;
		padding: 0;
		font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-align: right;
		background: url("/images/navDashed.gif") no-repeat center bottom;
		}
		
		.leftCol .navWrap dl dt a {
			width: 108px;
			margin: 0 0 0 4px;
			padding: 10px 12px;
			display: block;
			color: #666;
			text-decoration: none;
			/*border-bottom: 1px dashed #d1eaa5;*/
			}
			
		.leftCol .navWrap dl dt a:hover {
			color: #fff;
			display: block;
			background: #429a14 url("images/navHover.gif") repeat-x right bottom;
			}

		.leftCol .navWrap dl dt.noLink {
			margin: 0;
			padding: 5px 10px;
			font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
			text-align: right;
			background: url("/images/navDashed.gif") no-repeat center bottom;
			}

	.leftCol .navWrap dl dd {
		margin: 0;
		padding: 0;
		font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-align: right;
		background: url("images/navDashed.gif") no-repeat center bottom;
		}
		
		.leftCol .navWrap dl dd a {
			width: 112px;
			margin: 0 0 0 4px;
			padding: 6px 20px 6px 0;
			display: block;
			color: #20386e;
			text-decoration: none;
			/*border-bottom: 1px dashed #d1eaa5;*/
			background: url("/images/bullet.gif") no-repeat 115px 10px;
			}
			
		.leftCol .navWrap dl dd a:hover {
			color: #fff;
			display: block;
			background: #429a14 url("/images/navHover.gif") repeat-x left bottom;
			}

			
	.navWrap dl dt.navTop {
		height: 34px;
		margin: 0;
		padding: 0;
		font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
		background: url("/images/navTop.jpg") no-repeat left top;
		}

	.navWrap dl dt.navTop a {
		width: 120px;
		margin: 0 0 0 4px;
		padding: 12px 12px 4px 0;
		display: block;
		color: #666;
		text-decoration: none;
		border-bottom: 0px none #d1eaa5;
		}

	.navWrap dl dt.navTop a:hover {
		width: 124px;
		height: 34px;
		margin: 0;
		padding: 12px 12px 4px 0;
		display: block;
		color: #fff;
		text-decoration: none;
		background: url("/images/navTopHover.jpg") no-repeat left top;
		}

.navBottom {
	background: url("/images/navBottom.png") no-repeat left top;
	height: 39px;
	width: 136px;
	}

/*-- RIGHT COLUMN --*/
.rightCol {
	float: right;
	width: 535px;
	padding: 0 35px 0 30px;
	font-size: 13px;
	}

.rightCol h1 {
	margin: 0 0 10px 0;
	color: #20386e;
	font: normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif;; 
	}

.content {
	width: 320px;
	float: left;
	}

.contentOneCol {
	float: left;
	}	

.sidebarWrap {
	float: right;
	width: 174px;
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #8f9394;
	}
	
	.sidebarWrap strong {
		color: #000;
		font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
		line-height: 1.4;
		}
				
.sidebarTop {	
	height: 111px;
	}

.sidebarTop2 {	
	height: 12px;
	}
	
.sidebarBottom {
	width: 144px;
	padding: 10px 15px 15px 15px;
	clear: both;
	background: url("/images/energyBottom.jpg") no-repeat left bottom;
	}

.sidebarBottom p.more {
	width: 125px;
	text-align: right;
	padding: 0 0 5px 15px;
	margin: 0;
	background: url("/images/bulletMore.gif") no-repeat 45px top;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	}

.sidebarBottom p.more2 {
	width: 120px;
	background: yellow;
	text-align: left;
	padding: 0 0 5px 20px;
	margin: 0;
	background: url("/images/bulletMore.gif") no-repeat left top;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	}

.sidebarBottom p.more a, .sidebarBottom p.more a:visited, .sidebarBottom p.more2 a, .sidebarBottom p.more2 a:visited {
	color: #333;
	text-decoration: none;
	}

.sidebarBottom p.more a:hover, .sidebarBottom p.more2 a:hover {
	color: #777;
	text-decoration: none;
	}

/*-- FOOTER --*/
.footerWrap {
	width: 744px;
	margin: 0 auto;
	clear: both;
	}
	
.footer {
	width: 532px;
	float: right;
	background: url("/images/footerBG.png") no-repeat right bottom;
	padding: 0 40px 40px 40px;
	}
	
.footer h2 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0 0 15px 0; 
	display: block;
	}
	
.footer img {
	margin: 0 5px 0 0;
	}
	
	


/*-- Individual Page Styles (non-framework/structure/layout styles --*/

/* -- Energy Savings Page --*/
.sidebarWrap ul.energyCalculators {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

.sidebarWrap ul.energyCalculators h2 {
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
	}

.sidebarWrap ul.energyCalculators li {
	margin: 0 0 5px 0;
	padding: 0;
	text-decoration: none;
	}

.sidebarWrap ul.energyCalculators li a, .content .sidebarWrap ul.energyCalculators li a:visited {
	margin: 0 0 5px 0;
	padding: 0;
	text-decoration: none;
	}
	
/*-- Energy Advisors Pages --*/
h3 { font-size: 14px; margin: 0 0 20px 0; padding: 0; font-style: italic; }
h3 span { color: #58BE05; }

/*-- Register Page --*/
#pnlRegistration {  }
.registerTable { width: 500px; margin: 0 0 15px 0; }
.registerTable td { width: 175px; padding: 5px 5px 5px 15px; }
.registerTable label {
	display: block;
	clear: both;
	margin: 0 10px 5px 0;
	font-weight: bold;
	}

.registerTable input {
	display: block;
	clear: both;
	margin: 0 10px 5px 0;
	padding: 4px 0;
	width: 200px;
	border: 1px solid #ccc;
	}
.registerTable tr.alt { background: #d5e5ef; }

.formleft {  }

/*-- JAVASCRIPT FADER --*/
#scroller div {
	visibility:hidden;
	vertical-align: top;
	}
#scroller, #scroller div.default {
	width:144px;
	height:120px;
	overflow:hidden;
	visibility:visible;
	vertical-align: top;
	}
#scroller table tr td div {
	visibility:visible;
	vertical-align: top;
	}

#scroller table tr td {
	text-align: left;
	vertical-align: top;
	}

#scroller table tr td p {
        color: #339900;
        font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	line-height: 1.4;
	}

/*-- Rules Styles --*/
body.rules ul p { font-size: 16px; }
body.rules ul  { margin: 0 0 15px 0; background: #f5f5f5; border: 1px solid #ccc; padding: 15px; }
body.rules ul li { margin: 0 0 15px 20px;  }

/*-- CONTROL STYLES --*/
/* v1.0 text styles, required for old controls */
.header { font-weight: bold; font-size: 12px; color: #333; }
.subheader { font-weight: bold; font-size: 11px; color: #403366; }
.largeheader { font-weight: bold; font-size: 13px; color: #333; }
.nav { font: bold 10px/12px helvetica, Arial,sans-serif; }
.jumperlink,.rmjumperlink { font: bold 10px/12px Arial,sans-serif; }
.jumperlink:hover,.rmjumperlink:hover,.largelink:hover { color: #f30; }
.headerlink,.headerlink:visited { font-weight: bold; color: #660000; }
.largeheaderlink,.largeheaderlink:visited { font: bold 13px/15px Arial,sans-serif; color: #333; }
.headerlink:hover,.sblabellink:hover,.miniheaderlink:hover,.largeheaderlink:hover { color: #20376b; }
.mini,.rm,.rmtext { font-size: 10px; line-height: 12px; }
.mini { font-size: 10px; line-height: 14px; }
.minilit { font-size: 14px; line-height: 12px; color:#20376b; font-weight: bold; }
.miniheader,.rmheader,.sblabel { font: bold 10px/12px Arial,sans-serif; color: #333; }
.minidim,.rmdim { font-size: 10px; line-height: 12px; color: #20376b; }
.minidimheader,.rmdimheader { font-size: 10px; line-height: 12px; color: #333; font-weight:bold; }
.minilink,.rmlink { font-size: 12px; line-height: 12px; color: #20376b; }
.micro,.microlink { font: 9px/11px arial,sans-serif; }
.microdim { font: 9px/11px arial,sans-serif; color: #333; }
.revtext,.rev { color: #ccc; }
.revheader { font-weight: bold; color: #fff; }
.revlargeheader { font: bold 13px/15px Arial,sans-serif; color: #fff; }
.revminitext,.revmini { font-size: 10px; line-height: 12px; color: #ccc; }
.revminiheader { font: bold 10px/12px Arial,sans-serif; color: #fff; }
.revminidim { font-size: 10px; line-height: 12px; color: #aaa; }
.revlink,.revlink:visited { color: #ccc; }
.revjumperlink,.revjumperlink:visited { font: bold 10px/12px Arial,sans-serif; }
.revminilink,.revminilink:visited { font-size: 10px; line-height: 12px; color: #ccc; }
.revlink:hover,.revminilink:hover,.revjumperlink:hover { color: #fff; }
td.lit { text-align: left; color: #20376b; font-size: 16px; }
span.lit strong { color: #333; display: block; }
tr.trdef { background: #d5e5ef; }
tr.tralt { background: #dbf4d2; }