/* ========== sustainable_041006.css ========================================= */

/* ========== body =========================================================== */

body.sustainable {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  color: #4D4D4D;
  background-color: #ffffff;
}

/* ========== headers========================================================= */
h1 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 10px;
  font-weight: normal;
  font-style: normal;
  margin-top: 0px;
  margin-bottom: 30px;
}

h2 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  font-style: normal;
  margin-top: 0px;
  margin-bottom: 11px;
}

h2.message {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
  font-weight: bold;
  font-style: normal;
  margin-top: 0px;
  margin-bottom: 16px;
}

h3 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 11px;
  font-weight: bold;
  font-style: normal;
  margin-top: 20px;
  margin-bottom: 2px;
}

h3.top {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 11px;
  font-weight: bold;
  font-style: normal;
  margin-top: 0px;
  margin-bottom: 2px;
}

h3.img {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 11px;
  font-weight: bold;
  font-style: normal;
  margin-top: 0px;
  margin-bottom: 4px;
}

/* ========== tables ========================================================= */
table.body {
  border: 0px solid #000000;
}

table.critical {
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

td {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
}

td.border {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}

td.header {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  background-color: #dfffef;
  background-image: url(../images/common/shadowbgfill.gif);
  background-repeat: repeat-x;
  background-position: bottom left;
}

td.nav {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  background-color: #dfffef;
  background-image: url(../images/common/shadowbgfill.gif);
  background-repeat: repeat-x;
  background-position: bottom left;
}

td.nav-selected {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  background-color: #dfffef;
  background-image: url(../images/common/navselected.gif);
  background-repeat: no-repeat;
  background-position: bottom center;
}

td.menu {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  background-color: #b2feec;
}

td.menu-selected {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  background-color: #b2feec;
  background-image: url(../images/common/menuselected.gif);
  background-repeat: no-repeat;
  background-position: center right;
}

td.bar {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  background-color: #b2feec;
}

td.bottom {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  background-color: #dfffef;
}

td.menu-home {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  background-color: #b2feec;
  background-image: url(../images/home/path.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
}

td.menu-services {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  background-color: #b2feec;
  background-image: url(../images/services/path.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
}

td.menu-prize {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  background-color: #b2feec;
  background-image: url(../images/prize/path.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
}

td.menu-resources {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  background-color: #b2feec;
  background-image: url(../images/resources/path.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
}

td.menu-about {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  background-color: #b2feec;
  background-image: url(../images/about/path.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
}

td.menu-support {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  background-color: #b2feec;
  background-image: url(../images/support/path.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
}

/* ========== forms ========================================================== */
input.small {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  color: #2D578F;
  width: 270px;
}

textarea.small {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  color: #2D578F;
  width: 270px;
}

textarea.large {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  color: #2D578F;
  width: 550px;
}

/* ========== links ========================================================== */
a.nav {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
  color: #9C0043;
  font-weight: bold;
}

a.nav:hover {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
  color: #2D578F;
  font-weight: bold;
}

a.menu {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
  color: #9C0043;
  font-weight: normal;
}

a.menu:hover {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
  color: #2D578F;
  font-weight: normal;
}

a {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #8800A8;	/* Try #BC0040; was #9C0043; magenta #88088 reported difficult to see */
  font-weight: normal;
}

a:hover {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #2D578F;
  font-weight: normal;
}

/* ========== paragraphs ===================================================== */
p.nav {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
 
p.nav-selected {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
  font-weight: bold;
  color: #2D578F;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

p.menu {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 13px;
  text-decoration: none;
  font-weight: normal;
  margin-top: 4px;
  margin-bottom: 2px;
  margin-right: 15px;
}
 
p.menu-selected {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 13px;
  text-decoration: none;
  font-weight: normal;
  margin-top: 4px;
  margin-bottom: 2px;
  margin-right: 15px;
  color: #2D578F;
}

p {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0px;
  margin-top: 0px;
  margin-bottom: 11px;
}

p.info {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  line-height: 18px;
  letter-spacing: 0px;
  margin-top: 0px;
  margin-left: 20px;
  margin-bottom: 0px;
}

/* ========== text alterations ========================================================== */
em.bs {
  font-weight: bold;
  font-style: italic;
}

/* ========== inset images ========================================================== */
img.left {
  float: left;
  margin-right: 10px;
}

/* ========== lists ========================================================== */
ul {
  margin-top: 4px;
  margin-bottom: 16px;
  margin-left: 1em;
  padding: 0px;
}
ul.blank {
  list-style: none;
  margin-top: 4px;
  margin-bottom: 16px;
  margin-left: 1em;
  padding: 0px;
}

ol {
  margin-top: 4px;
  margin-bottom: 16px;
  margin-left: 1em;
  padding: 0px;
}

li {
  margin-bottom: 4px;
  padding-left: 0em;
  margin-left: 1em;
  font-size: 11px;
  line-height: 14px;
}

li.pdf {
  margin-bottom: 2px;
  padding-left: 0em;
  margin-left: 1em;
  font-size: 11px;
  line-height: 12px;
}

li.sitemap {
  margin-bottom: 2px;
  padding-left: 0em;
  margin-left: 1em;
  font-size: 11px;
  line-height: 12px;
}

/* ========== divs =========================================================== */
div.tagline {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: 0px;
}

div.nav {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: 0px;
}

div.nav-item {
  float: left;
}

div.nav-selected {
  float: left;
}

div.menu {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: 20px;
  margin-right: 0px;
  width: 190px;
}

div.content {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: 20px;
  margin-right: 0px;
  width: 790px;
}

div.footer {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 10px;
  width: 480px;
  float: left;
}

div.credits {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  float: left;
}

div.sitemap {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: 10px;
  width: 50px;
  float: left;
}

div.w3c {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: 20px;
  width: 170px;
  float: left;
}

div.home {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

div.home-left {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 15px;
  width: 380px;
  float: left;
}

div.home-center {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 15px;
  margin-right: 0px;
  width: 175px;
}

div.home-border {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  width: 220px;
  border-left: 1px solid #b2feec;
  border-right: 0px solid #b2feec;
  float: left;
}

div.home-right {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 15px;
  margin-right: 15px;
  width: 190px;
  float: left;
}

div.clear {
  clear: both;
}

div.content-left {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 15px;
  width: 555px;
  float: left;
}

div.content-right {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 15px;
  margin-right: 15px;
  width: 180px;
}

div.content-border {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  width: 210px;
  border-left: 1px solid #b2feec;
  float: left;
}

div.donations-left {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 15px;
  width: 365px;
  float: left;
}

div.donations-right {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 15px;
  margin-right: 15px;
  width: 350px;
}

div.donations-border {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  width: 380px;
  border-left: 1px solid #b2feec;
  float: left;
}

div.text-left {
  text-align: left
}