body {
	font-family: Verdana, sans-serif;
	font-size: small;
	color: #222;
	margin: 0px;
	padding: 0px;
	background-image: url(images/header_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

em {
	padding: 0px;
	font-size: 11px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	clear: both;
	display: block;
	margin: 10px 0px 0px 0px;
}

img {
	border-width: 0px;
	vertical-align: bottom;
	border: 3px;
	border-color: #FFFFFF;
}

.download {
	clear: both;
	padding: 3px;
	background-color: #CCCC99;
	color: #FFFFFF;
	margin-right: 50px;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	line-height: 18px;
}

.notice {
	clear: both;
	padding: 3px;
	background-color: #999900;
	color: #FFFFFF;
	margin-right: 50px;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	line-height: 18px;
}

.warning {
	clear: both;
	padding: 3px;
	background-color: #CCCCCC;
	color: #000000;
	margin-right: 50px;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	line-height: 18px;
}

img.alignleft {
	float: left;
	margin: 5px 8px 2px 0px;
}

img.alignright {
	float: right;
	margin: 8px 0px 5px 8px;
}

img.aligncenter {
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 4px;
	margin-left: auto;
	clear: both;
}

.alignleft {
}

.alignright {
	float: right;
}

.calloutright {
	float: right;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #8CC653;
	padding: 10px;
	border: thin dashed #CCCCCC;
	width: 140px;
	text-align: center;
	margin: 10px;
}

.twocol {
	float: left;
	width:40%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0 em;
	color: #000000;
	border: 1px solid #CCCCCC;
	text-align: left;
	margin: 10px 10px 10px 15px;
	line-height: 140%;
	padding: 0px 0px 5px 0px;
}	

.twocolhdr {
	clear: both;
	width:100%;
	padding: 2px 0px 5px 0px;
	color: #FFFFFF;
	line-height: 18px;
	background-color: #8CC653;
	border: 1px solid #CCCCCC;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	text-indent: 0px;
}	

.twocoltxt {
	text-align: left;
	float: left;
	width: 100%;
	list-style-type: none;
	margin: 0px 0px 8px 0px;
	padding: 5px 0px 5px 0px;
}

.twocoltxt li {
	float: left;
	font-size: small;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	font-family: Arial, Helvetica, sans-serif;
}

.twocoltxt li a:link, .threecoltxt li a:visited {
	color: #CB2026;
	text-decoration: none;
}

.twocoltxt li a:hover, .threecoltxt li a:active {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #8CC653;
}

.twocoltxt ul {
	margin: 0px;
	float: left;
	width: 150px;
	list-style-type: none;
	padding: 0px;
}

.twocoltxt ul li {
	margin: 0px;
	float: left;
	font-size: 12px;
	color: #999999;
	padding: 0px;
}

.twocoltxt ul li a:link, .threecoltxt ul li a:visited {
	display: inline;
	margin: 0px;
	color: #666666;
	text-decoration: none;

}

.twocoltxt ul li a:hover, .threecoltxt ul li a:active {
	display: inline;
	margin: 0px;
	color: #666666;
	text-decoration: underline;
}

.threecol {
	float: left;
	width:20%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0 em;
	color: #000000;
	border: 1px solid #CCCCCC;
	text-align: left;
	margin: 10px;
	line-height: 140%;
	padding: 0px 0px 5px 0px;
}	

.threecolhdr {
	clear: both;
	width:100%;
	padding: 2px 0px 5px 0px;
	color: #FFFFFF;
	line-height: 18px;
	background-color: #8CC653;
	border: 1px solid #CCCCCC;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	text-indent: 0px;
}	

.threecoltxt {
	text-align: left;
	float: left;
	width: 100%;
	list-style-type: none;
	margin: 0px 0px 8px 0px;
	padding: 5px 0px 5px 0px;
}

.threecoltxt li {
	float: left;
	font-size: small;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	font-family: Arial, Helvetica, sans-serif;
}

.threecoltxt li a:link, .threecoltxt li a:visited {
	color: #CB2026;
	text-decoration: none;
}

.threecoltxt li a:hover, .threecoltxt li a:active {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #8CC653;
}

.threecoltxt ul {
	margin: 0px;
	float: left;
	width: 120px;
	list-style-type: none;
	padding: 0px;
}

.threecoltxt ul li {
	margin: 0px;
	float: left;
	font-size: 12px;
	color: #999999;
	padding: 0px;
}

.threecoltxt ul li a:link, .threecoltxt ul li a:visited {
	display: inline;
	margin: 0px;
	color: #666666;
	text-decoration: none;

}

.threecoltxt ul li a:hover, .threecoltxt ul li a:active {
	display: inline;
	margin: 0px;
	color: #666666;
	text-decoration: underline;
}

.aligncenter {
	display: block;
	clear: both;
	margin: 0px auto 0px auto;
}

#wrapper {
	width: 916px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#container {
	float: left;
	width: 916px;
}

#headers {
	float: left;
	width: 916px;
}

.left-head p {
	font-size: 15px;
	font-weight: normal;
	color: #CCCCCC;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}


.right-head h1 {
	margin: 0px;
	float: left;
	width: 400px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 120px;
	font-size: .9em;
	color: #5ABA47;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	text-align: left;
}

.right-head {
	float: right;
	width: 400px;
	padding-top: 10px;
}

.left-head {
	float: left;
	width: 800px;
	height: 40px;
	margin-top: 35px;
	padding-top: 35px;
	padding-left: 100px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	z-index: 4000;
	text-align: left;
}

.pfield {
	float: left;
	height: 35px;
	width: 200px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	background-image: url(images/s.gif);
	background-repeat: no-repeat;
}

.pbutton {
	margin: 0px;
	padding: 0px;
	float: left;
}

.ptext {
	padding: 2px;
	width: 180px;
	border: 1px solid #f4f4f4;
	margin-top: 5px;
	margin-left: 5px;
}

#s-form {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 350px;
}

#s-form form {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 350px;
}

#top-content {
	background-image: url(test/images/top_c.gif);
	background-repeat: no-repeat;
	float: left;
	height: 20px;
	width: 916px;
	padding-top: 10px;
	background-position: bottom;
}

#main-content {
	float: left;
	width: 916px;
	background-image: url(test/images/mid_c.gif);
	background-repeat: repeat-y;
	position: relative;
}

#footer {
	float: left;
	height: 50px;
	width: 916px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	padding-right: 6px;
	color: #999999;
	background-image: url(test/images/bottom_c.gif);
	background-position: left, top;
	background-repeat: no-repeat;
	padding-top: 10px;
}

#footer a:link, #footer a:visited {
	color: #666666;
	text-decoration: underline;
}

#footer a:hover, #footer a:active {
	color: #000000;
	text-decoration: none;
}

#footer2 {
	float: left;
	height: 20px;
	width: 780px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	padding-right: 40px;
	color: #999999;
}

#footer2 a:link {
	color: #666666;
	text-decoration: underline;
}
#footer2 a:visited {
	color: #666666;
	text-decoration: underline;
}

#footer2 a:hover, #footer a:active {
	color: #000000;
	text-decoration: none;
}

#bottom-content {
	background-image: url(images/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
	height: 66px;
	width: 100%;
	z-index: -2000;
}

#right-content-post {
	float: left;
	width: 600px;
	padding-right: 15px;
	padding-left: 5px;
	position: relative;
}

#left-content-sidebar {
	width: 20px;
	padding-left: 0px;
	float: left;
}


/* start post-content post config */

#post-entry {
	float: left;
	width: 600px;
	padding-top: 0px;
	padding-bottom: 20px;
}


#post-entry h1 {
	float: left;
	width: 500px;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	font-size: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	text-align: left;
	font-weight: normal;
	color: #6B92CE;
}

#post-entry h2 {
	float: left;
	width: 510px;
	margin: 0px;
	padding: 0px;
	font-size: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	text-align: left;
	font-weight: normal;
	color: #000000;
}

#post-entry h3 {
	float: none;
	padding: 0px;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	text-align: left;
	font-weight: bold;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #AED684;
}

#post-entry h4 {
	float: left;
	width: 510px;
	margin: 0px;
	padding: 0px;
	font-size: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	text-align: left;
	font-weight: normal;
}

#post-entry h5 {
	float: left;
	width: 510px;
	margin: 0px;
	padding: 0px;
	font-size: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	text-align: left;
	font-weight: normal;
}

#post-entry h6 {
	float: left;
	width: 510px;
	margin: 0px;
	padding: 0px;
	font-size: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	text-align: left;
	font-weight: normal;
}


#post-entry h1 a:link, #post-entry h1 a:visited {
	color: #6b92ce;
	text-decoration: none;
}

#post-entry h1 a:hover, #post-entry h1 a:active {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #6b92ce;
}

.post-content {
	float: left;
	padding-top: 10px;
	padding-bottom: 0px;
	font-size: small;
	line-height: 24px;
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 20px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: inline;
	width: 570px;
}

.post-content p {
	margin-bottom: 8px;
}


.post-content a:link, .post-content a:visited {
	color: #CB2026;
	text-decoration: none;
}

.post-content a:hover, .post-content a:active {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #5ABA47;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	vertical-align: middle;
}


.post-contentimage {
	padding: 2px;
	text-decoration: none;
	vertical-align: bottom;
}

.post-contentimage a:hover, .post-contentimage a:active {
	color: #FFFFFF;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	vertical-align: bottom;
}


/* comment-template config css */

.rss {
	font-size: 14px;
	color: #000000;
	background-image: url(test/images/feed-icon-16x16.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	float: left;
	width: 490px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
}



/* sidebars config */

#sidebars {
	float: left;
	width: 180px;
}

#sidebars h3 {
	float: left;
	width: 165px;
	height: 30px;
	margin: 0px;
	background-color: #6b92ce;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #6b92ce;
	padding-left: 10px;
	line-height: 30px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

#sidebars_r {
	float: left;
	width: 180px;
	display: inline;
}

#sidebars_r h3 {
	float: left;
	width: 165px;
	height: 30px;
	margin: 0px;
	background-color: #6b92ce;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #6b92ce;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 30px;
	color: #FFFFFF;
}

.arrow {
	text-align: left;
	float: left;
	width: 173px;
	list-style-type: none;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #EFEFEF;
	border-left-color: #EFEFEF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.arrow li {
	float: left;
	font-size: small;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
}

.arrow li a:link, .arrow li a:visited {
	display: block;
	width: 150px;
	padding-left: 15px;
	margin: 0px;
	float: left;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #333333;
	text-decoration: none;
	background-image: url(test/images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
}

.arrow li a:hover, .arrow li a:active {
	display: block;
	width: 150px;
	padding-left: 15px;
	margin: 0px;
	float: left;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #333333;
	text-decoration: underline;
	background-image: url(test/images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
}

.arrow ul {
	margin: 0px;
	float: left;
	width: 150px;
	list-style-type: none;
	padding: 0px;
}

.arrow ul li {
	margin: 0px;
	float: left;
	font-size: 12px;
	color: #999999;
	padding: 0px;
}

.arrow ul li a:link, .arrow ul li a:visited {
	display: block;
	margin: 0px;
	color: #666666;
	text-decoration: none;
	width: 150px;
}

.arrow ul li a:hover, .arrow ul li a:active {
	display: block;
	margin: 0px;
	color: #666666;
	text-decoration: underline;
	width: 150px;
}

/* 
  PNG clear dropshadow method below positioniseverything.net/articles/sidepages/dropshadow/dropshadow.html 
*/


/*XXXXXXXXXXXXXXXXXX Dropshadow elements XXXXXXXXXXXXXXX*/ 

body .outerpair1 {
	background:url(http://www.cleanenergy4america.org/images/upperrightfade.png) right top no-repeat;
} 
/* .outerpair1 must be given a width contraint, via either a width, 
or by floating or absolute positioning. In this demo these are 
applied from the second class name on the .outerpair1 DIV's.
This box also has one of the corner .png's. */

body .outerpair1right {
	background:url(http://www.cleanenergy4america.org/images/upperrightfade.png) right top no-repeat;
	float: right;
} 
/* .outerpair1right must be given a width contraint, via either a width, 
or by floating or absolute positioning. In this demo these are 
applied from the second class name on the .outerpair1 DIV's.
This box also has one of the corner .png's. */

body .outerpair2 {
background:url(http://www.cleanenergy4america.org/images/lowerleftfade.png) left bottom no-repeat;
padding-top: 8px;
padding-left: 8px;
}
/* .outerpair2 has padding equal to the shadow 
thickness, and also has one of the corner .png's */ 


body .shadowbox {
background:url(http://www.cleanenergy4america.org/images/shadow.png) bottom right;
}
/* .shadowbox holds the main shadow .png */ 


body .innerbox {
	position: relative;
	left: -8px;
	top: -8px;
	background-color:#FFFFFF;
	padding: 0px 0px 0px 0px;
	border: 1px solid #ABD47D;
	float: inherit;
}
/* .innerbox is made "relative" and is "pulled" up and to 
the left, by a distance equal to the thickness of the shadow.
Because this is a relative-based shift, the box retains its
exact dimensions without change. */

body .innerboxtitle {
	position: relative;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	text-align: center;
	font-size: 0.7em;
}


.shadowbox img {
border: 1px solid #fff;
vertical-align: bottom;
}
/* Shadowed images should not be made "block" for eliminating the baseline 
space under the images, because this may trigger IE background bugs. 
Instead, use "vertical-align: bottom;" for this purpose. */


/*XXXXXXXXXXXXXXXXXX Custom width constraints and extra styling XXXXXXXXXXXXXXX*/ 

.floatimage {
float: left; /* Floating causes this box to shrinkwrap around sized content elements. */
width: 116px;
margin: 10px 4px 10px 2px;
display: inline; /* IE doubled margin bug is defeated via this fixer rule. */
}

.floatimagesingle {
float: left; /* Floating causes this box to shrinkwrap around sized content elements. */
margin: 10px 0px 10px 4px;
display: inline; /* IE doubled margin bug is defeated via this fixer rule. */
}

.floatimagesingleright {
float: right; /* Floating causes this box to shrinkwrap around sized content elements. */
margin: 10px 0px 10px 4px;
display: inline; /* IE doubled margin bug is defeated via this fixer rule. */
}

.flashbox { /* Absolute positioning also causes the shrinkwrap behavior. */
position: absolute;
left: 377px;
top: 30px;
}

.flashbox .innerbox {
background: #eed;
border: 1px solid #ccb;
}

.absoluteimage { /* Again, absolute positioning causes shrinkwrapping. */ 
position: absolute;
left: 40px;
top: 200px;
}

.textbox {
position: absolute; /* AP once more... */
left: 20px;
top: 1.8em;
}

.textbox .innerbox { 
border: 1px solid #ccc;
background: #e8e8e8; 
width: 330px;
height: 210px;
overflow: auto;
}
/* Unlike the other items, the .textbox content is just text without a natural
width, and so shrinkwrapping fails, unless .innerbox is given a specific width.
All shadowed text elements will need a width of some kind to avoid a full-width
shadowed box, unless that is the desired effect. The width may be appied to 
div.inner, div.outerpair1, or an external wrapper element. */ 

.linkbox {
position: absolute; /* AP once more... */
left: 10px;
top: 6px;
}

.linkbox .innerbox { 
display: block; 
background: #fff;
border: 1px solid #ccc;
padding: 3px 5px;
}


/* 
  END PNG clear dropshadow method 
*/