body.conservancy-supporter #navbar ul li.supporter a

{ 

    color: #000033;

    font-weight: bold;

    background: url(/img/nav-bg-campaign-up.png) bottom repeat-x;

}

#supporters ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

#supporters li:before {

    content: '';

    display: inline-block;

    height: 2em;

    width: 2em;

    background-image: url(/img/conservancy-supporter-heart.svg);

    background-size: contain;

    background-repeat: no-repeat;

    padding: 0.25em 1.2em 0.25em 0.25em;

    vertical-align: middle;

}

#supporters li {

    padding: 0.5em 2em 1em 2em;

    margin-left: .25em;

    list-style: none;

}

#sponsor ul {

  clear: all;

  margin-bottom: 10px;

}

#sponsor li {

  width: 100%;

  float: left;

  margin-top: 10px;

  text-align: center;

  list-style: none;

  margin-right: 5px;

}

#subbox {

   position: absolute;

   padding-top: 10px;

   right: 0px;

   width: 200px;

   font-size: 12px;

}

img.inside-faq {

  max-width: 100%;

  width: auto;

  overflow: scroll;

}

pre {

  overflow: auto;

}

/* Make dl's ( such as for FAQ entries) look nice on screens, both big and small. */

dl {

    border: 3px double #ccc;

    padding: 0.5em;

}

dt {

    text-align: center;

    margin: 0em 1em 0.5em 0.5em;

    font-weight: bold;

    color: green; }

dd {

    margin: 0 0 1.5em 2em;

}

@media only screen and (min-width: 685px) {

dl {

    border: 3px double #ccc;

    padding: 0.5em;

}

dt {

    float: left;

    text-align: center;

    width: 10em;

    margin: 0em 1em 0.5em 0.5em;

    font-weight: bold;

    color: green; }

dt:after {

    content: ":";

}

dd {

    margin: 0 0 2.5em 11.5em;

}

}