body {
  background: black;
  font: 80%/1.6 georgia, "Times New Roman", times, serif;
  margin: 0;
  text-align: center; }

#header {
  background: #600 url(/images/header2.gif) center top no-repeat; }
  #header h1 {
    margin: 0 auto;
    padding: 0;
    width: 760px; }
    #header h1 a {
      display: block;
      height: 234px;
      overflow: hidden;
      text-indent: -9999px; }
  #header .navigation {
    background: black; }
    #header .navigation ul {
      background: url(/images/navigation.gif);
      height: 40px;
      width: 605px;
      margin: 0 auto;
      padding: 0; }
      #header .navigation ul li {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0; }
        #header .navigation ul li a {
          display: block;
          height: 40px;
          overflow: hidden;
          text-indent: -9999px; }
    #header .navigation li.home a {
      width: 60px; }
      #header .navigation li.home a:hover {
        background: url(/images/navigation.gif) 0px 40px; }
    #header .navigation li.about a {
      width: 67px; }
      #header .navigation li.about a:hover {
        background: url(/images/navigation.gif) -60px 40px; }
    #header .navigation li.news a {
      width: 60px; }
      #header .navigation li.news a:hover {
        background: url(/images/navigation.gif) -127px 40px; }
    #header .navigation li.gallery a {
      width: 80px; }
      #header .navigation li.gallery a:hover {
        background: url(/images/navigation.gif) -187px 40px; }
    #header .navigation li.voter a {
      width: 159px; }
      #header .navigation li.voter a:hover {
        background: url(/images/navigation.gif) -267px 40px; }
    #header .navigation li.volunteer a {
      width: 99px; }
      #header .navigation li.volunteer a:hover {
        background: url(/images/navigation.gif) -426px 40px; }
    #header .navigation li.contribute a {
      width: 105px; }
      #header .navigation li.contribute a:hover {
        background: url(/images/navigation.gif) -525px 40px; }
    #header .navigation li.contact a {
      width: 80px; }
      #header .navigation li.contact a:hover {
        background: url(/images/navigation.gif) -525px 40px; }

#content-wrapper {
  background: #ebebe2;
  clear: both;
  margin: 0;
  padding: 0;
  text-align: left; }
  #content-wrapper #content {
    clear: both;
    margin: 0 auto;
    padding: 1.5em 0;
    width: 760px; }

#footer {
  clear: both;
  color: white;
  font: .9em/1.3 "Helvetica Neue", helvetica, arial, sans-serif;
  margin: 0 auto;
  width: 760px; }
  #footer .navigation ul {
    margin: 1em 0;
    padding: 0; }
    #footer .navigation ul li {
      display: inline;
      list-style: none;
      margin: 0;
      padding: 0; }
      #footer .navigation ul li a {
        border-right: 1px solid white;
        color: white;
        line-height: 2;
        padding: 0 .5em;
        text-decoration: none; }
        #footer .navigation ul li a:hover {
          text-decoration: underline; }
  #footer .navigation li.contact a {
    border: 0; }
  #footer p {
    border: 1px solid white;
    padding: .5em;
    margin: 1.5em auto;
    width: 65%; }

/* HTML */
p {
  margin: 0 0 1em; }

h2 {
  font: 1.8em "Helvetica Neue", helvetica, arial, sans-serif;
  margin: .25em 0 .75em; }

h3 {
  font: 1.4em "Helvetica Neue", helvetica, arial, sans-serif;
  margin: 1.25em 0 .25em; }

a:link {
  color: #900; }
a:visited {
  color: #600; }
a:hover {
  color: #a00; }
a:active {
  color: #c00; }

label {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: .9em;
  font-weight: normal;
  text-transform: capitalize; }

hr {
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden; }

img {
  border: 0; }

/* News */
.article_summary {
  margin: 0 0 1.5em; }
  .article_summary h3 {
    margin: 0 0 .25em; }
  .article_summary .meta {
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    font-size: .9em; }
  .article_summary p {
    margin: 0; }

/* Home page */
#introduction .video {
  float: left;
  width: 425px; }
#introduction #message {
  float: right;
  width: 310px; }
  #introduction #message h3 {
    font-size: 1.5em;
    margin: 0 0 .5em; }
  #introduction #message p {
    font-size: 1.2em;
    font-style: italic;
    line-height: 1.3;
    margin: 1em 0 0; }
    #introduction #message p cite {
      background: url(/images/sig.gif) no-repeat right top;
      display: block;
      height: 49px;
      overflow: hidden;
      text-indent: -9999px; }

#home_main {
  float: left;
  width: 48%; }

#home_news .home_summary {
  margin: 1em 0 1.5em; }
  #home_news .home_summary h4 {
    margin: 0; }
    #home_news .home_summary h4 a {
      color: black; }
      #home_news .home_summary h4 a:link {
        text-decoration: none; }
      #home_news .home_summary h4 a:visited {
        text-decoration: none; }
      #home_news .home_summary h4 a:hover {
        text-decoration: underline; }
      #home_news .home_summary h4 a:active {
        text-decoration: underline; }
  #home_news .home_summary p {
    margin: 0; }

p.meta {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: .9em;
  font-style: normal; }

#home_subscribe {
  border-bottom: 1px solid #c3c2bf;
  border-top: 1px solid #c3c2bf;
  margin: 1em 0;
  padding: 1em 0; }
  #home_subscribe h3 {
    margin: 0 0 .5em; }

#home_connect a {
  padding: 0 .5em 0 0; }

#home_quotes {
  float: right;
  width: 48%; }
  #home_quotes blockquote {
    font-size: 1.1em;
    font-style: italic;
    margin: 0 0 1.5em; }
    #home_quotes blockquote p {
      margin: 0; }
  #home_quotes cite {
    display: block;
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    font-size: .8em;
    font-style: normal;
    text-align: right; }

body.home h2 {
  font-size: 1.25em;
  margin: 1.5em 0 .5em;
  text-transform: uppercase; }


/* Tables */
body.polls table {
  border-collapse: collapse;
  font-family: "Lucida Grande", "Helvetica Neue", helvetica, arial, sans-serif;
  margin: 1.5em 0; }
  body.polls table th, body.polls table td {
    border: 1px solid #c0b4a3;
    padding: 5px;
    vertical-align: top; }
  body.polls table th {
    background: #d7d2c3; }

/* Quotes */
.quotes blockquote {
  margin: 1em 0; }
  .quotes blockquote cite {
    display: block;
    margin: .5em 1em; }
.quotes #content p {
  font-size: 1.2em; }
.quotes q {
  quotes: none;
  font-style: italic; }
.quotes cite {
  color: #88857f;
  font-size: .9em; }
.quotes blockquote {
  border-top: 1px solid #c3c2bf;
  padding-top: 1em; }

/* About */
ul#about_navigation {
  font-size: 1.1em;
  list-style: none;
  margin: 1em 0;
  padding: 0; }
  ul#about_navigation li {
    background: url(/images/bullet.gif) left center no-repeat;
    margin: 0;
    padding: .25em 0 .25em 20px; }

#about {
  float: left;
  width: 310px; }
  #about p {
    font-size: 1.2em; }

#video {
  float: right;
  width: 425px; }
  #video h3 {
    margin: 0 0 .5em; }

/* Endorsements */
body.endorsements ul {
  list-style: none;
  margin: 0 0 1em;
  padding: 0; }
  body.endorsements ul li {
    margin: 0 0 .5em;
    padding: 0; }

ul#endorsements-one {
  float: left;
  width: 48%; }

ul#endorsements-two {
  float: right;
  width: 48%; }

body.endorsements h3 {
  clear: both;
  padding-top: 1em;
  margin: 0 0 1em; }

/* Inline photos */
.right {
  float: right;
  margin: 0 0 1em 1em; }

.left {
  float: left;
  margin: 0 1em 1em 0; }

/* Flickr gallery */
#flickr img {
  display: block;
  float: left;
  margin: .5em; }

/* Admin */
tr.draft, tr.completed {
  color: #666; }

tr.draft a, tr.completed a {
  color: #666; }

#state {
  background: #eee;
  border: 2px solid #ccc;
  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;
    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; }

/* 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 {
  font-size: 12px;
  list-style: square; }