body {
  background: #001e4b url(/images/background.png) repeat-x;
  color: #013;
  font: 80%/1.4 Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Bitstream Vera Sans", Verdana, sans-serif;
  margin: 0;
  padding: 0;
  text-align: center; }

#wrapper {
  background: white url(/images/wrapper.png) repeat-y;
  margin: 2em auto 1.5em;
  position: relative;
  text-align: left;
  width: 950px; }

/* === HEADER === */
#header {
  float: left;
  padding: 0 21px;
  width: 208px; }
  #header h1 {
    margin: 1em 0;
    padding: 0; }
    #header h1 a {
      background: url(/images/logo.png) no-repeat;
      display: block;
      height: 202px;
      overflow: hidden;
      text-indent: -9999px;
      width: 208px; }

/* === BUTTONS === */
#buttons ul {
  list-style: none;
  margin: 1em 0;
  padding: 0; }
  #buttons ul li {
    margin: 0 0 2px;
    padding: 0; }
    #buttons ul li a {
      display: block;
      height: 47px;
      overflow: hidden;
      text-indent: -9999px; }

#button_grants {
  background: url(/images/buttons.png) 0 0 no-repeat; }
  #button_grants:hover {
    background-position: 0 -141px; }

#button_donate {
  background: url(/images/buttons.png) 0 -47px no-repeat; }
  #button_donate:hover {
    background-position: 0 -188px; }

#button_address {
  background: url(/images/buttons.png) 0 -94px no-repeat; }
  #button_address:hover {
    background-position: 0 -235px; }

/* === NAVIGATION === */
#navigation {
  background: url(/images/navigation_bg.png) repeat-x;
  float: right;
  height: 60px;
  width: 700px; }
  #navigation ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 10px; }
    #navigation ul li {
      float: left;
      margin: 0;
      padding: 0; }
      #navigation ul li a {
        display: block;
        height: 60px;
        overflow: hidden;
        text-indent: -9999px; }

/* === NAV Backgrounds === */
#nav_home a {
  background: url(/images/navigation.png) -13px 0;
  width: 57px; }
  #nav_home a:hover {
    background-position: -13px 60px; }

#nav_about a {
  background: url(/images/navigation.png) -69px 0;
  width: 81px; }
  #nav_about a:hover {
    background-position: -69px 60px; }

#nav_join a {
  background: url(/images/navigation.png) -149px 0;
  width: 97px; }
  #nav_join a:hover {
    background-position: -149px 60px; }

#nav_grants a {
  background: url(/images/navigation.png) -245px 0;
  width: 69px; }
  #nav_grants a:hover {
    background-position: -245px 60px; }

#nav_awards a {
  background: url(/images/navigation.png) -313px 0;
  width: 74px; }
  #nav_awards a:hover {
    background-position: -313px 60px; }

#nav_links a {
  background: url(/images/navigation.png) -386px 0;
  width: 57px; }
  #nav_links a:hover {
    background-position: -386px 60px; }

#nav_creed a {
  background: url(/images/navigation.png) -442px 0;
  width: 155px; }
  #nav_creed a:hover {
    background-position: -442px 60px; }

#nav_contact a {
  background: url(/images/navigation.png) -596px 0;
  width: 92px; }
  #nav_contact a:hover {
    background-position: -596px 60px; }

/* === BODY AND FOOTER === */
#body {
  float: right;
  padding: 15px 35px 1.5em;
  width: 630px; }

#footer {
  margin: 0 auto;
  width: 950px; }
  #footer p {
    color: white;
    font-size: .9em;
    margin: 0 0 2em;
    text-align: right; }
  #footer a {
    color: white; }

/* === HTML tags === */
h2 {
  font: 2em/1 normal Georgia, "Times New Roman", times, serif;
  margin: 1em 0 .75em; }

h3 {
  color: #14407e;
  font-size: 1.2em;
  font-weight: normal;
  margin: 1.5em 0 .75em;
  text-transform: uppercase; }

a:link, a:visited {
  color: #900; }
a:hover, a:active {
  color: #d00; }

hr {
  clear: both;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden; }

table {
  border-collapse: collapse;
  margin: 1em 0; }
  table th, table td {
    border: 1px solid #A6D5ED;
    margin: 0;
    padding: .5em .75em;
    vertical-align: top; }

dt {
  font-weight: bold;
  margin: 1.5em 0 0;
  padding: 0;
  text-transform: uppercase; }

dd {
  margin: 0;
  padding: 0; }

/* === HOME PAGE === */
#introduction {
  font: 1.65em Georgia, "Times New Roman", times, serif; }
  #introduction ul {
    font-size: .8em;
    list-style: none;
    margin: 1em 0;
    padding: 0; }
    #introduction ul li {
      background: url(/images/bullet.png) left center no-repeat;
      line-height: 1.4;
      margin: 0;
      padding: 0 0 0 20px; }

/* === AWARDS === */
body.awards #body h3 {
  margin: 1em 0 0;
  text-transform: uppercase; }
body.awards #body p {
  margin: 0 0 1.5em; }

.recipient {
  font-size: 1.1em;
  font-style: italic;
  text-align: center; }

ul.recipient {
  list-style: none;
  margin: 1em 0;
  padding: 0; }
  ul.recipient li {
    margin: 0;
    padding: 0; }

/* === MISC === */
.pullquote {
  background: #c00;
  border: 1px solid #700;
  color: white;
  float: right;
  margin: 0 0 1em 1em;
  padding: 1em;
  width: 250px; }
  .pullquote h3, .pullquote p {
    margin: .2em 0; }
  .pullquote h3 {
    color: white;
    line-height: 1.2;
    text-transform: uppercase; }

.column {
  float: left;
  padding: 0 5% 0 0;
  width: 45%; }