/* =============================================================================
Bush Theatre - Futures
============================================================================= */

#content_container {padding: 20px 0 0 0;}
.logo_padding {padding: 30px 0 0 0;}
h2.top {margin: 13px 0 0 0;}
.polaroid .caption span {display: none;}

h2#club_head {
  background: url(/dyn/headers/futures_1.jpg) 0 12px no-repeat;
  height: 38px;
  width: 320px;
  padding: 0;
}

#club_head a {
    display: block; height: 100%;
}

#p_spacer {
  padding-top: 17px;
}

.polaroid {
  background: url(/img/backgrounds/polaroid_226.png) 0 0 no-repeat;
  text-align: center;
  width: 226px;
  height: 272px;
  margin: 1px 0 0 22px;
  float: right;
}

  .polaroid .about {margin: 20px 0 0 0;}

  .polaroid .caption {
    background: url(/dyn/static/futures_caption_1.gif) center top no-repeat;
    width: 226px;
    height: 28px;
    margin: 30px auto 0 auto;
  }

.copy p {margin: 0; padding-bottom: 17px;}

.spacer_700 {
  background: url(/img/lines/horizontal_700.gif) 0 23px no-repeat;
  width: 700px;
  height: 40px;
}

div#donations p {
  margin: 0;
  padding: 0;
}

div#donations ul {
  margin: 0;
  padding: 0 0 17px 0;
}

div#donations ul li {
  background: url(/img/icons/tick.gif) 0 4px no-repeat;
  line-height: 17px;
  padding: 0 0 0 20px;
}

#ul_changer ul {
  margin: 0;
  padding: 0 0 17px 0;
}

#ul_changer ul li {
  background: url(/img/icons/tick.gif) 0 4px no-repeat;
  line-height: 17px;
  padding: 0 0 0 20px;
}

p.arrow {
  background: url(/img/icons/arrow.gif) 0 0 no-repeat;
  padding-left: 22px;
}

/* H3's
============================================================================= */

h3#h3_1 {
  background: url(/dyn/headers/futures_1_1.jpg) 0 3px no-repeat;
  width: 400px;
  margin: 15px 0 0 0;
  height: 33px;
}

h3#h3_2 {
  background: url(/dyn/headers/futures_2_1.jpg) 0 3px no-repeat;
  width: 400px;
  margin: 15px 0 0 0;
  height: 33px;
}

h3#h3_3 {
  background: url(/dyn/headers/futures_3_1.jpg) 0 3px no-repeat;
  width: 400px;
  margin: 15px 0 0 0;
  height: 33px;
}

h3#h3_4 {
  background: url(/dyn/headers/futures_4_1.jpg) 0 3px no-repeat;
  width: 400px;
  margin: 15px 0 0 0;
  height: 33px;
}

/* Quote
============================================================================= */

.comment_base {width: 450px; background: #FFFFFF; padding: 0; margin: 0 0 17px 0;}
.comment_top {background: url(/img/backgrounds/comment_top.gif) 0 0 no-repeat;}

.comment_bottom {
  background: url(/img/backgrounds/comment_bottom.gif) left bottom no-repeat;
  padding: 20px 24px 42px 24px;
}

.comment_top .top {
}

.comment_bottom p {
  padding-bottom: 9px;
  width: 400px;
}

.comment_bottom p.name {
  font: normal 11px/17px Tahoma, Arial, Helvetica, sans-serif;
  color: #918486;
  margin: 0;
  padding: 0;
}

/* Mailing
============================================================================= */

h2#mailing_head {
  background: url(/img/headers/bushfutures_mailing_list.jpg) 0 3px no-repeat;
  height: 43px;
  width: 320px;
  padding: 0;
}

p.mail_p {
}

/* Form 
============================================================================= */

form#mailing_list {margin: 12px 0 0 0;}

  form#mailing_list label {
    display: block;
    margin: 6px 0 0 0;
  }

  form#mailing_list input {
    width: 188px;
    padding: 4px 6px;
    margin: 2px 0 0 0;
    border: 1px solid #d4d2d2;
  }

  form#mailing_list input.hidden {
    display: none;
  }

    form#mailing_list div input {float: left;}

  form#mailing_list textarea {
    width: 436px;
    height: 90px;
    padding: 4px 6px;
    margin: 2px 0 0 0;
    border: 1px solid #d4d2d2;
  }
  
  form#mailing_list select {
    display: block;
    margin-top: 3px;
    padding: 3px 0;
  }

p#privacy {
  background: url(/img/typography/this_information.gif) 0 0 no-repeat;
  width: 235px;
  height: 24px;
  margin: 2px 0 0 10px;
  float: left;
  padding: 0;
}

p#privacy span {display: none;}

button#sign_up {
  display: block;
  background: url(/img/buttons/sign_up.gif) 0 0 no-repeat;
  width: 81px;
  height: 28px;
  margin: 20px 0 0 0;
  cursor: pointer;
}

button#sign_up:hover {background-position: 0 -28px;}

div.error {
  background: #F2EB93;
  padding: 10px;
  width: 425px;
} 

p.thanks {
  padding-top: 10px;
}

/* Sub-nav
============================================================================= */

#sub-nav {
  background: url(/img/backgrounds/sub-navs/support_us.gif) 0 0 no-repeat;
  width: 582px;
  height: 54px;
  float: right;
}

  #sub-nav li {float: left;}

    #sub-nav li a {
      display: block;
      height: 17px;
      margin: 14px 16px 0 0;
      cursor: pointer;
    }

    #sub-nav li a#overview {background: url(/img/sub-navs/support_us/overview.gif) 0 0 no-repeat; width: 62px; margin: 14px 16px 0 20px;}
    #sub-nav li a#bush_club {background: url(/img/sub-navs/support_us/bush_club.gif) 0 0 no-repeat; width: 67px;}
    #sub-nav li a#glee_club {background: url(/img/sub-navs/support_us/glee_club.gif) 0 0 no-repeat; width: 63px;}
    #sub-nav li a#handful {background: url(/img/sub-navs/support_us/handful.gif) 0 0 no-repeat; width: 203px;}
    #sub-nav li a#supporters {background: url(/img/sub-navs/support_us/supporters.gif) 0 0 no-repeat; width: 79px; margin: 14px 0 0 0}

    #sub-nav li a#overview_active {background: url(/img/sub-navs/support_us/overview.gif) 0 -17px no-repeat; width: 62px; margin: 14px 16px 0 20px;}
    #sub-nav li a#bush_club_active {background: url(/img/sub-navs/support_us/bush_club.gif) 0 -17px no-repeat; width: 67px;}
    #sub-nav li a#glee_club_active {background: url(/img/sub-navs/support_us/glee_club.gif) 0 -17px no-repeat; width: 63px;}
    #sub-nav li a#handful_active {background: url(/img/sub-navs/support_us/handful.gif) 0 -17px no-repeat; width: 203px;}
    #sub-nav li a#supporters_active {background: url(/img/sub-navs/support_us/supporters.gif) 0 -17px no-repeat; width: 79px; margin: 14px 0 0 0}

li.contenders a {background: url(/img/sub-navs/contenders.gif) 0 0 no-repeat; width: 83px; margin: 4px 0 0 0}
li.bush-bee a {background: url(/img/sub-navs/bush-BEE.gif) 0 0 no-repeat; width: 62px; margin: 4px 0 0 0}
li.activists a {background: url(/img/sub-navs/activists.gif) 0 0 no-repeat; width: 62px; margin: 4px 0 0 0}

li.activists {
    margin-right: 0px;
}

.spektrix-sub-nav {
    padding-left: 15px;
    width: 257px;
}

.spektrix-sub-nav li.active {
    background-position: 0 -17px;
}