/* CSS Document */

.designnotes {
  font-style: italic;
  color: #FF0000;
  }

html {
  height: 100%;
  }
body {
  height: 100%;
  font-family: arial, Helvetica, sans-serif;
  font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */
  text-align: center; /* needed to center the container in IE5.x because it doesn't like 'margin: 0 auto' */
  color: #000;
  background: #fff url(Resources/bg-cloth.jpg); 
  padding: 0 0 0 0;
  margin-top: 0;
  margin-left: 3.5em;
  margin-right: 3.5em;
  margin-bottom: 0;
  }
p {
  padding: 0em 1em .8em 1em;
  margin: 0;
  line-height: 1.6em;
  /*max-width: 55em;*/
  }
p span {
  display: block;
  padding: 0 4em 1em 4em;
  }
.dash_hr {
  border-color: #999999;
  border-width: 1px 0 0 0;
  border-style: dashed none none none;
  margin: 15px 3px 0px 3px;
  }
h1 {
  font-size: 150%;
  color: #2e6000;
  margin: 0 0 15px 0;
  }
h2 {
  font-size: 140%;
  color: #8a5530;
  font-style: italic;
  margin: 0 0 20px 0;
  }
h3 {
  font-size: 130%;
  color: #2e6000;
  margin: 0;
  }
h4 {
  font-size: 120%;
  color: #8a5530;
  margin: 0;
  }
h5 {
  font-size: 110%;
  color: #2e6000;
  margin: 0;
  }
ul {
  margin-top: 0;
  margin-bottom: 2em;
  }
ul li {
  list-style-image: url(Resources/bullet_greenarrow.png);
  margin: .3em 0 .3em 0;
  padding-left: 0;
  line-height: 1.2em;
  }
/*a {
  color: #fe6;
  background: url(underline1light.gif) bottom repeat-x;
  text-decoration: none;
  }*/
a:link { 
  font-weight: bold; 
  text-decoration: none; 
  color: #FC9147;
  }
a:visited { 
  font-weight: bold; 
  text-decoration: none; 
  color: #FC9147;
  }
a:hover, a:active, a:focus { 
  text-decoration: underline; 
  color: #5aab1c;
  }
#menu a:link {
  text-decoration: none; 
  color: #FFFFFF;
  }
#menu a:visited {
  text-decoration: none; 
  color: #FFFFFF;
  }
#menu a:hover, #menu a:active, #menu a:focus { 
  text-decoration: underline; 
  color: #FFFFFF;
  }

/* divs */

#container {
	min-width: 48em;
	max-width: 1200px;
	text-align: left; /* resets the text alignment */
	margin: 0 auto; /* centers the container */
	background: #ffffff;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	}
#pageHeader { 
	padding: 2px 15px 0 0;
	font-size: 90%;
	}
#headerBanner {
    background: url(Resources/headerbanner.jpg) top left repeat-x;
	height: 131px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}
#menu {
	background: #FC9147 url(Resources/menu-shadow.jpg) bottom repeat-x;
	text-align: center;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	}
#menu label {
	margin: 0 2% 0 2%;
	}
#intro { 
	min-width: 470px;
	padding: 0 15px 10px 15px;
	}
#content {
    min-width: 470px;
	padding: 1.5em 2em 1.5em 2em;
    }
#footer {
	height: 37px;
	background: url(Resources/bg_footer.jpg) top repeat-x;
	padding: 10px 10px 10px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em; 
	}
#energy_usage {
  text-align: center;
  font-weight: bold;
  font-size: 1em;
  font-style: normal;
  color: #FF0000;
  padding: .25em;
  margin: .5em;
  width: 30em;
  background-color: #F7FFDE;
  border: 1px dashed #FC9147;
  }
#rep_energy_usage {
  text-align: center;
  font-weight: bold;
  font-size: 1em;
  font-style: normal;
  color: #2e6000;
  padding: .25em;
  margin: .5em;
  width: 30em;
  background-color: #E4FBD3;
  border: 1px dashed #FC9147;
  }
#purchase_info {
  text-align: center;
  font-weight: bold;
  font-size: 1em;
  font-style: normal;
  color: #2e6000;
  padding: .25em;
  margin: .5em;
  background-color: #E4FBD3;
  border: 1px dashed #FC9147;
  }
.label_1 {
  font-weight: bold;
  font-style: italic;
  color: #000000;
  margin-right: .25em;
  }
#pages {
  text-align: right;
  margin: 10px 0 10px 0;
  }
#listings label, #sort label {
  padding: 0px 5px 0 35px;
  }
#page_num {
  float: left;
  width: 55%;
  margin: 0 0 0 0;
  font-size: 110%;
  word-spacing: .75em;
  }
#listings {
  }
#sort {
  text-align: right;
  margin: 10px 0 10px 0;
  }
	
	
fieldset {
  clear: both;
  font-size: 100%;
  border: 1px solid #999999;
  padding: 10px;
  margin: 0 0 0 0;
  }
fieldset legend {
  line-height: 150%;
  font-size: 125%;
  font-weight: bold;
  font-style: italic;
  color: #8a5530;
  margin: 0 0 0 10px;
  padding: 0 5px;
  }
fieldset.thick1 {
  display: block;
  width: 90%;
  font-size: 100%;
  border-color: #fc9147;
  border-width: 1px 1px 1px 10px;
  border-style: solid;
  padding: 0px 1.5em 10px 1.5em;
  margin: 0 auto;
  }
fieldset.thick2 {
  display: block;
  width: 90%;
  font-size: 100%;
  border-color: #2e6000;
  border-width: 1px 1px 1px 10px;
  border-style: solid;
  padding: 0px 1.5em 10px 1.5em;
  margin: 0 auto;
  }
#table1 {
  margin: 0;
  border: 1px solid #68340f;
  }
#table2 {
  margin: 0;
  border-collapse: collapse;
  border-color: #68340f;
  }
#table2 td { /* for IE */
  border: 1px solid #68340f;
  }
.odd {
  background-color: #dabaa3;
  }
.odd2 {
  background-color: #e6cdbc;
  }
.odd a:link, .odd2 a:link, .odd a:visited, .odd2 a:visited {
  color: #993300;
  }
.even {
  background-color: #ffd7ab;
  }
.even2 {
  background-color: #fde8d1;
  }
.even a:link, .even2 a:link, .even a:visited, .even2 a:visited {
  color: #993300;
  }
thead td {
  background-color: #ffd7ab;
  border: 1px solid #68340f; 
  }
.td_box {
  border: 1px solid #68340f;
  background-color: #fde8d1;
  padding: 1em;
  }
.progress_bar {
  margin: 4px 4px 0 4px;
  background-color: #FFFFFF;
  border: 1px solid #000;
  line-height: 6px;
  width: 90%;
  }