body { background: #050000 url(images/bg-tanks.gif) repeat-x;
       color: #FFDBB1;
       margin: 0; 
       padding: 0;
       font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
       font-weight: lighter;
       font-size: 14px;
       line-height: 19px;
     }

h1,h2,h3,h4,h5,h6 { font-weight: bold; }
h1 { margin: 0; text-indent: -9000px; }
h2 { font-size: 16px; color: #f58f21; }
h3 { font-size: 14px; color: #f58f21; }

a         { color: #ec1f27; text-decoration: underline; font-weight: bold; }
a:hover   { color: #ec1f27; text-decoration: none; }
a:visited { color: #ec1f27; text-decoration: underline; }

#wrapper { width: 900px; }
#header  { width: 900px; height: 400px; margin: 0px; 
           background: url(images/header-tanks.gif) no-repeat; }
#content { padding: 20px 0px 20px 50px; }

.intro { display: block; width: 850px; height: 75px; 
               margin: 0; padding: 0; text-indent: -9000px; 
               background: url(images/h2-intro.gif) no-repeat; }

.callout { display: block; width: 260px; margin: 5px 0px 20px 20px;
           padding: 10px; 
           clear: none; float: right; font-size: 15px; color: #f58f21; 
           font-weight: bold; font-style: italic; text-align: left;  }

.who  { display: block; width: 175px; height: 25px;
        margin: 0; padding: 0; text-indent: -9000px;
        background: url(images/h3-whoweare.gif) no-repeat; }
.what { display: block; width: 175px; height: 25px;
        margin: 0; padding: 0; text-indent: -9000px;
        background: url(images/h3-whatwewant.gif) no-repeat; }
.how  { display: block; width: 175px; height: 25px;
        margin: 0; padding: 0; text-indent: -9000px;
        background: url(images/h3-howyoucanhelp.gif) no-repeat; }

.column-wrap { width: 100%; clear: both; }
.column      { width: 260px; padding: 20px 20px 20px 0; 
               float: left; clear: none; }

.join A         { display: block; width: 155px; height: 55px;
                  margin: 0; padding: 0; text-indent: -9000px;
                  background: url(images/h2-join.gif) no-repeat; }
.join A:hover   { background: url(images/h2-join-hover.gif) no-repeat; }

.donate A       { display: block; width: 155px; height: 55px;
                  margin: 0; padding: 0; text-indent: -9000px;
                  background: url(images/h2-donate.gif) no-repeat; }
.donate A:hover { background: url(images/h2-donate-hover.gif) no-repeat; }

.email A        { display: block; width: 120px; height: 55px;
                  margin: 0; padding: 0; text-indent: -9000px;
                  background: url(images/h2-email.gif) no-repeat; }
.email A:hover  { background: url(images/h2-email-hover.gif) no-repeat; }


#footer { width: 820px; padding: 20px 0px 30px 50px;
          font-size: 11px; line-height: 15px; color: #906c4b;
          float: left; clear: both; }

.mailtable { font-size: 11pt; color: #E78A1F; font-weight: bold; }
textarea   { font-size: 9pt; }
input      { font-size: 9pt; }

.star { font: bold 16pt Courier,monospace; color: #EC1F27; }

.sentbox { color: #000; background: #FFF; border: 1px solid; 
           padding: 1em; width: 40em; }


@media print {
 * { color: black !important;
     border-color: black !important;
     background: white !important; }
}
