@charset "utf-8";

/* CSS Document */

div#sub-column {
  width: 385px;
  float: left;
  margin: 0 15px 0 0;
  padding: 0;
}

div#sub-column h1#main-heading {
  font-size: 1.8em;
  border-bottom: 3px solid #d0c7b2;
  color: #71684b;
  margin: 0;
  padding: 0;
  width: 385px;
}

div#sub-column h1#sub-heading {
  color: #A49A7F;
  font-weight: bold;
  font-size: 1.6em;
  margin: 0;
  padding: 5px 0;
}

div#sub-column h3 {
  color: #A49A7F;
  font-size: 1.4em;
  margin: 0;
  padding: 3px 0;
}

div#side-bar-membership {
  width: 166px;
  height: 625px;
  margin: 0;
  padding: 0 15px;
  background: url(../images/BG-membership-join-now-right-side_196X602.gif) top left no-repeat;
  float: left;
}

td.row-number {
  color: #FEC045;
  font-size: 3.9em;
  font-weight: bold;
  padding: 0 10px 0 0;
  margin: 0;
}

td.row-info { padding-bottom: 10px; }

td.row-info p {
  margin: 0;
  padding: 0;
  font-size: 1.4em;
  color: #71684b;
}

div#side-bar-membership h3 {
  font-size: 1.8em;
  color: #ffffff;
  font-weight: normal;
  margin: 0;
  padding: 3px 0;
}

div#side-bar-membership p {
  font-size: 1.2em;
  color: #ffffff;
  font-weight: normal;
  margin: 0;
  padding: 3px 0;
}

/*join online */

div#join-now-join-online {
  float: left;
  background: url(../images/BG-membership-join-online-right-side_163x118.gif) top left no-repeat;
  width: 163px;
  height: 118px;
  padding: 0 5px;
  margin: 10px 0 5px 0;
}

div#join-now-join-online h4 {
  font-size: 1.8em;
  color: #ffffff;
  margin: 0;
  padding: 3px 0 3px 0;
}

div#join-now-join-online p {
  font-size: 1.2em;
  color: #ffffff;
  padding: 0 5px 0 0;
  margin: 0;
}

a#join-now-join-online-link {
  margin: 5px 0;
  float: left;
  font-size: 1.2em;
  color: #ffffff;
  display: block;
  padding: 5px;
  width: 153px;
  background: url(../images/ICON-donate-online-arrow_12x12.jpg) #FF7A00 center right no-repeat;
}

/* join by post */

div#join-now-join-post {
  float: left;
  background: url(../images/BG-membership-join-by-post-right-side_170x118.gif) top left no-repeat;
  width: 163px;
  height: 118px;
  padding: 0 5px;
  margin: 10px 0 5px 0;
}

div#join-now-join-post h4 {
  font-size: 1.8em;
  color: #ffffff;
  margin: 0;
  padding: 3px 0 3px 0;
}

a#join-now-join-post-link {
  margin: 5px 0;
  float: left;
  font-size: 1.2em;
  color: #ffffff;
  display: block;
  padding: 5px;
  width: 153px;
  background: url(../images/BG-adopt-by-post-arrow_12x12.jpg) #65A7A2 center right no-repeat;
}

/* join by phone */

div#join-now-join-phone {
  float: left;
  background: url(../images/BG-membership-join-by-phone-right-side_163x159.gif) top left no-repeat;
  color: #000000;
  width: 163px;
  height: 159px;
  padding: 0 5px;
  margin: 10px 0 15px 0;
}

div#join-now-join-phone h4 {
  font-size: 1.8em;
  color: #000000;
  margin: 0;
  padding: 3px 0 3px 0;
}

div#join-now-join-phone p {
  font-size: 1.2em;
  color: #000000;
  padding: 0 5px 0 0;
  margin: 0;
}

/*membership 01 */

div#join-now-main {
  background: url() #312B11/* <- this needs to go */ top left no-repeat;
  width: 600px;
  height: 270px;
  margin-bottom: 10px;
}

h4#join-now-heading {
  padding: 3px 15px;
  margin: 0;
  font-size: 2.8em;
  color: #ffffff;
  font-weight: normal;
}

p#join-now-text {
  padding: 3px 15px;
  margin: 5px 0;
  color: #ffffff;
  font-size: 1.2em;
}

/* online */

div#join-online-main {
  height: 88px;
  padding: 5px;
  background: url(../images/BG-adopt-online_266x119.gif) #FF7A00 top left no-repeat;
}

a#join-online-main-link {
  display: block;
  margin: 10px 0 0 0;
  padding: 5px 15px 5px 5px;
  width: 143px;
  color: #ffffff;
  background: url(../images/BG-adopt-online-arrow_12x13.gif) #FF7A00 center right no-repeat;
}

div#join-online-main h5 {
  color: #000000;
  font-size: 2.1;
}

div#join-online-main p {
  color: #000000;
  font-size: 1.4;
}

/* post */

div#join-post-main {
  height: 88px;
  padding: 5px;
  color: #ffffff;
  background: url(../images/BG-adopt-online_266x119.gif) #FF7A00 top left no-repeat;
}

div#join-post-main h5 {
  color: #000000;
  font-size: 2.1;
}

div#join-post-main p {
  color: #000000;
  font-size: 1.4;
}

a#join-post-main-link {
  display: block;
  margin: 10px 0 0 0;
  padding: 5px 15px 5px 5px;
  width: 143px;
  color: #ffffff;
  background: url(../images/BG-adopt-by-post-arrow_12x12.gif) #65A7A3 center right no-repeat;
}

/* phone */

div#join-phone-main {
  height: 151px;
  width: 155px;
  background: url(../images/BG-adopt-by-phone_163x159.gif) top left no-repeat;
  padding: 5px;
  margin: 0;
}

div#join-phone-main h5 {
  color: #000000;
  font-size: 2.1;
}

div#join-phone-main p {
  color: #000000;
  font-size: 1.4;
}

/* progress indicators */

div.membership-progress-indicator {
  width: 601px;
  height: 57px;
  margin: 5px 0 0 0;
  padding: 0;
  border: 0;
 
}

div#membership-stage-one { background: url(../images/IMG-membership-progress-indicator-step1_601x57.gif) center center no-repeat; }

div#membership-stage-two { background: url(../images/IMG-membership-progress-indicator-step2_601x57.gif) center center no-repeat; }

div#membership-stage-three { background: url(../images/IMG-membership-progress-indicator-step3_601x57.gif) center center no-repeat; }

div#membership-stage-four { background: url(../images/IMG-membership-progress-indicator-step4_601x57.gif) center center no-repeat; }

div#membership-stage-five { background: url(../images/IMG-membership-progress-indicator-step5_601x57.gif) center center no-repeat; }

div#membership-stage-six { background: url(../images/IMG-membership-progress-indicator-step6_601x57.gif) center center no-repeat; }

img.event-img {
  float: left;
  margin-bottom: 10px;
}

div.event {
  width: 180px;
  float: left;
  padding-left: 10px;
  margin-bottom: 10px;
}

div.event h5 {
  font-size: 1.4em;
  color: #71684b;
  margin: 0;
  padding: 0;
}

div.event p {
  line-height: 1.0em;
  color: #887c59;
  padding: 3px 0;
  margin: 0;
}

div.event p span { color: #000000; }

div.partner-description { width: 170px; }

div#hottest-event {
  width: 180px;
  margin: 10px 0 0 10px;
  float: right;
  height: 275px;
  background: orange;/*missing image */
  padding: 0 10px;
  overflow: hidden;

}

div#hottest-event h4 {
  color: #ffffff;
  font-size: 1.5em;
  padding: 5px 0;
  margin: 0;
}

div#hottest-event p {
  color: #ffffff;
  width: 180px;
}

a#hottest-event-link {
  color: #ffffff;
  display: block;
  width: 160px;
  background: #9A0000; /* missing image*/
  padding: 5px 5px;
}

h4.questions {
  color: #71674E;
  font-size: 1.4em;
  font-weight: normal;
}

h4.questions strong {
  font-weight: bold;
  font-size: 1.1em;
}

.clearitleft { clear: left; }

.clearitright { clear: right; }

#side-a {
  width: 180px;
  margin-left: 10px;
  float: right;
  height: 275px;
  background: none;/*missing image */
}

h1.xmas-heading {
  color: #3A6023;
  border-bottom: 3px solid #44A845;
}

h1.xmas-sub-heading { color: #3A6023; }