html { 
      	overflow-y: scroll;
      	font: normal 12px/18px Arial, Helvetica, sans-serif;
   	}
		body {
			margin-top: 0px;
      	background: #6FB320 url(../media/bgImage.jpg) repeat-x;
		}
      form {
         margin: 0px;
      }
      ol {
         color: #0A5A6B; 
      }
      img {
         border: 0px;
      }   
      table {
         width: 100%;
         margin: 0px 0px 15px 0px;
      }
      td {
         padding: 2px;
			color: #0A5A6B;
         background-color: #ddeded;
      }
      th {
         background-color: #8FB3B8;
         color: white;
      }
      .contactTable th {
         text-align: left;
         padding: 0px 0px 0px 5px;
      }
      .contactTable input {
         width: 230px;
         height: 15px;
         margin: 2px;
      }
      .contactTable textarea {
         width: 230px
      }
      .smallFont {
         font: normal 11px Arial, Helvetica, sans-serif;
			line-height: 16px;
      } 
		#container {
			width: 804px;
			margin: auto;
		}
		#masterDiv {
			margin: auto;
			float: left;
			width: 778px;
			background-color: #fff;
		}
		#top {
			height: 30px;
      	background: url(../media/top.jpg) no-repeat;
		}
		#banner {
			padding: 0px;
			margin: 0px;
		}
		#banner {
			margin: 0px;
		}
		#banner img {
			display: block;
			width: 311px;
			float: left;
   /* ie5 mac \*/
			width: 314px;
   /* ie5 */  
		}
		#leftSide {
      	background: url(../media/leftSide.jpg) top left no-repeat;
			float: left;
			width: 12px;
			height: 10px;
		}
		#rightSide {
      	background: url(../media/rightSide.jpg) top right no-repeat;
			float: left;
			height: 10px;
			width: 13px;
		}
		.clearBoth {
			clear: both;
		} 
   #leftNav {
      width: 295px;
      height: 300px;
      float: left;
   }
   #leftNav .content {
      width: 115px;
      padding: 19px 0px 0px 35px;
   }
   #leftNav h2 {
      color: #c0cc9e;
      display: inline;
      margin: 0px;
     	font: bold 12px Arial, Helvetica, sans-serif;

   }
   #leftNav p {
      color: #596f7a;
      width: 110px;
      margin: 5px 0px 37px 0px;
     	font: normal 11px Arial, Helvetica, sans-serif;

   }
   #mainContent {
      width: 425px;
      margin-left: 300px;
   }
   #mainContent .content {
      background: url(../media/dottedLineVertical.gif) top left repeat-y;
      width: 425px;
      margin: 25px 0px 0px 0px;
      padding-left: 23px;
   }
   #mainContent h1 {
      color: #000;
      margin: 0px;
     	font: bold 16px Arial, Helvetica, sans-serif;
   }
   #mainContent .content p {
      color: #0A5A6B;
     	font: normal 12px/20px Arial, Helvetica, sans-serif;
      width: 390px;
   }
   #footer {
      color: #596f7a;
      padding: 10px 0px 0px 23px;
      margin-bottom: 10px;
   }
   #footer a {
      color: #596f7a;
     	font: normal 11px Arial, Helvetica, sans-serif;
      padding: 0px 8px 0px 8px;
   }
   #footer a.first {
      padding: 0px 8px 0px 0px;
   }
   #footer a:visited {
      color: #596f7a;
   }
   #footer a:active {
      color: #596f7a;
   }   
   
   #footerLanding {
      background: url(../media/landingPageBG.jpg) repeat-y;
      color: #596f7a;
      padding: 30px 0px 10px 330px;
   }
   #footerLanding p {
      margin: 0px;
      padding: 0px;
   }
   #footerLanding a {
      color: #596f7a;
     	font: normal 11px Arial, Helvetica, sans-serif;
      padding: 0px 8px 0px 8px;
   }
   #footerLanding a.first {
      padding: 0px 8px 0px 0px;
   }
   #footerLanding a:visited {
      color: #596f7a;
   }
   #footerLanding a:active {
      color: #596f7a;
   }   
   #bottomDiv {
      background: url(../media/bottomBg.jpg) no-repeat;
      height: 36px;
      width: 803px;
      margin: auto;
		padding-right: 1px;
   }
   #bottomDiv p {
     	font: normal 11px Arial, Helvetica, sans-serif;
      color: #596f7a;
      padding: 0px 0px 0px 345px;
      margin: 0px;
   } 
   #bottomDivIndex {
      background: url(../media/bottomBgIndex.jpg) no-repeat;
      height: 41px;
      width: 803px;
      margin: auto;
		padding-right: 1px;
   }
   #bottomDivIndex p {
     	font: normal 11px Arial, Helvetica, sans-serif;
      color: #596f7a;
      padding: 10px 0px 0px 537px;
      margin: 0px;
   }
   
   /* these are the styles for the DHTML slide out menu.  delete if not using menu */
   #dropmenudiv {
      position: absolute;
      border: 1px solid #596f7a;
     	font: normal 12px Arial, Helvetica, sans-serif;
      z-index: 100;
      background-color: #eef6f8;
   }
   #dropmenudiv a {
      width: 100%;
     	font: normal 12px Arial, Helvetica, sans-serif;
      color: #596f7a;
      display: block;
      padding: 3px 0px 3px 5px;
      text-decoration: none;
   }
   #dropmenudiv a:hover{ /*hover background color*/
      color: #0A5A6B;
   }
   
   
   
   /*  second level pages  */
   #topLandingPages {
      height: 14px;
		position: relative; top: 0px; left: 0px;
      width: 476px;
      float: right;
      background: url(../media/mainContentLandingTop.jpg) no-repeat;
   }
   #leftNavLanding {
      background: url(../media/landingPageBG.jpg) repeat-y;
      width: 302px;
      float: left;
   }
   .leftNavDiv {
      padding: 20px 0px 20px 0px;
   }
   .leftNavDiv a {
      text-decoration: none;
      color: #9BB96B;
   }
   .leftNavDiv h2 {
      color: #9BB96B;
      width: 132px;
		padding-top: 13px;
      margin: 0px 0px 0px 145px;
     	font: bold 12px Arial, Helvetica, sans-serif;

   }
   #leftNavLanding p {
      color: #596f7a;
      width: 110px;
      margin: 5px 0px 0px 145px;
     	font: normal 11px Arial, Helvetica, sans-serif;

   }
   #leftNavBottom {
      height: 50px;
   }
   #mainContentLanding {
      width: 425px;
      margin-left: 303px;
   }
   #mainContentLanding .content {
      width: 390px;
      margin: 10px 0px 0px 0px;
      padding-left: 23px;
   }
   #mainContentLanding .content a {
      color: #0A5A6B;
   }
   #mainContentLanding h1 {
      color: #000;
      margin: 0px 0px 15px 0px;
     	font: bold 16px Arial, Helvetica, sans-serif;
   }
   #mainContentLanding .content p {
      color: #0A5A6B;
     	font: normal 12px/20px Arial, Helvetica, sans-serif;
      margin: 0px 0px 15px 0px;
   }
   #mainContentLanding .content h3 {
      color: #000;
      margin: 0px 0px 5px 0px;
     	font: bold 12px Arial, Helvetica, sans-serif;
   }
   #mainContentLanding .content h3 a {
      color: #000;
      margin: 0px;
     	font: bold 12px Arial, Helvetica, sans-serif;
   }
   
   .imageA {
      background: url(../media/promoIconWindfarm.jpg) 20% 100% no-repeat;
		height: 74px;
   }
   .imageA .blueFont {
      color: #596f7a;
   }
   .imageB {
      background: url(../media/camera.jpg) 0% 100% no-repeat;
   }
   .imageC {
      background: url(../media/windmill.jpg) 0% 100% no-repeat;
   }
   .imageFlash {
      margin: 0px 0px 0px 20px;
		padding: 20px;
      background: url(../media/leftNavDivBottom.jpg) 100% 100% no-repeat;
		padding-bottom: 20px;
   }

/* THESE ARE THE STYLES FOR THE DHTML NAV */      
      
   ul {
      font: normal 16px Arial, Helvetica, sans-serif;
      margin: 0px 0px 0px 0px;
      padding: 0px;
      list-style: none;
   }
   ul#nav {
      font: normal 16px Arial, Helvetica, sans-serif;
      margin: 0px 0px 0px 0px;
      padding: 61px 0px 0px 0px;
      list-style: none;
   }
   ul li.floatedOverview {
      float: left;
      background: url(../media/navSpacer.jpg) 100% 100% no-repeat;
      padding: 0px 15px;
      width: 73px;
   }
   ul li.floatedFacts {
      background: url(../media/navSpacer.jpg) 100% 100% no-repeat;
      float: left;
      padding: 0px 15px;
      width: 42px;
   }
   ul li.floatedBenefits {
      background: url(../media/navSpacer.jpg) 100% 100% no-repeat;
      float: left;
      padding: 0px 15px;
      width: 65px;
   }
   ul li.floatedUtilities {
      float: left;
      padding: 0px 15px;
      width: 57px;
   }
   li ul {
   	position: absolute;
   	display: none;
      width: 150px;
      background-color: #fff;
      border: 1px solid #596f7a;
		z-index: 1000;
   }
   /* Styles for Menu Items */
   ul li a {
      color: #0A5A6B;
      font: bold 16px Arial, Helvetica, sans-serif;
      text-decoration: none;
      padding: 3px 0px;
      display: block;
      background: #fff; /* IE6 Bug */
   }
   
   /* Fix IE. Hide from IE Mac \*/
   * html ul li { float: left; height: 1%; }
   * html ul li a { height: 1%; }
   /* End */
   
   ul li ul li a:hover { 
   	color: #012333;
   }
   li ul li a { 
      padding: 2px 5px; 
   } /* Sub Menu Styles */	
   li:hover ul, li.over ul { 
      display: block; 
   } /* The magic */
   ul li ul li a {
      color: #596f7a;
      font: normal 12px Arial, Helvetica, sans-serif;
      text-decoration: none;
      background: #eef6f8; /* IE6 Bug */
   }
   
/* END STYLES FOR THE DHTML NAV */     

	#flashObject {
		display: none;
	}
	#flashObjectMovie {
		display: none;
		height: 273px;
	}      
	#movieContainer {
		height: 273px;
	}    
	#movieContainerLanding {
		height: 120px;
		min-height: 135px;
	}
   .leftImage {
      padding: 3px 0px 10px 80px;
      background: url(../media/eagle.jpg) no-repeat;
   }
   .sectionText {
      border-top: 1px solid black;
      border-bottom: 1px solid black;
      padding: 10px 0px 100x 0px;
      color: #000;
   }
   .sectionText p {
      margin: 10px 0px 100x 0px;
      color: #000;
   }