* { margin: 0; padding: 0; }
img { border: 0; }
body { margin: 0; padding: 0; }
.clear { clear: both; }
.hidden { display: none; }
p, h1, h2, h3, h4, h5, h6, #mainContent ul, #mainContent ol {
margin-top: 1em;
margin-bottom: 1em;
}
body {
/* font-family: "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif; */
font-family: "Lucida Sans Unicode", "Lucida Grande", "Verdana", "FreeSans", sans-serif;
font-size: 95%;
a { text-decoration: none; color: #557733; }
a:hover { text-decoration: underline; color: #577632; }
.toggle-control {
cursor: pointer;
text-decoration: none; color: #557733;
.toggle-control:hover { text-decoration: underline; color: #577632; }
/* FIXME: We should do this: */
/* http://www.waypointarts.com/blog/2013/06/29/fixing-a-side-bar-while-scrolling-until-bottom */
.donate-sidebar {
position: fixed;
top: 180px;
right: 2%;
width: 18%;
@media all and (max-width: 725px) {
.donate-sidebar { display: none; }
.content-with-donate-sidebar {
align: center;
width: 100%;
p.footnote {
font-size: 85%;
h1 { margin-top: .75em; margin-bottom: .5em; }
h2 { margin-top: .75em; margin-bottom: .5em; }
h3 { margin-top: .6em; margin-bottom: .4em; }
#mainContent h1 { border-bottom: 1px solid #00334b; }
#mainContent h2 { border-bottom: 1px solid #aaa; }
#mainContent ul, #mainContent ol { padding-left: 1.5em; }
#mainContent img { margin: 3px; }
.internalNavigate { width: 19%; float: right; }
#mainContent .internalNavigate ul { list-style-type: none; padding-left: 0; }
.internalNavigate ul li { margin-top: .3em; margin-bottom: .3em; }
/* Header */
#conservancyheader {
margin: 0;
/* Leave 0 padding on the right so the header image is clipped by the edge of
* the browser window. */
padding: 10px 0 10px 17px;
/* background-color: #d1ff96; */
/* background-color: #92CC58; */
/* background-color: #BDD8A2; */
/* background-color: #92cc58; */
/* background-color: #b5cd9d; */
background-color: #ffffff;
border-bottom: 1px solid #808080;
text-indent: -5000px; /* hide in favor of image */
#logobutton {
display: block;
padding: 0;
height: 120px;
min-width: 350px; /* So at least tree and text is visible */
background: url(/img/conservancy-header.png) no-repeat;
/* Navigation bar */
#navbar-outer { background: #577632; }
#navbar { margin-left: 104px; margin-top: 3px; float: left; display: inline; }
#navbar ul { list-style: none; }
#navbar-clear { clear: both; border-bottom: 1px solid #808080; }
#navbar li.supporter a {
background: #fafafe;
padding: .2em .8em;
margin-right: 3px;
border: 1px solid #808080;
font-size: .8em;
background: #ffd843;
background: -moz-linear-gradient(top, #fff, #ffd533);
background: -webkit-linear-gradient(top, #fff, #ffd533);
background: linear-gradient(to bottom, #fff, #ffd533);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffd533', GradientType=0);
border-color: #ffffff;
#navbar li a {