/**
 * Element styles for body, image, etc.
 */
body {
  padding: 0px;
  margin: 0px;
}
td.left {
  padding: 0px;
  margin: 0px;
}
td.side {
  padding: 0px;
  margin: 0px;
  background-color: #fffaca;
}
td.center {
  padding: 0px;
  margin: 0px;
}
td.right {
  padding: 0px;
  margin: 0px;
}
img {
  margin: 0px;
  padding: 0px;
  border: 0px;
}
span {
  color: #aaa;
  font-weight: bold;
}
a {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #885488;
  text-decoration: none;
  padding: 0px;
  margin: 0px;
  border: 0px;
}
a:hover {
  color: #a3d075;
}
a.project {
  padding: 0px;
  margin: 0px;
}
a.project img {
  border: 1px solid #ffffff;
}
a.project:hover img {
  border: 1px solid #885488;
}
a.project:hover {
  color: #ffffff;
}
p {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 12px;
  padding: 0px 0px 4px 0px;
  margin: 0px;
}
div.footer-copyright {
  float: left;
  width: 200px;
}
div.footer-license {
  float: left;
  width: 225px;
  padding: 0px 0px 0px 30px;
}
div.footer-credit {
  float: right;
}
div.footer-validation {
  float: right;
  padding: 20px 0px 0px 0px;
}
p.centered {
  text-align: left;
}

p.footer-validation {
  text-align: right;
}
p.footer-copyright {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 10px;
  font-weight: normal;
  font-style: normal;
  color: #5a5b5e;
  text-align: center;
  margin: 0px;
  padding: 4px 0px 0px 0px;
  width: 225px;
}
p.footer-license {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 10px;
  font-weight: normal;
  font-style: normal;
  color: #5a5b5e;
  text-align: left;
  margin: 0px;
  padding: 4px 0px 0px 0px;
  width: 225px;
}
p.footer-credit {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 10px;
  font-weight: normal;
  font-style: normal;
  color: #5a5b5e;
  text-align: right;
  margin: 0px;
  padding: 4px 0px 0px 0px;
}
p.footer-credit a {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #5a5b5e;
  text-decoration: none;
  padding: 0px;
  margin: 0px;
  border: 0px;
}
p.footer-credit a:hover {
  color: #ffffff;
}
h1 {
  clear: both;
  font-family: Palatino, serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  color: #5a5b5e;
  margin: 0px;
  padding: 8px 0px 0px 30px;
}
h2 {
  clear: both;
  font-family: Palatino, serif;
  font-size: 10px;
  line-height: 12px;
  font-weight: normal;
  font-style: normal;
  color: #5a5b5e;
  margin: 0px;
  padding: 20px 0px 8px 30px;
}

/**
 * Rollover for green practices icons
 */
a.tooltip {
  padding: 0px;
  margin: 0px;
  z-index: 1;
  position: relative;
  text-decoration: none;
} 
a.tooltip:hover {
  z-index: 2;
  font-size: 99%;
  text-decoration: none;
} 
a.tooltip span.arrow { 
  display: none;
  position: absolute;
  top: 9px; 
  left: 8px; 
  width: 25px;
  padding: 0px;
  background: url('../images/icons/arrow_tooltip.gif') no-repeat 0px 0px;
} 
a.tooltip span.tip { 
  display: none;
  display: none;
  position: absolute;
  color: #000;
  font-weight: normal;
  top: 15px; 
  padding: 4px 6px; 
  border: 1px solid #ffd323; 
  background-color: #ffffff;
} 
a.tooltip span.g1p1 { 
  left: 0px; 
}
a.tooltip span.g2p2 { 
  left: -12px; 
}
a.tooltip span.g3p3 { 
  left: -62px; 
}
a.tooltip span.g4p4 { 
  left: -77px; 
}
a.tooltip span.g5p5 { 
  left: -70px; 
}
a.tooltip span.g6p6 { 
  left: -97px; 
}
a.tooltip:hover span {
  display: inline;
  white-space: nowrap;
} 
.icon {
  padding: 0px;
  margin: 0px 4px 0px 0px;
  width: 25px;
  height: 25px;
}
.icon-last {
  padding: 0px;
  margin: 0px 0px 0px 0px;
  width: 25px;
  height: 25px;
}

/**
 * Lists for navigation, links and other styles
 */
ul.none {
  list-style: none;
  padding: 0px 0px 0px 55px;
  margin: 0px 0px 10px 0px;
}
ul.none li {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  font-weight: normal;
  font-style: normal;
  color: #000;
  margin: 0px;
  padding: 4px 5px 2px 0px;
}
ul.disc {
  list-style: disc;
  padding: 0px 0px 0px 55px;
  margin: 0px 0px 10px 0px;
}
ul.disc li {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  font-weight: normal;
  font-style: normal;
  color: #000;
  margin: 0px;
  padding: 4px 5px 2px 0px;
}
ul.disc li.noteworthy {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  font-weight: normal;
  font-style: normal;
  color: #000;
  margin: 0px;
  padding: 4px 35px 2px 0px;
}
ul.disc-flush {
  list-style: disc;
  padding: 0px 0px 0px 20px;
  margin: 0px 0px 5px 0px;
}
ul.disc-flush li {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 12px;
  font-weight: normal;
  font-style: normal;
  color: #000;
  margin: 0px;
  padding: 4px 5px 2px 0px;
}
ul.nav {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
ul.nav li {
  float: left;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 10px;
  font-weight: bold;
  font-style: normal;
  color: #aeb0b3;
  margin: 0px;
  padding: 6px 5px 0px 0px;
}
ul.indent {
  list-style: none;
  margin: 0px;
  padding: 2px 0px 0px 0px;
}
ul.indent li {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  font-weight: bold;
  font-style: normal;
  color: #aeb0b3;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}
ul.link {
  list-style: none;
  margin: 0px;
  padding: 10px 0px 0px 0px;
}
ul.link li {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  font-weight: bold;
  font-style: normal;
  color: #aeb0b3;
  margin: 0px;
  padding: 0px;
}
ul.link-left {
  list-style: none;
  margin: 0px;
  padding: 0px 10px 0px 30px;
}
ul.link-left li {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  font-weight: bold;
  font-style: normal;
  color: #aeb0b3;
  margin: 0px;
  padding: 0px;
}
ul.link-center {
  list-style: none;
  margin: 0px;
  padding: 0px 10px 0px 10px;
}
ul.link-center li {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  font-weight: bold;
  font-style: normal;
  color: #aeb0b3;
  margin: 0px;
  padding: 0px;
}
ul.link-right {
  list-style: none;
  padding: 0px 0px 0px 10px;
  margin: 0px;
}
ul.link-right li {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  font-weight: bold;
  font-style: normal;
  color: #aeb0b3;
  margin: 0px;
  padding: 0px;
}
ul.green-practices {
  list-style: none;
  margin: 0px;
  padding: 25px 0px 0px 40px;
}
ul.green-practices li {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 16px;
  font-weight: bold;
  font-style: normal;
  color: #aeb0b3;
  margin: 0px;
  padding: 0px;
}
ul.green-practices li a {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 16px;
  font-weight: bold;
  font-style: normal;
  color: #885488;
  margin: 0px;
  margin: 0px;
  padding: 0px;
}
ul.green-practices li a:hover {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 16px;
  font-weight: bold;
  font-style: normal;
  color: #a3d075;
  margin: 0px;
  margin: 0px;
  padding: 0px;
}
ul.simple {
  list-style: none;
  margin: 0px;
  padding: 0px 0px 16px 50px;
}
ul.simple li {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 16px;
  font-weight: normal;
  font-style: normal;
  color: #000000 ;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  text-indent: -10px;
}
ul.flush {
  clear: both;
  list-style: none;
  margin: 0px;
  padding: 15px 0px 8px 40px;
}
ul.flush li {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 16px;
  font-weight: normal;
  font-style: normal;
  color: #000000 ;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  text-indent: -10px;
}
ul.sustainable {
  list-style: none;
  margin: 0px;
  padding: 10px 40px 10px 50px;
}
ul.sustainable li {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 13px;
  font-weight: normal;
  font-style: normal;
  color: #000000 ;
  margin: 0px;
  padding: 0px 0px 5px 0px;
  text-indent: -12px;
}
ul.greenpractices {
  list-style: none;
  margin: 0px;
  padding: 10px 40px 10px 40px;
}
ul.greenpractices li {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 13px;
  font-weight: normal;
  font-style: normal;
  color: #000000 ;
  margin: 0px;
  padding: 0px 0px 12px 32px;
  text-indent: 0px;
}
ul.greenpractices li.gp1 {
  background: url('../images/icons/GP1.gif') no-repeat 0px 0px;
}
ul.greenpractices li.gp2 {
  background: url('../images/icons/GP2.gif') no-repeat 0px 0px;
}
ul.greenpractices li.gp3 {
  background: url('../images/icons/GP3.gif') no-repeat 0px 0px;
}
ul.greenpractices li.gp4 {
  background: url('../images/icons/GP4.gif') no-repeat 0px 0px;
}
ul.greenpractices li.gp5 {
  background: url('../images/icons/GP5.gif') no-repeat 0px 0px;
}
ul.greenpractices li.gp6 {
  background: url('../images/icons/GP6.gif') no-repeat 0px 0px;
}
li#gp1-short {display: block;}
li#gp2-short {display: block;}
li#gp3-short {display: block;}
li#gp4-short {display: block;}
li#gp5-short {display: block;}
li#gp6-short {display: block;}
li#gp1-long {display: none;}
li#gp2-long {display: none;}
li#gp3-long {display: none;}
li#gp4-long {display: none;}
li#gp5-long {display: none;}
li#gp6-long {display: none;}

ul.bold {
  list-style: disc;
  margin: 0px;
  padding: 0px 0px 0px 40px;
}
ul.bold li {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  font-weight: bold;
  font-style: normal;
  color: #000000 ;
  margin: 0px;
  padding: 0px 0px 6px 0px;
  text-indent: 0px;
}

/**
 * Container for triptych on home page
 */
div.triptych {
  clear: both;
  width: 290px;  
  height: 200px;
  padding: 25px 0px 30px 0px;
}
div.triptych-left {
  float: left;
  border-right: 1px solid #a3d075;
  width: 110px;  
  height: 200px;
}
div.triptych-left p {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  font-weight: normal;
  font-style: normal;
  color: #000000;
  margin: 0px;
  padding: 0px 10px 10px 30px;
}
div.triptych-center {
  float: left;
  border-right: 1px solid #a3d075;
  width: 90px;  
  height: 200px;
}
div.triptych-center p {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  font-weight: normal;
  font-style: normal;
  color: #000000;
  margin: 0px;
  padding: 0px 10px 10px 10px;
}
div.triptych-right {
  float: left;
  border: 0px;
  width: 80px;  
  height: 200px;
}
div.triptych-right p {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  font-weight: normal;
  font-style: normal;
  color: #000000;
  margin: 0px;
  padding: 0px 10px 10px 10px;
}
img.triptych-left {
  margin: 0px 0px 10px 30px;
  padding: 0px;
}
img.triptych-center {
  margin: 0px 0px 10px 10px;
  padding: 0px;
}
img.triptych-right {
  margin: 0px 0px 10px 10px;
  padding: 0px;
}
img.section-header {
  clear: both;
  margin: 0px 30px 0px 0px;
  padding: 0px;
  border: 0px;
}
img.section-header-projects {
  clear: both;
  float: left;
  margin: 0px 0px 20px 0px;
  padding: 0px;
  border-top: 2px solid #fffaca;
  border-bottom: 2px solid #fffaca;
}

/**
 * Container for images and captions
 */
.image-bamboo {
  clear: both;
  padding: 0px 0px 6px 0px;
  margin: 0px;
  background: url('../images/home/bamboogreen.jpg') no-repeat 30px 10px;
  width: 280px;
  height: 150px;
}
.image-caption {
  z-index: 0;
  clear: both;
  padding: 0px;
  margin: 0px;
}
.image-media {
  padding: 10px 0px 0px 0px;
}
.image-caption p.caption {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  font-weight: normal;
  font-style: normal;
  color: #5a5b5e; 
  padding: 12px 0px 0px 6px;
  margin: 0px;
}
.content-right .image-caption {
  clear: both;
  padding: 20px 0px 0px 0px;
  margin: 0px;
}
.content-right .image-top {
  clear: both;
  padding: 15px 0px 0px 0px;
  margin: 0px;
}
.content-right .image-caption p.caption {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 9px;
  line-height: 12px;
  font-weight: bold;
  font-style: normal;
  color: #5a5b5e; 
  padding: 10px 0px 0px 40px;
  margin: 0px;
}
.content-right .image-caption p.caption-flush {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 9px;
  line-height: 12px;
  font-weight: bold;
  font-style: normal;
  color: #5a5b5e; 
  padding: 10px 0px 0px 30px;
  margin: 0px;
}
.content-right .image-caption p.link {
  clear: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 9px;
  line-height: 12px;
  font-weight: normal;
  font-style: normal;
  color: #5a5b5e; 
  padding: 10px 0px 0px 0px;
  margin: 0px;
}
#featured-projects {
  display: none;
  width: 250px;
  text-align: left;
  float: right;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 20px 0px;
}
img.media {
  clear: both;
  float: left;
  border: 0px;
  padding: 0px;
  margin: 16px 10px 0px 30px;
}
img.wabisabi {
  clear: both;
  float: left;
  border: 0px;
  padding: 0px;
  margin: 0px 10px 15px 30px;
}
img.featured {
  clear: both;
  float: left;
  border: 0px;
  padding: 0px;
  margin: 0px 10px 15px 30px;
}
img.featured-left {
  clear: both;
  float: left;
  border: 0px;
  padding: 0px;
  margin: 0px 10px 15px 30px;
}
img.featured-right {
  float: left;
  border: 0px;
  padding: 0px;
  margin: 0px 0px 15px 10px;
}
img.image-content {
  clear: both;
  float: left;
  border: 0px;
  padding: 0px;
  margin: 10px 10px 6px 40px;
}

/**
 * Color substyles
 */
.color-green {
 color: #a3d075;
}
.color-blue {
 color: #5a94c6;
}

/**
 * Margin substyles
 */
.margin-left-2 {
 margin-left: 2px;
}
.margin-right-2 {
 margin-right: 2px;
}

/**
 * Blue bar spans across the top, and contains a pale yellow bar over the side bar
 */
.blue-bar {
  background-color: #5a94c6;
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 10px;
  overflow: hidden;
}
.pale-yellow-bar{
  background-color: #fffaca;
  float: left;
  padding: 0px;
  margin: 0px;
  width: 230px;
  height: 10px;
}
.white-bar {
  background-color: #ffffff;
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 10px;
  overflow: hidden;
}
.green-bar {
  clear: both;
  background-color: #a3d075;
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 20px;
  overflow: hidden;
}

/**
 * Header contains logo, menu, and tagline for all pages
 */
.logo {
  background: url('../images/common/logo.gif') no-repeat center 0px;
  background-color: #fffaca;
  padding: 0px;
  height: 100px;
}
.menu {
  background-color: #ffffff;
  float: left;
  padding: 0px 0px 0px 30px;
}
.tagline {
  background: url('../images/common/tagline.gif') no-repeat center 40px;
  width: 600px;
  height: 100px;
}
.sub-header {
  clear: both;
  float: left;
  padding: 0px;
  margin: 0px;
  width: 800px;
  height: 120px;
}
.project-sub-header {
  clear: both;
  float: left;
  padding: 0px;
  margin: 10px 0px 0px 0px;
  width: 600px;
  height: 120px;
}
.content .project-sub-header p {
  color: #ffffff;
  font-family: Palatino, serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  padding: 14px 18px 0px 30px;
  margin: 0px;
}
.content .project-sub-header p.dark {
  color: #444;
  font-family: Palatino, serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  padding: 14px 18px 0px 30px;
  margin: 0px;
}
.header-brown {
  background-color: #714a3b;
}
.header-green {
  background-color: #667B59;
}
.header-yellow {
  background-color: #ffd323;
}
.header-light-green {
  background-color: #a3d075;
}
.sub-header p {
  color: #ffffff;
  font-family: Palatino, serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  padding: 14px 18px 0px 0px;
  margin: 0px;
}
.sub-header p.dark {
  color: #444;
  font-family: Palatino, serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  padding: 14px 18px 0px 0px;
  margin: 0px;
}
.sub-header-projects {
  background-color: #ffffff;
  clear: both;
  padding: 10px 0px 0px 30px;
  margin: 0px;
  width: 540px;
  height: 64px;
}
div.projects-nav {
  clear: both;
  padding: 0px;
  margin: 0px;
  width: 570px;
  height: 12px;
  text-align: right;
  overflow: hidden;
}
div.projects-nav a.link {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 10px;
  font-weight: bold;
  float: right;
  margin: 0px;
  padding: 0px;
}
div.arrow-navL {
  float: right;
}
div.arrow-navR {
  float: right;
}
img.arrow-nav {
  padding: 0px;
  margin: 0px
  border: 1px solid #ff0000;
  display: inline;
  width: 10px;
  height: 0px;
}
a.arrow-navL {
  text-decoration: none;
  height: 10px;
  width: 12px;
  background: url('../images/common/arrow_left.gif') no-repeat 0px 1px;
  border: 0px;
  color: #ffffff;
  padding: 0px;
  margin: 0px;
}
a.arrow-navL:hover {
  background: url('../images/common/arrow_left_hover.gif') no-repeat 0px 1px;
}
a.arrow-navR {
  text-decoration: none;
  height: 10px;
  width: 12px;
  background: url('../images/common/arrow_right.gif') no-repeat 0px 1px;
  border: 0px;
  color: #ffffff;
  padding: 0px;
  margin: 0px;
}
a.arrow-navR:hover {
  background: url('../images/common/arrow_right_hover.gif') no-repeat 0px 1px;
}
.content .sub-header-projects p {
  color: #000000;
  font-family: Palatino, serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  padding: 0px;
  margin: 0px;
  text-align: right;
}
.content .sub-header-projects small {
  color: #000000;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  line-height: 12px;
  padding: 0px;
  margin: 0px;
  text-align: right;
}

/**
 * Main contains the sidebar and content, and is between the header and footer
 */
.main {
  background-color: #ffffff;
  float: none;
  padding: 0px;
  width: 830px;
}
  

/**
 * Content contains all the main text and images. Any sub-elements (p, h1, h2, etc.)
 * are scoped for a specific container
 */
.content {
  background-color: #ffffff;
  float: left;
  padding: 0px;
  width: 600px;
}
.content-home-center {
  background-color: #ffffff;
  float: left;
  width: 290px;
  padding: 0px;
  margin: 0px;
}
.content-home-center h3 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 16px;
  font-weight: bold;
  font-style: normal;
  color: #000000 ;
  margin: 0px;
  padding: 20px 0px 0px 30px;
}
.content-home-right {
  background-color: #ffffff;
  float: left;
  padding: 0px;
  width: 280px;
  padding: 0px;
  margin: 0px;
}
.content-center {
  background-color: #ffffff;
  clear: both;
  float: left;
  padding: 0px;
  width: 410px;
  padding: 0px 0px 20px 0px;
  margin: 0px;
}
.sidebar h2 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 16px;
  font-weight: bold;
  font-style: normal;
  color: #000000 ;
  margin: 0px;
  padding: 0px 0px 0px 40px;
}
.content-center h2 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 16px;
  font-weight: bold;
  font-style: normal;
  color: #000000 ;
  margin: 0px;
  padding: 0px 0px 0px 30px;
}
#featured-projects h4 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 10px;
  font-weight: bold;
  font-style: normal;
  color: #333 ;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}
.content-center h3 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 16px;
  font-weight: bold;
  font-style: normal;
  color: #000000 ;
  margin: 0px;
  padding: 20px 0px 0px 30px;
}
.content-center p.first {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 16px;
  font-weight: normal;
  font-style: normal;
  color: #000000 ;
  margin: 0px;
  padding: 22px 0px 16px 30px;
}
.content-center p.last {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 16px;
  font-weight: normal;
  font-style: normal;
  color: #000000 ;
  margin: 0px;
  padding: 44px 0px 16px 30px;
}
.content-center p {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 16px;
  font-weight: normal;
  font-style: normal;
  color: #000000 ;
  margin: 0px;
  padding: 0px 0px 16px 30px;
}
.content-center h1 {
  font-family: Palatino, serif;
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
  font-style: normal;
  color: #000000;
  margin: 0px;
  padding: 25px 0px 10px 30px;
}
.content-center h1.gray {
  font-family: Palatino, serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  color: #5a5b5e;
  margin: 0px;
  padding: 8px 0px 0px 30px;
}
.content-center h1.projects {
  font-family: Palatino, serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  font-style: normal;
  color: #000000;
  margin: 0px;
  padding: 23px 0px 10px 30px;
}
.content-right {
  background-color: #ffffff;
  float: left;
  padding: 0px;
  width: 190px;
  padding: 0px;
  margin: 0px;
}
.content-right h1 {
  font-family: Palatino, serif;
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
  font-style: normal;
  color: #000000;
  margin: 0px;
  padding: 25px 0px 10px 30px;
}
.content-right p {
  clear: both;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 13px;
  font-weight: normal;
  font-style: normal;
  color: #000000 ;
  margin: 0px;
  padding: 0px 0px 16px 40px;
}
.content-right p.first {
  clear: both;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 16px;
  font-weight: normal;
  font-style: normal;
  color: #000000 ;
  margin: 0px;
  padding: 10px 0px 16px 30px;
}
dl.contact {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 16px;
  margin: 10px 0px 0px 12px;
  padding: 0px 0px 0px 0px ;
}
dl.contact dt {
  clear: both;
  float: left;
  width: 60px;
  text-align: right;
  padding: 0px 10px 0px 0px;
  margin: 0px;
}
dl.contact dd {
  float: left;
  width: 100px;
  padding: 0px;
  margin: 0px;
}
div.centered {
  text-align: center;
  padding: 20px 0px 0px 20px;
  margin: 0px;
}

/**
 * Sidebar contains slideshow, images, and text
 */
.sidebar {
  background-color: #fffaca;
  clear: both;
  float: left;
  padding: 10px 0px 10px 0px;
  margin: 0px;
  width: 230px;
}
.sidebar h1 {
  clear: both;
  font-family: Palatino, serif;
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
  font-style: normal;
  color: #000000;
  margin: 0px;
  padding: 25px 0px 5px 40px;
}
.sidebar p {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 15px;
  padding: 4px 40px 10px 40px;
  margin: 0px;
}
.sidebar p.first {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 15px;
  padding: 25px 40px 4px 40px;
  margin: 0px;
}
div.certified {
  padding: 35px 0px 10px 0px;
  margin: 0px;
  text-align: center;
}
p.certified {
  padding: 0px 0px 10px 0px;
  margin: 0px;
  text-align: center;
}

/**
 * Slidebox is modular, and contains a picture element (yellow border),
 * which has a caption and arrows for clicking to the next or previous picture.
 * Below the picture element is a linked title (with a yellow arrow), and the
 * green practices for the project.
 */
.slidebox {
  width: 210px;
  margin: 0px 10px 0px 10px;
  padding: 0px;
  display: block;
}
.hidden {
  display: none;
}
.slidebox p {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 12px;
  padding: 0px 0px 4px 0px;
  margin: 0px;
}
.slidebox .picture {
  height: 270px;
  border: 1px solid #ffd323;
  background: #ffffff;
  margin: 0px;
  padding: 4px;  
}
.slidebox .slide {
  width: 200px;
  height: 250px;
  padding: 0px 0px 4px 0px;
}
.slidebox .caption {
  display: inline;
  float: left;
  margin: 0px;
  padding: 2px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 10px;
  color: #5a5b5e;
  width: 160px;
  height: 12px;
}
.slidebox .arrows {
  display: inline;
  float: right;
  font-size: 12px;
  line-height: 12px;
  border: 0px;
  padding: 3px 3px 0px 0px; 
  margin: 0px;
  height: 12px;
  width: 30px;
}
.slidebox .title {
  background: url('../images/common/arrow_gold.gif') no-repeat 6px 0px;
  padding: 14px 10px 0px 10px;
  
}
.slidebox .green {
  padding: 4px 10px 10px 10px;
  color: #a3d075;
}
.arrowL {
  float: right;
  text-decoration: none;
  height: 10px;
  width: 12px;
  background: url('../images/common/arrow_left.gif') no-repeat top left;
  border: 0px;
  color: #ffffff;
  padding: 0px;
  margin: 0px;
}
.arrowL:hover {
  background: url('../images/common/arrow_left_hover.gif') no-repeat top left;
}
.arrowR {
  float: right;
  text-decoration: none;
  height: 10px;
  width: 12px;
  background: url('../images/common/arrow_right.gif') no-repeat top right;
  border: 0px;
  color: #ffffff;
  padding: 0px;
  margin: 0px;
}
.arrowR:hover {
  background: url('../images/common/arrow_right_hover.gif') no-repeat top right;
}

/**
 * Project styles, including content and photos
 */
.project-photo {
  padding: 0px;
  margin: 10px 0px 0px 30px;
}
.project-caption {
  width: 570px;
}
.project-caption-left {
  float: left;
  width: 320px;
}
.project-caption-right {
  float: right;
  width: 250px;
}
.content h2 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 16px;
  font-weight: bold;
  font-style: normal;
  color: #000000 ;
  margin: 0px;
  padding: 0px 0px 4px 30px;
}
.content p {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 16px;
  font-weight: normal;
  font-style: normal;
  color: #000000 ;
  margin: 0px;
  padding: 0px 0px 16px 30px;
}
img.project-icon {
  float: left;
  padding: 1px;
  margin: 0px 7px 0px 0px;
  border: 1px solid #ffffff;
}
img.project-icon:hover {
  border: 1px solid #885488;
}
p.photo-credit {
  margin: 0px;
  padding: 5px 0px 10px 0px;
  color: #888;
  font-size: 10px;
  line-height: 10px;
  text-align: right;
}

/**
 * Styles for expand/collapse content
 */
p.link-closed {
  margin: 0px;
  padding: 0px 0px 5px 30px;
  line-height: 14px;
}
p.link-open {
  margin: 0px;
  padding: 0px 0px 5px 30px;
  line-height: 14px;
}
p.green-top-border {
  margin: 0px 0px 0px 30px;
  padding: 16px 0px 16px 0px;
  border-top: 1px solid #a3d075;
}
div.expand-click {
  display: block;
  margin: 0px;
  padding: 0px;
}
div.expand-content {
  display: none;
  margin: 0px;
  padding: 0px 0px 20px 0px;
}
div.expand-content p.expand {
  margin: 0px;
  padding: 6px 0px 0px 44px;
}
div.expand-content p.expand-flush {
  margin: 0px;
  padding: 2px 0px 6px 44px;
}
div.expand-content p.expand-indented {
  margin: 0px;
  padding: 6px 0px 0px 58px;
  line-height: 14px;
}
div.expand-click p.link-closed a {
  background: url('../images/common/arrow_closed.gif') no-repeat 0px 3px;  
  margin: 0px;
  padding: 0px 0px 0px 12px;
  display: block;
}
div.expand-content p.link-open a {
  background: url('../images/common/arrow_open.gif') no-repeat 0px 4px;  
  margin: 0px;
  padding: 0px 0px 0px 12px;
  display: block;
}