h1 {
  font: 21px/26px normal "Times New Roman", Times, serif;
  color: #e1e4df;
  margin-bottom: 24px;
}
.subheading {
  font: 21px/26px normal "Times New Roman", Times, serif;
  font-style: italic;
  color: #e1e4df;
  margin: -24px 0 24px;
}

section {
  float: left;
  padding: 24px 16px;
  border-bottom: 1px solid #2f2f2a;
}
section:last-of-type {
  border-bottom: none;
}
section.results-section:last-of-type {
  border-bottom: 1px solid #2f2f2a;
}

section ul li,
section ol li {
  margin-left: 24px;
}

.image-right {
  float: right;
  margin-left: 24px;
}

.image-left {
  float: left;
  margin-right: 24px;
}
.sb .image-left {
  z-index: 10;
}


#intro {
  float: left;
  padding: 24px 16px;
  border-bottom: 3px double #2f2f2a;
}
#intro .hero {
  float: left;
  margin-right: 24px;
}
#intro .caption p {
  float: left;
  margin-right: 306px;
}
#intro .video {
  float: left;
  z-index: 50;
}
#intro p {
  margin-bottom: 24px;
  padding-right: 40px;
}
#intro p.about-caption {
  padding: 0 0 0 564px;
}
#intro h2 {
  font-size: 16px;
  margin-bottom: 6px;
}

#intro.results-intro p {
  padding: 0 0 0 564px;
}

#intro.about-intro p {
  padding: 0 0 0 660px;
}

#more-results {
  float: left;
  padding: 12px;
  border: 1px solid #24242a;
}
#more-results ul {
  list-style: none;
}
#more-results li a {
  display: block;
  height: 35px;
  padding: 3px 0 0 47px;
  margin-bottom: 12px;
  font-size: 14px;
}
#more-results li.selected a {
  color : #e1e4df;
}
#more-results li.fish {
  background: url(/images/results_fish_icon.png) no-repeat;
}
#more-results li.fish:hover,
#more-results li.fish.selected {
  background: url(/images/results_fish_icon_selected.png) no-repeat;
  color: #e1e4df;
}
#more-results li.road {
  background: url(/images/results_road_icon.png) no-repeat;
}
#more-results li.road:hover,
#more-results li.road.selected {
  background: url(/images/results_road_icon_selected.png) no-repeat;
  color: #e1e4df;
}
#more-results li.slope {
  background: url(/images/results_slope_icon.png) no-repeat;
}
#more-results li.slope:hover,
#more-results li.slope.selected {
  background: url(/images/results_slope_icon_selected.png) no-repeat;
  color: #e1e4df;
}

.results-section {
  position: relative;
  float: left;
  margin: 24px 16px 0;
  padding: 12px 24px 36px 12px;
  border: 1px solid #2f2f2a;
}

.results-section h1 {
  height: 35px;
  padding: 5px 0 0 47px;
  margin-bottom: 12px;
}
#results-fish h1 {
  background: url(/images/results_fish_icon.png) no-repeat;
}
#results-road h1 {
  background: url(/images/results_road_icon.png) no-repeat;
}
#results-slope h1 {
  background: url(/images/results_slope_icon.png) no-repeat;
}

.results-section p {
  padding-left: 298px;
}
#results-fish p {
  background: url(/images/results_fish_image.png) 47px 0 no-repeat;
}
#results-road p {
  background: url(/images/results_road_image.png) 47px 0 no-repeat;
}
#results-slope p {
  background: url(/images/results_slope_image.jpg) 47px 0 no-repeat;
}

.results-section .read-more {
  position: absolute;
  right: 24px;
  bottom: 24px;
}

.read-more {
  width: 112px;
  height: 26px;
  text-indent: -5999px;
  background: url(/images/read_more_button.png) no-repeat;
}
.read-more a {
  display: block;
  width: 112px;
  height: 26px;
}

.copy {
  float: left;
  padding: 24px 16px 0 16px;
}
.copy p {
  margin-bottom: 12px;
  padding-right: 306px;
}
.copy h1 {
  margin: 0 0 12px 0;
  padding-right: 306px;
}
.copy h2 {
  font-size: 16px;
  margin-bottom: 6px;
  padding-right: 306px;
}
.copy ul li, ol li {
  margin: 24px;
  padding-right: 306px;
}

.copynoimage p {
  margin-bottom: 12px;
  padding-right: 40px;
}
.copynoimage h1 {
  margin: 0 0 12px 0;
  padding-right: 40px;
}
.copynoimage h2 {
  font-size: 16px;
  margin-bottom: 6px;
  padding-right: 40px;
}



.copy .callout {
  padding: 24px;
  border: 1px solid #2f2f2a;
}
.copy .calloutimage {
  padding: 24px;
  border: 1px solid #2f2f2a;
}

.copy .callout h2 {
  font-size: 16px;
  margin-bottom: 6px;
  padding-right: 40px;
}
.copy .callout p {
  margin-right: 0;
  padding-right: 40px;
}
.copy .calloutimage p {
  margin-right: 0;
  padding-right: 0px;
}
.copy .calloutimage h2 {
  font-size: 16px;
  margin-bottom: 6px;
  padding-right: 0px;
}
.copy .callout p:last-child {
  margin-bottom: 0;
}

.copy .indent {
  padding-left: 40px;
  margin-right: 0px;
}

.expander a {
  display: block;
  padding-left: 24px;
  background: url(/images/read_more_expander.png) 0 7px no-repeat;
}

.accordion{
  margin: 0 72px;
}
.accordion dt {
  clear: both;
  font: 21px/26px "Times New Roman", Times, serif;
  line-height: 18px;
  color: #e1e4df;
  margin: 8px 0 0 0;
  height: 35px;
  background: url(/images/accordion-header.png) no-repeat;
  outline: none;
}
.accordion dt a {
  display: block;
  width: 746px;
  height: 26px;
  padding: 9px 0 0 35px;
  color: #e1e4df;
  text-decoration: none;
  background: url(/images/accordion-closed.png) 8px 8px no-repeat;
}
.accordion dt.current a {
  background: url(/images/accordion-opened.png) 8px 8px no-repeat;
}
.accordion dt em {
  font-style:italic;
  color: #A7AAA7;
  text-decoration: none;
}
.accordion dt .number {
  display: block;
  position: absolute;
  top: 9px;
  right: 8px;
  text-align: right;
  z-index: 0;
}
.accordion dd {
  margin-top: 24px;
}
.accordion dd .image-left {
  margin-bottom: 24px;
}