body {
  background: white;
  color: #334;
  font: 80%/1.5 Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
  margin: 0;
  padding: 0;
  text-align: center; }

#wrapper {
  border-top: 3px solid #67a;
  margin: 0 auto;
  text-align: left;
  width: 960px; }

#header {
  position: relative;
  margin: 15px 0; }
  #header h1 {
    margin: 0;
    width: 294px; }
    #header h1 a {
      background: url(/images/safe_texas.png) no-repeat;
      display: block;
      height: 93px;
      overflow: hidden;
      text-indent: -9999px;
      width: 294px; }

#navigation {
  height: 44px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 34px;
  width: 635px; }
  #navigation li {
    float: left;
    margin: 0 20px 0 0;
    padding: 0; }
    #navigation li a {
      display: block;
      height: 24px;
      overflow: hidden;
      text-indent: -9999px; }

ul#navigation li#nav_contribute {
  margin: 0; }

#nav_secure_fair a {
  background: url(/images/navigation2.png) 0px 0px;
  width: 116px; }
  #nav_secure_fair a:hover {
    background: url(/images/navigation2.png) -0px 24px; }

#nav_facts a {
  background: url(/images/navigation2.png) -136px 0px;
  width: 159px; }
  #nav_facts a:hover {
    background: url(/images/navigation2.png) -136px 24px; }

#nav_about a {
  background: url(/images/navigation2.png) -314px 0px;
  width: 67px; }
  #nav_about a:hover {
    background: url(/images/navigation2.png) -314px 24px; }

#nav_posts a {
  background: url(/images/navigation2.png) -401px 0px;
  width: 34px; }
  #nav_posts a:hover {
    background: url(/images/navigation2.png) -401px 24px; }

#nav_resources a {
  background: url(/images/navigation2.png) -456px 0px;
  width: 78px; }
  #nav_resources a:hover {
    background: url(/images/navigation2.png) -456px 24px; }

#nav_contribute a {
  background: url(/images/navigation2.png) -554px 0px;
  width: 81px; }
  #nav_contribute a:hover {
    background: url(/images/navigation2.png) -554px 24px; }

/* === CONTENT === */
#content {
  float: left;
  width: 100%; }
  #content #content-main {
    float: left;
    width: 620px; }
  #content #content-sub {
    float: right;
    width: 320px; }

/* === FOOTER === */
#footer {
  clear: both;
  font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
  margin: 0;
  padding: 1.5em 0; }
  #footer p {
    border-top: 1px solid #ccc;
    color: #999;
    font-size: .9em;
    margin: .5em 0;
    padding: .5em 0; }
  #footer a:link, #footer a:visited {
    color: #999; }
  #footer a:hover, #footer a:active {
    color: #444; }

/* === HTML === */
h2 {
  color: #47578d;
  font: bold 1.75em Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
  margin: 0 0 .5em;
  text-transform: uppercase; }

h3 {
  color: #6677aa;
  font: normal 1.3em Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
  margin: 1.5em 0 1em;
  text-transform: uppercase; }

h4 {
  margin: 1.5em 0 .75em; }

a:link, a:visited {
  color: #700; }
a:hover, a :active {
  color: #cc0000; }

hr {
  clear: both;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden; }

address {
  font-style: normal; }

/* === SIDEBAR === */
#petition {
  background: #edede5 url(/images/petition_bg.png) 50% top no-repeat;
  border: 12px solid #d6d6c5;
  margin: 0;
  padding: 12px; }
  #petition h3 {
    display: none; }
  #petition p {
    font-size: 1em;
    margin: 42px 0 1em; }
  #petition form table {
    width: 272px; }
    #petition form table th {
      width: 30%; }
  #petition form label {
    font-size: .9em;
    white-space: nowrap; }
  #petition form td input {
    width: 90%; }
  #petition form p {
    font-size: .9em;
    margin: 1em 0; }

/* === HOME PAGE === */
#welcome #introduction {
  float: left;
  margin: 0; }
  #welcome #introduction a {
    background: url(/images/welcome.jpg) no-repeat;
    display: block;
    height: 324px;
    overflow: hidden;
    text-indent: -9999px;
    width: 576px; }
#welcome #secure, #welcome #fair {
  float: right;
  height: 162px;
  overflow: hidden;
  margin: 0;
  text-indent: -9999px;
  width: 384px; }
#welcome #secure {
  background: url(/images/welcome_secure.png) no-repeat; }
#welcome #fair {
  background: url(/images/welcome_fair.png) no-repeat; }
#welcome #action {
  float: right;
  height: 324px;
  width: 384px; }
  #welcome #action a {
    background: url(/images/rally_alert.jpg) no-repeat;
    display: block;
    height: 324px;
    overflow: hidden;
    text-indent: -9999px;
    width: 384px; }

body.home #content #content-main {
  float: right; }
  body.home #content #content-main p {
    margin: 1em 0; }
body.home #content #content-sub {
  float: left; }
  body.home #content #content-sub #petition {
    margin: 1.5em 0; }

/* === FORMS === */
form label {
  font: .9em Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
  text-transform: uppercase; }
form table {
  border-collapse: collapse; }
  form table th, form table td {
    padding: 4px 8px 4px 0;
    vertical-align: top; }
  form table .submit div#input {
    width: auto; }

/* === RESOURCE === */
body.resources #content-main table {
  border-collapse: collapse; }
  body.resources #content-main table th, body.resources #content-main table td {
    border: 2px solid #d1d6e6;
    padding: .5em; }

/* === PHOTOS === */
.photo {
  border: 1px solid #ccc;
  padding: .75em; }
  .photo img {
    display: block; }

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

.right {
  float: right;
  margin: 0 0 0 1.5em; }

/* === SITE ADMIN === */
#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; }

table.admin {
  border-collapse: collapse; }
  table.admin th, table.admin td {
    border: 1px solid #ccc;
    margin: 0;
    padding: 5px;
    vertical-align: top; }
  table.admin label {
    font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal; }

/* === PULLQUOTES === */
.pullquote {
  background: #6677aa;
  float: right;
  margin: 0 0 1em 0;
  width: 275px; }
  .pullquote p {
    color: white;
    font-size: 1.2em;
    font-style: italic;
    margin: .75em; }

/* === MISC === */
.highlight {
  font-size: 1.2em; }

/* === FLASH MESSAGES === */
#flash-notice, #flash-error {
  color: white;
  font-size: 1.2em;
  margin: 0 0 1em;
  padding: .5em .75em; }

#flash-notice {
  background: #070; }

#flash-error {
  background: #a00; }

/* === Rails Form Validations === */
.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; }