﻿body {
  background: white;
  color: #002b5c;
  font: .875em/1.7 arial, helvetica, sans-serif;
  margin: 0;
  padding: 0; }

#wrapper {
  background: url(bg.jpg);
  margin: 0 auto 5em;
  padding: 0;
  width: 960px; }

#header {
  position: relative; }
  #header h1 {
    margin: 0;
    padding: 0; }
    #header h1 a {
      background: url(header.jpg);
      display: block;
      height: 151px;
      overflow: hidden;
      text-indent: -9999px;
      width: 960px; }
  #header #bookmark {
    position: absolute;
    top: 0;
    right: 20px; }
    #header #bookmark a {
      background: transparent url(donate_mark.png) no-repeat;
      width: 76px;
      height: 68px;
      display: block;
      text-indent: -5000px;
      overflow: hidden; }

#navigation {
  margin: 0;
  padding: 0; }
  #navigation ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    #navigation ul li {
      float: left;
      margin: 0;
      padding: 0; }
      #navigation ul li a {
        background-image: url(navigation.gif);
        display: block;
        height: 39px;
        overflow: hidden;
        text-indent: -9999px; }

/* === Navigation tabs */
.nav_home a {
  background-position: 0 0;
  width: 175px; }
  .nav_home a:hover {
    background-position: 0 39px; }

.nav_about a {
  background-position: -175px 0;
  width: 263px; }
  .nav_about a:hover {
    background-position: -175px 39px; }

.nav_administration a {
  background-position: -438px 0;
  width: 281px; }
  .nav_administration a:hover {
    background-position: -438px 39px; }

.nav_involved a {
  background-position: -719px 0;
  width: 241px; }
  .nav_involved a:hover {
    background-position: -719px 39px; }

/* === Sub nav === */
#sub_navigation {
  margin: 43px 0 0; }
  #sub_navigation h4 {
    height: 23px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    text-indent: -9999px; }
  #sub_navigation ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    #sub_navigation ul li {
      margin: 0;
      padding: 0; }
     #sub_navigation ul li a {
        color: #838A90;
        font-family:times, verdana, arial, helvetica, sans-serif;
        font-variant:small-caps;        
        text-decoration:none;
        font-weight:normal;
        letter-spacing:0.09em;
        font-size:0.95em ;        
        display: block;
        height: 23px;
        overflow: hidden;
        text-indent: 20px; }        
     #sub_navigation ul li a:hover{
        color: #0D2951;
     }


/* === Image === */
#image {clear: both; }
  #image #welcome {
    margin: 0;
    width: 960px;
    height: 404px;
    overflow: none;
    text-indent: -9000px; }

.biopic {
  margin: 0 1em 1em 0; }

.dallas_thumb, .design_thumb {
  text-align: center; }
  .dallas_thumb a,   .design_thumb a {
    width: 200px;
    display: block;
    margin: 0 auto; }
    .dallas_thumb a img,     .design_thumb a img {
      border: 1px solid #dfdfdf; }

.mceToolbarTop img {
  display: inline; }

/* === Content === */
a#donate_button {
  display: block;
  width: 116px;
  overflow: hidden;
  text-indent: -5000px;
  height: 26px;
  background: transparent url(donate_button.gif) no-repeat; }

#content {
  background: url(bg_content.jpg) repeat-x;
  float: left;
  position: relative;
  width: 960px; }
  #content #content-main {
    float: right;
    padding: 0 40px 1em 0;
    width: 583px; }
  #content #content-sub {
    float: left;
    padding: 0 15px;
    width: 267px; }
    #map_thumbs {
      padding: 2em 0; }
    #content #content-sub #anchor {
      padding-top: 2em;
      position: relative; }
      #content #content-sub #anchor h4 {
        background: url(contact_us.png) no-repeat;
        height: 17px;
        margin: 0;
        overflow: hidden;
        text-indent: -9999px; }
      #content #content-sub #anchor .vcard {
        font-size: .85em;
        margin: .5em 0 1em;
        padding-left: 20px; }
      #content #content-sub #anchor.anchored {
        position: absolute;
        bottom: 0;
        width: inherit; }
      #content #content-sub #anchor #join {
        left: -15px;
        position: relative;
		 }

body.home #content {
  background: url(bg_content_home.jpg) repeat-x; }

.disclaimer p {
  font-size: .75em; }

/* === Footer === */
#footer {
  background: white;
  border-bottom: 1px solid #c0cad7;
  border-top: 1px solid #c0cad7;
  clear: both;
  color: #929497;
  font: .8em/1 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  line-height: 3em;
  margin: 0;
  padding: 0;
  text-align: center;
  text-transform: uppercase; }

/* === HTML === */
img {
  border: 0;
  display: block; }

hr {
  clear: both;
  margin: 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden; }

/* === Admin ==== */
tr.draft, tr.completed {
  color: #666; }

tr.draft a, tr.completed a {
  color: #666; }

#state {
  background: #eee;
  border: 2px solid #ccc;
  line-height: 1;
  margin: 1em 0;
  padding: 1em; }

#state p, #state form, #state form div {
  margin: .5em 0; }

#state strong {
  font-size: 2.5em; }

table.admin {
  border-collapse: collapse; }
  table.admin th, table.admin td {
    border: 1px solid #d4d4d4;
    font-size: .9em;
    margin: 0;
    padding: 5px; }

ul.admin_buttons {
  list-style: none;
  margin: 1em 0;
  padding: 0; }
  ul.admin_buttons li {
    display: inline;
    margin: 0;
    padding: 0 2em 0 0; }

#administration {
  background: #333;
  border-bottom: 1px solid #000;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1000; }
  #administration h4 {
    color: #fff;
    border: 0;
    display: inline;
    margin: 0;
    padding: 0 2em; }
  #administration ul {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0; }
    #administration ul li {
      display: inline;
      margin: 0;
      padding: 0 1em; }
      #administration ul li a {
        color: #cc9;
        font-size: .9em;
        line-height: 2em; }

.left {
  float: left; }

.right {
  float: right; }

.cvvtip {
  background: white;
  border-style: solid;
  border-width: 1px;
  border-color: grey;
  padding: 6px;
  text-align: left;
  width: 20%; }
  .cvvtip .tip-text {
    display: none; }

/* === Rails Built In Stuff === */
.flash {
  background: white;
  border-style: solid;
  border-width: 1px;
  font-size: 1.2em;
  margin: 0 0 1em;
  padding: 5px; }

.flash_notice {
  border-color: #060;
  color: #0a0; }

.flash_error {
  border-color: #600;
  color: #a00; }

.fieldWithErrors input {
  border: 2px solid red; }

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0; }

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff; }

#errorExplanation p {
  color: #333;
  margin: 1em 0;
  padding: 5px; }

#errorExplanation ul {
  margin: 1em; }

#errorExplanation ul li {
  color: #666;
  font-size: 12px;
  list-style: square; }

form#ContributionForm table th {
  text-align: left; }
form#ContributionForm table td {
  vertical-align: top; }
form#ContributionForm table .cvv {
  font-size: .8em; }
form#ContributionForm .inline {
  display: inline; }
form#ContributionForm .text input {
  border: 1px solid #afafaf;
  padding: .2em; }

#content-main h2 {
  height: 41px;
  overflow: hidden;
  margin: 1em 0;
  text-indent: -9999px; }

.Page_Title{padding-top:6px; padding-bottom:8px; display:block;}