body {
  font-family: Arial, sans-serif;
  text-align: center;
}
a { text-decoration:none }
a:hover { color:#FFAE00; }

#container {
  width: 800px;
  margin: 0 auto;
  text-align: left;
}

#header-table {
  width: 800px;
  border-bottom: 2px solid black;
}

#content {
  width: 800px;
  background-color: #595244;  
}

#main-left {
  vertical-align: top;
  padding-left: 0;
  margin-left: 0;
  width: 260px;
  background-color: #595244;
}
#main-spacer {
  width: 40px;
}

#main-right {
  vertical-align: top;
  width: 500px;
  background: #595244 url(/images/watermark.gif) top left no-repeat;
  padding-right: 5px;
}
#main-right p {
  color: #FFFFFF;
  font-size: 12px;
  line-height: 14pt;
  width: 480px;
  text-align: left;
}
#main-right hr {
  width:490px;
  text-align: left;
}

#main-right p.boldOrange {
  font-size: 12px;
	font-weight: bold;
	color: #B37A00;
}

.two-col-list {
  margin: 0;
  margin-bottom: 100px;
}

.two-col-list li {
  list-style: disc;
  width: 48%;
  float: left;
  padding: 3px;
  color: #FFFFFF;
  font-size: 12px;
}

.boldlis li {
  font-weight: bold;
}

#footer {
  text-align: center;
  width: 500px;
  margin: 0 auto;
}

#footer tr td {
  font-size: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif; line-height:12pt;
	color: #ffffff;
	text-align: center;
}

#footer tr td.copywrite { font-size: 9px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif; line-height:9pt;
	color: #ffffff;
}

#clean-energy-table {
  width: 500px;
}
#clean-energy-table tr td {
  text-align: center;
  font-family: Arial, sans-serif;
  font-size: 72px;
}

#jsddm
{	margin: 0;
	padding: 0}
	
	#jsddm li
	{	float: left;
	  margin-right: 10px;
	  text-align: center;
		list-style: none;
		font: 10px Arial, sans-serif;}

	#jsddm li a
	{	display: block;
		background: #B37A00;
		padding: 2px 7px;
		text-decoration: none;
  	border-left: 1px solid black;
  	border-right: 1px solid black;
  	border-bottom: 1px solid black;
    width: 80px;
		color: #111111;
		white-space: nowrap}

	#jsddm li a:hover
	{	background: #FFAE00; color: #FFFFFF;}
		
		#jsddm li ul
		{	margin: 0;
      margin-top: 1px;
			padding: 0;
			position: absolute;
			visibility: hidden}
		
		#jsddm li ul li
		{	float: none;
			display: block}
		
		#jsddm li ul li a
		{	display: block;
		  padding: 2px 7px;
		  width: 90px;
		  text-decoration: none;
		  white-space: nowrap;
			background: #B37A00}
		
		#jsddm li ul li a:hover
		{	background: #FFAE00}


/*   

#jsddm {
  margin: 0;
	padding: 0;
}
	
#jsddm li {
  float: left; text-align: center;
	list-style: none;
	margin-right: 10px;
	font: 10px Arial, sans-serif;
	width: 90px;
}

#jsddm li a {
  display: block;
  background-color: #B37A00;
  padding: 2px 2px;
	text-decoration: none;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
  height: 32px;
	vertical-align: middle;
	color: #000000;
	white-space: nowrap;
}

#jsddm li a:hover{
  background: #FFAE00;
  color: #FFFFFF;
}
		
#jsddm li ul {
  margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-top: 1px solid black;
}
		
#jsddm li ul li {
  float: none;
	display: inline;
}
		
#jsddm li ul li a {
  width: auto;
	background: #B37A00;
	height: 18px;
	width: 84px;
}
		
#jsddm li ul li a:hover {
  background: #FFAE00;
}

*/

#nav-table {
  background: #595244;
  font-family: Arial sans-serif;
  font-size: 12px;
}

.page-header {
  background: transparent url(/images/h_bg.gif) top left no-repeat;
  width: 490px;
  height: 70px;
}
.page-header div {
  margin-left: 50px;
  padding-top: 21px;
  color: #7D745D;
  letter-spacing: 1px;
  font: normal normal normal 28px Arial, sans-serif;
}

/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider {
  width: 520px;
  height: 245px;
  position: relative;
  margin: 20px auto;
}
.anythingSlider .wrapper {
  width: 510px;
  overflow: auto;
  height: 200px;
  margin: 0 40px;
  position: absolute;
  top: 0;
  left: -38px;
  border-top: 2px solid #000000;
  border-bottom: 2px solid #000000;
}
.anythingSlider .wrapper ul {
  width: 99999px;
  list-style: none;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
  margin: 0;
  padding: 0;
}
.anythingSlider ul li {
  display: block;
  float: left;
  padding: 0;
  height: 202px;
  width: 510px;
  margin: 0;
}
.anythingSlider .arrow { display: none; }
.anythingSlider .forward { display: none; }
.anythingSlider .back { display: none; }
.anythingSlider .forward:hover { display: none; }
.anythingSlider .back:hover { display: none; }

#thumbNav {
  position: relative;
  top: 218px;
  text-align: center;
}
#thumbNav a {
  color: white;
  font: 11px/18px Arial, Serif;
  padding: 2px 8px;
  margin: 0 9px 0 0;
  background-color: #B37A00;
  text-align: center;
  border: 1px solid #000000;
}
#thumbNav a:hover { background-image: none; }
#thumbNav a.cur { background: #FFAE00; color: #000000; }
#thumbNav a:active { outline: none; }
#thumbNav a:focus { -moz-outline-style: none; }

#start-stop {
  display: none;
  /*
  background: #FFAE00;
  background-image: url(/includes/cellshade.png);
  background-repeat: repeat-x;
  color: #000000;
  padding: 2px 5px;
  padding-top: 0;
  width: 40px;
  text-align: center;
  position: absolute;
  right: 25px;
  top: 323px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px; 
  */
}

#start-stop.playing { background-color: red; }
#start-stop:hover { background-image: none; }
#start-stop { outline: none; }
#start-stop:focus { -moz-outline-style: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

.slide-table {
  color: #FFFFFF;
  margin-top: 14px;
  position: relative;
  font: normal normal normal 12px Arial, sans-serif;
}

.slide-table tr td {
  padding: 5px;
  vertical-align: top;
}



/********************************************************
*
* from before is below here...
*
********************************************************/


.bg { font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, Verdana, sans-serif; line-height:13pt;
	color: #595244;
	}
.text { font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, Verdana, sans-serif; line-height:13pt;
	}
.liOrange { font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif; line-height:15pt;
	color: #B37A00;
	}
.liOrangeSm { font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, Verdana, sans-serif; line-height:13pt;
	color: #B37A00;
	}
.liOrangeSmBold { font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif; line-height:13pt;
	color: #B37A00;
	}
.textlarge { font-size: 14px;
	font-weight: normal;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	}
.textWhite { font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif; line-height:13pt;
	color: #ffffff;
	}
.textWhiteNor { font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, Verdana, sans-serif; line-height:13pt;
	color: #ffffff;
	}
.textWhiteNormal { font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif; line-height:12pt;
	color: #ffffff;
	}
.textWhiteMed { font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif; line-height:13pt;
	color: #ffffff;
	}
.linkWhite { font-size: 10px;
	font-weight: normal;
	font-family: Arial, Helvetica, Verdana, sans-serif; line-height:11pt;
	color: #ffffff;
	}