/*******************************/
/****** tag redefinitions ******/
/*******************************/
* {
 margin: 0px;
 padding: 0px;
 font-family: arial, sans-serif;
}
html {
/* font-family: arial, sans-serif; */
 padding: 0px;
 margin: 0px;
 height: 101%;
}
body {
 text-align: center;
/* background-color: #589526;*/
 background-color: white;
/* the below produces a jumpy centred image in IE */ 
/* background-image: url(../images/green.gif);*/
 background-image: url(../images/background_blue.jpg);
/* background-image: url(../images/background_orange.jpg);*/
 background-position: top center;
 background-repeat: repeat-y;
 border: 0px;
 margin: 0px;
 padding: 0px;
 height: 100%;
 font-size: 83%;
}
img {
 border: 0;
 float: right;
}
h1 {
 font-size: 120%;
}
h2 {
 font-size: 100%;
}
ul {
 list-style: none;
}
blockquote {
 width: 500px;
 width: 335px;
 width: 380px;
 text-align: center;
 margin: 0 auto;
 padding: 0;
 font-family: georgia, serif;
 font-size: 100%;
 font-style: italic;
 color: #444;
 background: white url("../images/quote1.gif") no-repeat top left;
/* background-color: red;*/
}
blockquote p.quote{
 margin: 0 10px 0 0;
 padding: 20px 50px 10px 50px;
 background: url("../images/quote2.gif") no-repeat right bottom;
}
blockquote p.author{
 margin: 0 10px 0 0;
 padding: 0 0 10px 0;
 font-size: 90%;
/* background: #8dc73f url("../images/quote3.gif") no-repeat bottom; */
 position: relative;
 top: 10px;
}
/* ============ contact ============ (check the html>body body... bit)*/
body#contact div#main-text h2 {
 color: white;
 margin-left: auto;
 margin-right: auto;
 font-style: normal;
 line-height: 2em;
 padding-left: 10px;
 width: 400px;
 background: #8dc73f url("../images/address_top.gif") no-repeat top;
}
body#contact div#main-text h2 {
 width: 400px; /* for IE5/Win */
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 390px; /* actual width */
}
html>body body#contact div#main-text h2 {
 width: 390px;
}

body#contact div#main-text p {
 margin-left: auto;
 margin-right: auto;
 padding-left: 20px;
 padding-top: 5px;
 padding-bottom: 5px;
 width: 400px;
 background: url("../images/address_bottom.gif") no-repeat bottom;
}
body#contact div#main-text p {
 width: 400px; /* for IE5/Win */
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 380px; /* actual width */
}
html>body body#contact div#main-text p {
 width: 380px;
}
/* ============ news ============ */
body#news div#main-text h2 {
 color: white;
 margin-left: auto;
 margin-right: auto;
 font-style: normal;
 line-height: 2em;
 padding-left: 10px;
 width: 400px;
 background: #8dc73f url("../images/address_top.gif") no-repeat top;
}
body#news div#main-text h2 {
 width: 400px; /* for IE5/Win */
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 390px; /* actual width */
}
html>body body#news div#main-text h2 {
 width: 390px;
}

body#news div#main-text p {
 margin-left: auto;
 margin-right: auto;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 5px;
 padding-bottom: 5px;
 width: 400px;
 background: url("../images/address_bottom.gif") no-repeat bottom;
}
body#news div#main-text p {
 width: 400px; /* for IE5/Win */
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 360px; /* actual width */
}
html>body body#news div#main-text p {
 width: 360px;
}

form {
 width: 360px;
 margin: 0px auto;
}
form textarea {
 font-size: 100%;
}
form dl {
 margin-left: 30px;
 margin-right: 30px;
}
form dd {
 margin-bottom: 10px;
}
.form_input {
 width: 300px;
 background-color: #eee;
}
fieldset{
 padding-bottom: 10px;
}
legend {
 font-weight: bold;
 color: black;
 margin-bottom: 10px;
 margin-top: 10px;
}

/*******************************/
/********** container **********/
/*******************************/

#container {
 margin: 0 auto;
 text-align: left;
 background-color: white;
 border-left: 5px solid #95adFF;
 border-right: 5px solid #95adFF;
/* border-left: 5px solid #ffaa22;
 border-right: 5px solid #ffaa22; */
 width: 740px;
}

/* ========= header ========= */

#header {
 width: 740px;
 height: 132px;
}

/* ======= navigation ======= */

#navigation {
 float: left;
 padding: 0;
/* background-color: #8dc73f;*/
/* simons */
 background-color: #8dc73f;
/* background-color: #0082C5;*/
}

#navigation ul {
 width: 740px;
 float: left;
 margin: 0;
}

#navigation ul li {
 float: left;
 margin: 0 0px;
 display: block;
}
#navigation ul li a {
 display: block;
 padding: 5px 10px;
 color: white;
 text-decoration: none;
}
#navigation ul li a:hover {
 color: black;
 padding-bottom: 3px;
/* border-bottom: 2px solid #589526;*/
 border-bottom: 2px solid #005B7F;
}
body#home #menu1,
body#contact #menu2,
body#news #menu3,
body#about #menu4,
body#links #menu5 {
/* background-color: white; */
}
body#home #menu1 a,
body#contact #menu2 a,
body#news #menu3 a,
body#about #menu4 a,
body#links #menu5 a {
 background-color: white;
 color: black;
}
body#home #menu1 a:hover,
body#contact #menu2 a:hover,
body#news #menu3 a:hover,
body#about #menu4 a:hover,
body#links #menu5 a:hover {
 border-bottom: 2px solid white;
}
/* ======== content ========= */

#content {
 clear: left;
/* background-color: pink;*/
 margin: 0;
 padding: 0;
/* position: relative;*/
/* z-index: 0;*/
/* width: 590px;*/
}
#content2 {
/* background-color: yellow;*/
 padding: 0;
 margin: 0;
}

/* ========= events ========= */
#padding,
#events {
 position: relative;
 top: 5px;
 left: 5px;
 float: left;
 background-color: white;
 width: 150px;
 margin-bottom: 10px;
}
#events {
 background-image: url("../images/event_bottom.gif");
 background-repeat: no-repeat;
 background-position: bottom left;
}
#events h1 {
 background-image: url("../images/event_top.gif");
 background-repeat: no-repeat;
 background-position: top left;
 padding: 5px;
 color: white;
/* background-color: #8dc73f;*/
/* border: 1px solid red;*/
}
#events p {
 padding: 5px;
/* font-size: 80%;*/
/* border: 1px solid blue;*/
}
#events dl {
 padding: 5px;
/* font-size: 80%;*/
/* border: 1px solid yellow;*/
}
#events dd {
 padding-bottom: 10px;
 color: #2159FF;
}
#events dt {
 padding-bottom: 10px;
}

#events dt a {
 color: black;
/* text-decoration: overline underline;*/
}

/* ======== buttons ========= */

#buttons {
 padding-top: 5px;
 padding-right: 5px;
 float: right;
 width: 150px;
 font-size: 80%;
}
#buttons p {
 padding-bottom: 5px;
/* font-size: 80%;*/
}
#buttons ul li{
/* float: left;*/
 display: block;
 color: white;
/* list-style: none;*/
 margin-bottom: 5px;
 background-color: #8dc73f;
/* background-color: pink;*/
 line-height: 120%; 
 background-position: top left;
 background-repeat: no-repeat;
}
#buttons ul li#button0 {
 background-image: url("../images/button_top.gif");
}
#buttons ul li#button1 {
 background-image: url("../images/button_top.gif");
}
#buttons ul li#button2 {
 background-image: url("../images/button_top.gif");
}
#buttons ul li#button3 {
 background-image: url("../images/button_top.gif");
}
#buttons ul li#button0 a {
 background-image: url("../images/button0.gif");
}
#buttons ul li#button1 a {
 background-image: url("../images/button1.gif");
}
#buttons ul li#button2 a {
 background-image: url("../images/button2.gif");
}
#buttons ul li#button3 a {
 background-image: url("../images/button3.gif");
}
#buttons ul li a {
 padding-left: 5px;
 width: 150px;
 display: block;
 color: white;
 padding-bottom: 40px;
 background-position: bottom left;
 background-repeat: no-repeat;
 text-decoration: none;
}

#buttons ul li a {
 width: 150px; /* for IE5/Win */
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 145px; /* actual width */
}
html>body #buttons ul li a {
 width: 145px;
}

#buttons ul li a:hover {
 color: black;
/* background-position: -150px bottom;*/
}

div#installers{
 color: white;
 background-color: #f7941d;
 line-height: 120%; 
 background-position: top left;
 background-repeat: no-repeat;
 background-image: url("../images/installers_top.gif");
 margin-bottom: 5px;
}
div#installers a {
 background-image: url("../images/installers.gif");
 padding-left: 5px;
 width: 150px;
 display: block;
 color: white;
 padding-bottom: 40px;
 background-position: bottom left;
 background-repeat: no-repeat;
 text-decoration: none;
}
div#installers a {
 width: 150px; /* for IE5/Win */
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 145px; /* actual width */
}
html>body div#installers a {
 width: 145px;
}
div#installers a:hover {
 color: black;
}
/* ======= main-text ======== */

#main-text {
/* border: 1px solid red;*/
 margin-right: 165px;
 margin-left: 5px;
 padding-bottom: 5px;
}
body#home #main-text,
body#contact #main-text,
body#news #main-text,
body#about #main-text,
body#links #main-text {
/* margin-right: 165px;*/
 margin-left: 165px;
/* padding-bottom: 5px;*/
}
#main-text h1 {
 padding: 10px 0 10px 0;
 margin: 0;
}
#main-text p {
 margin: 0 0 10px 0;
 line-height: 1.5em;
}
#main-text a {
 color: black;
}
#main-text a:hover {
 color: #aaa;
}

/* ========= footer ========= */

#footer {
 text-align: center;
 clear: both;
 color: white;
 background-color: #8dc73f;
 padding: 4px 0;
}

/* ========= footer2 ======== */

#footer2 {
 text-align: right;
/* color: #8dc73f;*/
/* color: blue;*/
 color: white;
/* background-color: #589526;*/
 background-color: #95adFF;
/* background-color: #fa2;*/
 padding: 4px 0;
}
#footer2 a {
/* color: #8dc73f;*/
/* color: blue;*/
 color: white;
 text-decoration: none;
 font-family: courier new, courier, monospace;
 letter-spacing: 0.6em;
 padding: 0px;
 margin: 0px;
}
#footer2 a:hover {
 color: #333;
}

/* ========= internalnav ======== */

ul#internalnav {
 width: 565px;
/* background-color: red;*/
/* border: 1px solid black;*/
/* height: 30px;
 height: 2em;*/
/* list-style: none;*/
}
ul#internalnav li {
 float: left;
 margin-right: 10px;
 margin-bottom: 5px;
/* padding: 10px 0;*/
 line-height: 2em;
 width: 240px;
 text-align: center;
 background-color: #589526;
 font-size: 110%;
 background: #589526 url("../images/section_top.gif") no-repeat top;
}
ul#internalnav li a {
  text-decoration: none;
  color: white;
/*  background-color: yellow;*/
  display: block;
  background: transparent url("../images/section_bottom.gif") no-repeat bottom;
}
ul#internalnav li a:hover {
 color: #ddd;
}


/* ========= internalnav2, 3 ======== */

ul#internalnav2,
ul#internalnav3 {
/* width: 580px;*/
 width: 565px;
/* background-color: blue;*/
 margin: 0 0 10px 0;
 padding: 0;
 height: 70px
/* display: block;*/
/* list-style: none;*/
}
ul#internalnav2 li,
ul#internalnav3 li {
 float: left;
 margin: 0 0 0px 0;
 padding: 0;
}
ul#internalnav2 li a,
ul#internalnav3 li a {
}
ul#internalnav2 li a img,
ul#internalnav3 li a img {
 float: left;
}
div.subsection {
 clear: both;
}

/*============= section =========== */
div.section {
/* background-color: red;*/
}
div.section h2 {
 display: block;
 margin-top: 5px;
 margin-bottom: 5px;
 clear: left;
 display: none;
/* position: relative;*/
}
div.section p {
 clear: left;
}

/*============= subsection =========== */

/*ul#energy_sources,*/
ul.list1,
div.subsection ul {
 padding: 5px 0;
/* background-color: red;*/
}
/*ul#energy_sources,*/
ul.list1,
div.subsection ul {
 padding-left: 10px;
}

/*ul#energy_sources li,*/
ul.list1 li,
div.subsection ul li {
 line-height: 1.5em;
 padding-left: 16px;
 padding-top: 5px;
 background: url("../images/list1.gif") no-repeat 0 0.75em;
}
/*ul#energy_sources li ul li,*/
ul.list1 li ul li,
div.subsection ul li ul li{
 background-image: url("../images/list2.gif");
}
