@charset "utf-8";



html, body { 
  height: 100%;
}
body {
  background: #F1EBD8;
  font: normal 12px arial, sans-serif;
  padding: 0px;
  margin: 0px;  
}
table {
  border: 0px;
}

p, h1, h2, h3, form, ul {
  margin: 0px;
  padding: 0px;
}

#pseudo-body {
  position: relative;
  min-height: 100%;
  width: 100%;  
}
* html #pseudo-body {
  height: 100%; /* IE v6 'min-height' */    
}


div.s4c-clear {
  clear: both;
}

a img {
  border: 0px;
}



/* Main Content Containers */


div#s4c-header-stretch {   
  top: 0px; 
  left: 0px;
  background: url(../pics/bg__header_left_filler.jpg);
  background-repeat: repeat-x;
  width: 100%;
  min-width: 1005px;  
}

div#s4c-footer-stretch {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  min-width: 1005px;
  background: url(../pics/bg__footer_top.gif); 
  background-repeat: repeat-x;
  background-color: #F8F5EC;
}

div.s4c-major {
  width: 1005px;
  margin: auto;
}




/* Header */


div#s4c-header {
  position: relative;
  height: 345px;
  background: url(../pics/bg__header_center_no_links.jpg);
  background-repeat: no-repeat;  
}


a#s4c-aus-link {
  display: block;
  position: absolute;
  top: 86px;
  left: 902px;
  width: 30px;
  height: 22px;  
}
a#s4c-usa-link {
  display: block;
  position: absolute;
  top: 86px;
  left: 945px;
  width: 30px;
  height: 22px;  
}


div#s4c-header a.menu-link {
  display: block;
  position: absolute;
  /*font-size: 0px;*/
  top:182px;
  background-repeat: no-repeat;
  color:#A33D00;
  text-decoration: none;
}
div#s4c-header a.on {  
  text-decoration:underline;
}

div#s4c-header a.menu-link:hover {  
  background-repeat: no-repeat;
  color:#7A6D59;
}


a#s4c-top-menu-home {
  width: 39px;
  height: 10px;
  top: 183px;
  left: 39px;
 /* background: url(../pics/menu__home.gif) no-repeat 0px -10px;*/
}
a#s4c-top-menu-home:hover {
  background-position: 0px 0px;
}
a#s4c-top-menu-news {
  width: 36px;
  height: 10px;
  top: 183px;
  left: 100px;
  /*background: url(../pics/menu__news.gif) no-repeat 0px -10px;*/
}
a#s4c-top-menu-news:hover {
  background-position: 0px 0px;
}
a#s4c-top-menu-join {
  width: 31px;
  height: 10px;
  top: 183px;
  left: 156px;
 /* background: url(../pics/menu__join.gif) no-repeat 0px -10px;*/
}
a#s4c-top-menu-join:hover {
  background-position: 0px 0px;
}
a#s4c-top-menu-gallery {
  width: 57px;
  height: 10px;
  top: 183px;
  left: 206px;
 /* background: url(../pics/menu__gallery.gif) no-repeat 0px -10px;*/
}
a#s4c-top-menu-gallery:hover {
  background-position: 0px 0px;
}
a#s4c-top-menu-resources {
  width: 75px;
  height: 10px;
  top: 183px;
  left: 282px;
  /*background: url(../pics/menu__resources.gif) no-repeat 0px -10px;*/
}
a#s4c-top-menu-resources:hover {
  background-position: 0px 0px;
}
a#s4c-top-menu-donate {
  width: 54px;
  height: 10px;
  top: 183px;
  left: 378px;
  /*background: url(../pics/menu__donate.gif) no-repeat 0px -10px;*/
}
a#s4c-top-menu-donate:hover {
  background-position: 0px 0px;
}
a#s4c-top-menu-about {
  width: 44px;
  height: 10px;
  top: 183px;
  left: 451px;
  /*background: url(../pics/menu__about.gif) no-repeat 0px -10px;*/
}
a#s4c-top-menu-about:hover {
  background-position: 0px 0px;
}
a#s4c-top-menu-contact {
  width: 64px;
  height: 10px;
  top: 183px;
  left: 514px;
 /* background: url(../pics/menu__contact.gif) no-repeat 0px -10px;*/
}
a#s4c-top-menu-contact:hover {
  background-position: 0px 0px;
}


div#s4c-header-whales {
  position: absolute;
  top: 113px;
  left: 610px;
  width: 394px;
  height: 225px;
}


div#s4c-header-intro {
  position: absolute;
  top: 225px;
  left: 32px;
  width: 560px;
  font: bold 12px georgia, times, serif;  
  letter-spacing: 0.05em; 
  line-height: 1.6;
  color: #A33D00;
}
div#s4c-header-intro img.leading {
  position: absolute;
  display: block;
}
div#s4c-header-intro-indent {
  padding: 7px 0px 0px 30px;
}




/* Footer Content */


div#s4c-footer-top {  
  height: 61px;  
  font: normal 12px arial, sans-serif;
  color: #D6CCB7;  
}


div#s4c-footer-navigation-container {
  float: left; 
  padding: 23px 0px 0px 35px;
}
table#s4c-footer-navigation a.menu {
  font: normal 12px arial, sans-serif;
  color: #c1b59b;
  cursor: pointer;
  text-decoration: none;
}
table#s4c-footer-navigation a.menu:hover {
  color: #958b77;  
}
table#s4c-footer-navigation td {
  padding: 0px;
}
table#s4c-footer-navigation td.divider {
  padding: 0px 5px 0px 5px;
  color:#D6CCB7;
}


div#s4c-footer-rss-container {
  float: right;
  width: 175px;
  padding: 23px 0px 0px 0px;   
}
div#s4c-footer-rss-label {
  float: left;
}
div#s4c-footer-rss-icon {
  float: right; 
  padding: 0px 27px 0px 10px;
}
div#s4c-footer-rss-container a {
  color: #c1b59b;
  cursor: pointer;
  text-decoration: none;
}
div#s4c-footer-rss-container a:hover {
  color: #958b77;  
}


div#s4c-footer-bottom {  
  height: 90px;  
  font: normal 9px verdana, sans-serif;
  color: #c1b59b;  
}


div#s4c-footer-copyright {
  float: left;
  padding: 60px 0px 0px 35px;
  text-align: left;
}
div#s4c-footer-credits {
  float: right;
  padding: 60px 35px 0px 0px;
  text-align: right; 
}


/**** REMOVE WHEN READY

You were attaching styles to the entire div here, and not just the anchor tag, I don't think that's what you were after,..
if it was you can just adjust the a tag to encapsulate all the text in the footer-credits div.

Just FYI, when assigning multiple elements, the same style, you have to spell out the selectors each time,.. 
...for example, div#s4c-footer-credits:hover, div#s4c-footer-credits:link, div#s4c-footer-credits:active, div#s4c-footer-credits:visited {  

div#s4c-footer-credits:hover, s4c-footer-credits:link, s4c-footer-credits:active, s4c-footer-credits:visited {  
  font: normal 9px verdana, sans-serif;
  color: #DDD4C2;
  text-decoration:underline;
}

The following two blocks add the proper styles to the anchor tag,...

*****/

div#s4c-footer-credits a {
  color: #c1b59b;
  text-decoration: none;
}

div#s4c-footer-credits a:hover {
  text-decoration: underline;
}





/************************************/
/** Shared Styles for Page Content **/

h1 {
  font: bold 12px georgia, times, serif;
  letter-spacing: 0.05em;
  color: #7A6D59;
}

h2 {
  font: bold 14px arial, sans-serif;
  color: #7A6D59;
}

p {
  font: normal 11px georgia, times, serif;
  line-height: 1.5; 
  color: #7A6D59;
}

.s4c-hidden {
  display: none;
}

img.s4c-bordered {
  background: white;
  padding: 3px;
  border: 1px solid #BEB5A1;
}

a:hover img.s4c-bordered {
  border-color: #7A6D59;
}

img.s4c-arrow {
  padding: 0px 1px 1px 0px;
}

a.s4c-italic-link {
  font: italic 11px georgia, times, serif;
  color: #A33D00;
  text-decoration: none;
}

a.s4c-italic-link:hover {
  text-decoration: underline;
}



div.s4c-content-column-left {
  float: left; 
  width: 683px;
  padding: 26px 0px 0px 32px;
}

div.s4c-content-column-left img.underline {
  display: block;
  margin-top: 6px;
}



div.s4c-content-column-right {
  float: right;
  width: 276px;
  padding: 26px 0px 0px 0px;
}

div.s4c-content-column-right img.underline {
  display: block;
  margin-top: 6px;  
}