/*  BY/ASSOCIATION: PRINT
    byassoc.com
    ...................................................................... */

    @import "foundation.css";



/*	Main Styles
    ...................................................................... */

    body {
      padding: 15px;
      font: 18px/24px MrsEavesRoman, Baskerville, Georgia, "Times New Roman", serif;
    }
    a {
      color: #000;
    }
    #sidebar, p.goback {
      display: none;
    }
    #content {
      margin: 0;
      padding: 0;
    }
    #content h1, #content strong.callout, #content blockquote {
      display: block;
      padding-bottom: 30px;
      font-weight: normal;
      font-size: 30px;
      line-height: 36px;
      letter-spacing: 0;
      color: #fff;
    }
    #content span.quote-left {
      float: left;
      position: relative;
      margin-left: -0.375em;
    }
    #content blockquote p.quote-source {
      position: relative;
      top: -18px;
      padding-bottom: 0;
      font-size: 18px;
      text-align: right;
    }
    #content h2 {
      position: relative;
      margin: 48px -15px 24px;
      padding: 12px 15px;
      background: url(/images/layout/bg-stripe2.gif);
      font-size: 24px;
      line-height: 30px;
      zoom: 1;
    }
    .review #content h2,.process_review #content h2 {
      padding-top: 30px;
    }
    #content .entry-content {
      position: relative;
      width: 615px;
    }
    #content p, #content ol, #content ul {
      padding-bottom: 18px;
    }
    p#slogan {
      padding-top: 24px;
      font-size: 24px;
      font-style: italic;
      color: #ffeb02;
    }
    #content ol {
      margin-left: 18px;
      font-style: italic;
      color: #ffeb02;
    }
    #content ol li {
      padding-bottom: 18px;
    }
    #content ol span {
      font-style: normal;
      color: #fff;
    }
    #content ol strong {
      display: block;
      font: normal 1.125em MrsEavesSmallCaps, Baskerville, Georgia, "Times New Roman", serif;
      text-transform: lowercase;
      letter-spacing: 2px;
    }
    #content ol ol {
      margin-left: 24px;
      padding-top: 18px;
      list-style-type: upper-alpha;
    }
    #content ul {
      list-style: none;
    }
    #content ul li {
      padding-left: 18px;
      background: url(/images/layout/bullet.gif) 0 .375em no-repeat;
    }
    #content form {
      position: relative;
      margin: 0 -15px 30px;
      padding: 30px;
      background: url(/images/layout/bg-stripe2.gif);
      zoom: 1;
    }
    #content form .form-note {
      position: relative;
      margin: 15px -15px;
      padding: 15px 15px 0;
      background: #000;
    }
    #content form h2 {
      margin-top: 0;
      margin-left: -30px;
      margin-bottom: 0;
      padding-top: 2px;
      background: none;
    }
    #content form br {
      display: none !important;
    }
    .review #content form br {
        display: block !important;
      }
    #content form span.field-support {
      padding-top: 10px;
      display: block;
    }
    #content form ol {
      margin-left: 0;
      padding-bottom: 0;
      list-style: none;
      font-style: normal;
    }
    #content legend {
      display: none;
    }
    #content label {
      display: block;
      font-size: 18px;
      line-height: 24px;
    }
    #content p.checkbox label {
      display: inline;
    }
    #content h3 {
      padding-top: 24px;
      padding-bottom: 24px;
      font-size: 24px;
    }
    #content form#new_member fieldset {
      position: relative;
      margin: 0 -15px 15px;
      padding: 0 15px;
      background: #161616;
    }
    #content h3.incomplete, #content h3.complete {
      padding-top: 15px;
      padding-bottom: 15px;
      background: #161616;
    }
    #content h3.complete {
      color: #999;
      text-shadow: 0 -2px 1px #222;
    }
    #content h3.complete label {
      background: url(/images/layout/bg-stripe3.gif);
    }
    #content h3 label {
      position: relative;
      margin: -15px;
      padding: 15px;
      padding-right: 50px;
      background: url(/images/layout/dropdown.gif) 585px 1.25em no-repeat;
    }
    #content h3 label.hover {
      color: #ffeb02;
    }
    #content input, #content textarea, #content button, #content select {
      margin: 0;
      padding: 5px;
      border: 2px solid #333;
      height: 24px;
      background: #000;
      font-size: 18px;
      line-height: 24px;
      font-family: MrsEavesRoman, Baskerville, Georgia, "Times New Roman", serif;
      color: #fff;
      text-shadow: 0 -1px 1px #000;
      vertical-align: middle;
    }
    #content input, #content textarea, #content select {
      width: 572px;
    }
    *+html #content input, *+html #content textarea, *+html #content select {
      width: 543px;
    }
    #content button#member_submit,
    #content button.member_submit,
    #content button#city_signup {
      padding: 0;
      border: 0;
      width: 90px;
      height: 30px;
      background: url(/images/layout/btn.gif);
      text-indent: -9999em;      
    }
    #content button#city_signup {
      background-position: 0 -30px;
    }
    #content p.checkbox input {
      margin-right: 5px;
      border: 0;
      width: auto;
      background: none;
    }
    #content select {
      margin-top: 5px;
      padding: 3px;
      height: auto;
      width: auto;
    }
    #content textarea {
      height: 120px;
    }
    #content input:focus, #content textarea:focus, #content select:focus {
      border-color: #ffeb02;
    }
    #content p.buttons, #content p.actions, #content ul.actions {
      clear: both;
      padding-bottom: 0;
      text-align: right;
    }
    #content p.tr {
      position: relative;
      top: -54px;
      margin-bottom: -42px;
    }
    #content p.tr button {}
    #content ul.actions {
      list-style: none;
    }
    #content ul.actions li {
      display: inline;
      margin-left: 30px;
    }
    #content p.actions,
    #content ul.actions {
      font-weight: bold;
      text-transform: uppercase;
    }
    #content button,
    #content input#session_submit,
    #content input#question_submit,
    #content input#member_submit,
    #content input.member_submit,
    #content div#current-chapters a,
    #content div#future-chapters a,
    #content p#create-round input {
      padding: 0 15px;
      border: 1px solid #000;
      border-width: 0 1px 1px 0;
      height: auto;
      width: auto;
      background: #ffeb02;
      font-style: italic;
      font-size: 24px;
      line-height: 30px;
      color: #000;
      text-shadow: 0 1px 1px #fff;
    }
    #content button:hover,
    #content input#session_submit:hover,
    #content input#question_submit:hover,
    #content input#member_submit:hover,
    #content input.member_submit:hover,
    #content div#current-chapters a:hover,
    #content div#future-chapters a:hover {
      border-color: #333;
      background-color: #e6d941;
    }
    .accessibility {
      position: fixed;
      background-color: #ddd;
      text-indent: -9999em;
      z-index: 75;
    }
    .top,
    .bottom,
    .left,
    .right {
      height: 15px;
      left: 0;
      right: 0;
      top: 0;
    }
    .left, .right {
      height: 100%;
      width: 15px;
      right: auto;
      bottom: 0;
    }
    .right {
      left: auto;
      right: 0;
    }
    .bottom {
      top: auto;
      bottom: 0;
    }
    #footer ul {
      margin-left: 249px;
      padding: 15px 60px 15px 45px;
      border-top: 15px solid #ddd;
      font-size: 14px;
      line-height: 18px;
      background: #222;
      color: #999;
      text-shadow: 0 -2px 1px #222;
    }
    @media screen and (-webkit-min-device-pixel-ratio:0) {    	
       #footer ul {
          margin-left: 250px;
        }
    }
    #footer li {
      margin-right: 30px;
      display: inline;
    }
    #footer a {
      color: #999;
    }
    #footer a:hover {
      color: #ccc;
    }
    p#login a, form.logout_btn, form.logout_btn input {
      position: fixed;
      top: 30px;
      right: 20px;
      display: block;
      width: 45px;
      height: 45px;
      background: url(/images/layout/login.gif) 50% 50% no-repeat;
      text-indent: -9999em;
    }
    form.logout_btn {
      text-indent: 0;
    }
    form.logout_btn div {
      position: absolute;
      top: 0;
      left: -9999em;
    }
    form.logout_btn div.lock {
      position: static;
      top: auto;
      left: auto;
    }
    form.logout_btn input {
      position: static;
      margin: 0;
      padding: 0;
      border: 0;
      background-image: url(/images/layout/logout.gif);
    }
    #flash_failure, .errorExplanation, #flash_success {
      position: relative;
      left: -15px;
      margin-bottom: 30px;
      width: 585px;
      padding: 15px 30px;
      background: url(/images/layout/bg-stripe1.gif);
    }
    .errorExplanation {
      position: relative;
      left: -30px;
      margin-right: -60px;
    }
    .process_review .errorExplanation {
      top: -30px;
    }
    .fieldWithErrors {
      display: inline;
    }
    #content ul#menu-sections {
      margin-left: 0;
      padding-top: 60px;
      padding-bottom: 0;
      list-style: none;
    }
    #content ul#menu-sections li {
      display: inline;
      padding: 0;
      background: 0;
    }
    #content ul#menu-sections li a {
      float: left;
      padding: 0 15px;
      line-height: 30px;
      background: #111;
    }
    #content ul#menu-sections li a:hover {
      background: #000;
    }
    #content ul#menu-sections li.active a {
      background: #161616;
      color: #fff;
      cursor: default;
    }
    .members #current-chapters,
    .members #future-chapters {
      float: left;
      width: 285px;
    }
    .members #current-chapters {
      margin-right: 45px;
    }
    .members #chapters:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0;
    }
    .members #chapters {
      display: inline-block;
    }
    html[xmlns] .members #chapters {
      display: block;
    }
    * html .members #chapters {
      height: 1%;
    }
    p#progress-bar {
      position: absolute;
      top: -170px;
      left: -15px;
      padding: 0;
      width: 450px;
      height: 34px;
      background: url(/images/layout/progressbar.gif) 0 0 no-repeat;
      text-indent: -9999em;
    }
    .step_1 p#progress-bar,
    .process_step_1 p#progress-bar {
      background-position: 0 0;
    }
    .step_2 p#progress-bar,
    .process_step_2 p#progress-bar {
      background-position: 0 -34px;
    }
    .review p#progress-bar,
    .process_review p#progress-bar {
      background-position: 0 -68px;
    }
    .thank_you p#progress-bar {
      background-position: 0 -102px;
    }