/*------------------------------------------------------------------------------------------------*/

.detailedSubsectionsList {
  background-color: #D2D0BF;
  padding: 20px 30px 0 30px;
  border-top: 1px solid #C2C0B0;
  overflow: hidden;
  height: 100%;
}

.detailedSubsectionsList dt {
  overflow: hidden;
  height: 100%;
  font-weight: bold;
  letter-spacing: 2px;
  color: #980000;
  overflow: hidden;
  height: 100%;
  font-family: Arial, Verdana, sans-serif;
}

.detailedSubsectionsList dt a {
  display: block;
  border-bottom: 1px solid #C2C0B0;
  padding-bottom: 1px;
  color: #980000;
  float: left;
}

.detailedSubsectionsList dt a .subtitle {
 color: #83740F;
}

.detailedSubsectionsList dt a:hover {
  color: #680000;
  border-bottom: 2px solid #980000;
  padding-bottom: 0px;
}

.detailedSubsectionsList dt a:hover .subtitle {
 color: #685B00;
}

.detailedSubsectionsList dd.description {
  margin-bottom: 20px;
  text-align: justify;
  line-height: 1.55em;
}

.detailedSubsectionsList dd.thumbnail {
  float: left;
  background-color: #C2C0B0;
  border-width: 1px;
  border-color: #000000;
  width: 80px;
  height: 80px;
  margin: 4px 10px 0px 0px;
  background-repeat: no-repeat;
}

.detailedSubsectionsList dd.thumbnail a {
  display: block;
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
}

.detailedSubsectionsList dd.thumbnail a:hover,
.detailedSubsectionsList dd.thumbnail a.active {
  background-position: 0 0;
}

.detailedSubsectionsList dd.thumbnail a img {
  visibility: hidden;
  width: 80px;
  height: 80px;
}

.detailedSubsectionsList dd.thumbnail a:hover img,
.detailedSubsectionsList dd.thumbnail a.active img {
  visibility: visible;
}
/*------------------------------------------------------------------------------------------------*/