/* Cascading Style Sheets RULES */
/* AUTHOR: Todd Peterson, MicroEnginetics */
/* Copyright 2007 MicroEnginetics. All rights reserved. */
body {
	background: #cccccc url(../Images/Bkgd.jpg) repeat-x;
	margin: 0px;
	padding: 0px;
}
#Site {
	position: absolute;
	top: 0%;
	left: 2%;
	width: 96%;
	margin: 0px;
	padding: 0px;
}
#Logo {
	padding-top: 6px;
	padding-bottom: 6px;
}
#EnergyCoop {
	position: absolute;
	top: 18px;
	right: 0px;
	color: Red;
	font-family: Verdana, Sans-Serif, Arial;
	font-size: 10pt;
	font-variant: small-caps;
	font-weight: bold;
}
#EnergyCoop img {
	border: 0px;
}
#Page {
	position: absolute;
	top: 102px;
	left: 2%;
	width: 96%;
	margin: 0px;
	padding: 0px;
	background-color: White;
}
#PageHdr {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 66px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background: #b8860b url(../Images/BannerBkgd.png) no-repeat left top;
}
#BannerTxt {
	position: absolute;
	top: 18px;
	left: 15px;
	color: White;
	font-family: Verdana, Sans-Serif, Arial;
	font-size: 18pt;
	font-style: italic;
	font-weight: 700;
	z-index: 100;
}
#BannerTxt2 {
	position: absolute;
	top: 9px;
	left: 15px;
	color: White;
	font-family: Verdana, Sans-Serif, Arial;
	font-size: 16pt;
	font-style: italic;
	font-weight: 700;
	z-index: 100;
}
#BannerImg {
	position: absolute;
	top: 0px;
	right: 0px;
}
#Main {
	position: absolute;
	top: 100%;
	left: 0px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: White;
	color: Black;
	border-top: ridge 3px #800080;
	font-family: Verdana, Sans-Serif, Arial;
	font-size: 10pt;
	font-weight: 600;
}
.subMenuHdr {
	border-bottom: solid 1px #000000;
	margin-top: 6px;
	padding-bottom: 6px;
}
#SubMenu1, #SubMenu2, #SubMenu3, #SubMenu4 {
	display: none;
	position: relative;
	left: 12px;
	border: solid 1px #000000;
	background-color: #f5f5dc;
	color: #8b4513;
	font-family: Verdana, Sans-Serif, Arial;
	font-size: 8pt;
	font-weight: bold;
	line-height: 2.2;
	width: 210px;
	z-index: 100;
}
#SubMenu1 a:link, #SubMenu1 a:visited, #SubMenu2 a:link, #SubMenu2 a:visited, #SubMenu3 a:link, #SubMenu3 a:visited, #SubMenu4 a:link, #SubMenu4 a:visited {
	display: block;
	color: #0000a0;
	padding: 0px 6px 0px 6px;
	text-decoration: none;
}
#SubMenu1 a:active, #SubMenu2 a:active, #SubMenu3 a:active, #SubMenu4 a:active {
	display: block;
	color: Silver;
	text-decoration: none;
}
#SubMenu1 a:hover, #SubMenu2 a:hover, #SubMenu3 a:hover, #SubMenu4 a:hover {
	display: block;
	background: url(../Images/HoverBkgd.gif) repeat-x;
	color: Silver;
	text-decoration: underline;
}
.popUp {
	border-bottom: dotted 1px #000000;
}
#PageNav {
	float: right;
	width: 222px;
	margin: 0px;
	padding: 0px;
	background-color: #f5f5dc;
	border-left: solid 1px #000000;
	border-bottom: solid 1px #000000;
	z-index: 99;
}
#NavBar {
	color: #8b4513;
	font-family: Verdana, Sans-Serif, Arial;
	font-size: 8pt;
	font-weight: bold;
	line-height: 2.2;
	margin: 0px 6px 0px 6px;
}
.navBar a:link, .navBar a:visited {
	color: #0000a0;
	text-decoration: none;
}
.navBar a:active {
	color: Silver;
	text-decoration: none;
}
.navBar a:hover {
	background: url(../Images/HoverBkgd.gif) repeat-x;
	color: Silver;
	padding: 0px;
	text-decoration: underline;
}
.navLnk {
	border-bottom: solid 1px #000000;
}
#PageNav img {
	border: 0px;
}
#EasyPay {
	background-color: #90ee90;
	border-bottom: solid 1px #000000;
	line-height: 2.2;
	text-indent: 6px;
}
#Apogee {
	border-bottom: solid 1px #000000;
	padding: 5px 0px 3px 0px;
}
#Efficiency {
	background: url(../Images/Efficiency.jpg) no-repeat;
	border-bottom: solid 1px #000000;
	line-height: 2.2;
	text-indent: 6px;
}
#SafeElec {
	padding: 5px 0px 3px 0px;
}
#Apogee a:hover, #SafeElec a:hover {
	background-color: Black;
	border: 0px;
	padding: 0px;
}
#Weather {
	background: url(../Images/Weather.jpg) no-repeat;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	line-height: 2.2;
	text-indent: 6px;
}
#Outage {
	position: relative;
	top: -12px;
	border-top: solid 2px #0099ff;
	border-bottom: solid 3px #0099ff;
	margin: 0px;
	padding: 3px 0px 3px 0px;
	background-color: Black;
	color: White;
	font-family: Verdana, Sans-Serif, Arial;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
}
#OutageTxt {
	font-size: 8pt;
	font-weight: normal;
}
.outageNum {
	color: Fuchsia;
	font-weight:bold;
}
#EnergyMan {
	position: relative;
	top: -5px;
}
#Content {
	border-right: solid 1px #000000;
	margin-right: 222px;
}
#Story {
	background-color: #f0f8ff;
	height: auto;
}
#Note {
	background-color: Silver;
	padding: 3px 3px 3px 3px;
	margin-left: 0px;
	color: Maroon;
	font-family: Verdana, Sans-Serif, Arial;
	font-size: 12pt;
	font-variant: small-caps;
	font-weight: bolder;
}
#Note span {
	background-color: Black;
	padding: 0px;
	margin-top: 3px;
	margin-left: 9px;
	color: White;
	font-size: 10pt;
	font-variant: normal;
	font-weight: bold;
}
#NoteStory {
	background-color: Silver;
	margin-top: 3px;
	margin-left: 9px;
	color: Black;
	font-size: 10pt;
	font-variant: normal;
	font-weight: bold;
}
#Story h3 {
	margin-top: 0px;
	margin-left: 12px;
	color: Green;
}
#Story h3 span {
	background-color: Yellow;
	padding: 0px 3px 3px 3px;
}
#Story img {
	float: left;
	padding: 0px 6px 0px 6px;
	vertical-align: top;
}
.firstChr {
	font-size: 150%;
	margin-left: 12px;
}
.content {
	margin-left: 12px;
	padding-bottom: 3px;
}
#StoryTbl {
	clear: left;
	margin: 6px 0px 0px 6px;
	color: Black;
	font-family: Verdana, Sans-Serif, Arial;
	font-size: 8pt;
	font-weight: 500;
}
#StoryTbl a:hover {
	padding: 1px;
	background: url(../Images/HoverBkgd.gif) repeat-x;
	color: Silver;
	text-decoration: underline;
}
.storyTbl {
	background-color: Black;
	color: White;
	font-size: 12pt;
	font-weight: 900;
}
.storyHdr {
	background-color: Silver;
	color: Purple;
	font-size: 10pt;
	font-weight: 700;
}
.storyColHdr {
	background-color: #b0c4de;
	color: White;
	font-size: 9pt;
	font-weight: 700;
}
#StoryTbl img {
	float: left;
	margin-right: 6px;
	vertical-align: top;
}
#GenColHdr2 {
	color: Red;
	font-size: 9pt;
	font-weight: 700;
	text-align: center;
}
#GenColHdr3 {
	color: Green;
	font-size: 9pt;
	font-weight: 700;
	text-align: center;
}
#NewsLetterHdr {
	height: 24px;
	background: #ffffff url(../Images/NewsLetterHdrBkgd.png) no-repeat;
	color: White;
	font-size: 8pt;
	font-weight: 700;
}
#NewsLetter {
	height: 300px;
	background: White url(../Images/CurrentActivitiesBkgd.png) no-repeat;
	line-height: 1.2;
	padding: 0px 6px 0px 6px;
	text-align: right;
}
#NewsLetter a:hover, #OpRoundUp1 a:hover, #OpRoundUp2 a:hover {
	padding: 3px;
	background: url(../Images/HoverBkgd.gif) repeat-x;
	color: Silver;
	text-decoration: underline;
}
#OpRoundUpHdr {
	height: 24px;
	background: #ffffff url(../Images/OpRoundUpHdrBkgd.png) no-repeat;
	color: White;
	font-size: 9pt;
	font-weight: 700;
}
#OpRoundUp1 {
	background-color: #cccc66;
	line-height: 2.2;
	padding: 0px 6px 0px 6px;
	text-align: right;
}
#OpRoundUp2 {
	background-color: #8fbc8b;
	line-height: 2.2;
	padding: 0px 6px 0px 6px;
	text-align: right;
}
.recipe {
	position: relative;
	width: 503px;
	height: 443px;
	background: url(../Images/Recipe.gif) no-repeat;
}
#Select1 {
	position: absolute;
	top: 0px;
	left: 348px;
	width: 144px;
}
#Recipe1 {
	position: absolute;
	top: 12px;
	left: 180px;
	width: 144px;
}
#Recipe2 {
	position: absolute;
	top: 54px;
	left: 12px;
	width: 228px;
	text-align: left;
}
#Recipe3 {
	position: absolute;
	top: 54px;
	left: 258px;
	width: 228px;
	text-align: left;
}
#Recipe4 {
	position: absolute;
	top: 366px;
	left: 12px;
	width: 479px;
}
#PageFooter {
	clear: both;
	position: absolute;
	top: 100%;
	left: 0px;
	width: 100%;
	margin: 0px;
	padding: 3px 0px 3px 0px;
	border-top: ridge 2px #800080;
	background-color: Silver;
	color: Black;
	font-size: 10pt;
	font-family: Verdana, Sans-Serif, Arial;
	font-weight: bold;
	text-align: center;
}
#Copyright {
	position: absolute;
	top: 100%;
	left: 0px;
	width: 100%;
	margin: 0px;
	padding: 3px 0px 3px 0px;
	color: #999999;
	font-size: 8pt;
	font-family: Verdana, Sans-Serif, Arial;
	font-weight: bold;
	text-align: center;
}
#Creator {
	color: #20b2aa;
	font-size: 7pt;
	line-height: 2;
	margin-top: 3px;
}
#Creator a:link, #Creator a:active, #Creator a:visited {
	color: #0099ff;
	text-decoration: underline;
}
#Creator a:hover {
	background-color: #0099ff;
	color: White;
	padding: 3px 3px 3px 3px;
	text-decoration: underline;
}
/* END OF Cascading Style Sheets RULES */