body { background: #d8cfb0 url(/i/body_bg.jpg) top left repeat-x; color: #444; font: .75em/1.3em arial,helvetica,sans-serif; }
  body#splash { background-image: url(/i/splash_bg.jpg); }

/* essential typography */

a { color: #4779ab; /*#1d559a;*/ text-decoration: none; }
  .content a:hover { text-decoration: underline; }
  .side a:hover { text-decoration: underline; }
strong { font-weight: bold; }
em { font-family: georgia, times, serif; font-style: italic; font-size: .9em; }
table, p, ul, blockquote { margin: 0 0 .75em 0; }
  ul+p { margin-top: 8px; } 
span.highlight { font-weight: bold; color: #39357d; }
.clearboth { clear: both; }
.left { float: left; }
.right { float: right; }

blockquote.source { margin: 0 0 10px 12px; background-color: #f5f5f5; border-left: 2px solid #eee; padding: 0; }
  blockquote.source p { font-size: .85em; padding: 8px 14px; color: #999; }
  blockquote.source a { color: #85a1c4; }

/* layout and specific typography */

.wrap { width: 900px; margin: 0 auto; left: -30px; background: url(/i/header_bg_bert.jpg) top left no-repeat; position: relative; min-height: 500px; }
  body#splash .wrap { width: 840px; background-image: url(/i/splash_main_bg2.jpg); }
.header { height: 315px; position: relative; z-index: 50; }
  body#splash .header { height: 600px; }
  .banner { position: absolute; top: 0; left: 456px; height: 48px; width: 424px; padding: 11px 0 0 100px; background: url(/i/banner_bg.jpg) top left no-repeat; }
    .banner input.email, .banner input.zip { background-color: transparent; border: 1px solid #406188; color: #406188; padding: 3px 6px; }
    .banner input.email { width: 130px; margin: 2px 6px 0 0; }
    .banner input.zip { width: 67px; margin: 2px 6px 0 0; }
    .banner input.submit { margin-bottom: -6px; }
  .tagline { position: absolute; top: 95px; left: 546px; height: 38px; width: 258px; background: url(/i/header_quote_commonsense.jpg) top left no-repeat; text-indent: -5000px; }
    body#splash .tagline { display: none; }
  h1, h1 a { display: block; height: 85px; width: 216px; }
  body#splash h1, body#splash h1 a { height: 108px; width: 255px; }
    h1 { position: absolute; left: 250px; top: 68px; }
    body#splash h1 { left: 315px; top: 116px; }
    h1 a { text-indent: -5000px; background: url(/i/bert-cobb-for-hays-county-judge.jpg) top left no-repeat; }
    body#splash h1 a { background-image: none; }

body#splash .getinvolved { margin-left: 315px; }
  body#splash .getinvolved input[type="text"] { background-color: transparent; border: 1px solid #406188; color: #406188; padding: 3px 6px; margin: 0 8px 8px 0; }
  body#splash .getinvolved input.name { width: 160px; }
  body#splash .getinvolved input.zip { width: 80px; }
  body#splash .getinvolved input.email { width: 240px; }
  body#splash .getinvolved input.submit { margin: 0 0 -7px 10px; }

body#splash .learnmore { position: absolute; top: 442px; left: 315px; }
  body#splash .learnmore a { display: block; height: 48px; width: 420px; background: url(/i/splash_learn-more.jpg) top left no-repeat; text-indent: -5000px; }

body#splash .letter { display: none; }

body#splash .skip { position: absolute; top: 490px; left: 315px; }
  body#splash .skip a { display: block; height: 36px; width: 420px; background: url(/i/splash_skip.jpg) top left no-repeat; text-indent: -5000px; }

.navigation { position: absolute; left: 0; top: 340px; width: 200px; }
  .navigation ul { display: block; width: 200px; list-style: none; }
    .navigation ul li, .navigation ul li a { display: block; }
    .navigation ul li { float: left; padding: 0; width: 200px; margin-bottom: 8px; }
    .navigation ul li a { cursor: pointer; padding: 11px 16px; color: #406188; }
    .navigation ul li a:hover { background-color: #efece0; }
    .navigation ul li.current a { padding: 18px 16px 16px 16px; background-color: #fcfbf9; }
    .navigation ul li.current a:hover { background-color: #fcfbf9; }

.page { position: relative; top: -130px; left: 200px; z-index: 100; width: 560px; padding-top: 4px; background: #fff url(/i/content_bg_top.jpg) top left repeat-x; }
/* .page { position: relative; z-index: 100; width: 560px; margin: -130px 0 0 200px; padding-top: 4px; background: #fff url(/i/content_bg_top.jpg) top left repeat-x; } */
  .content { padding: 0 20px 20px 20px; min-height: 500px; }
  .offsetphoto { position: relative; height: 200px; width: 300px; float: right; margin: 50px -160px 16px 22px; }

.side { position: absolute; top: 455px; left: 760px; width: 175px; padding-left: 20px; }
  .side .networking { list-style: none; }
    .side .networking li, .side .networking li a { display: block; height: 60px; width: 155px; }
    .side .networking li { margin: 0 0 5px 0; }
    .side .networking li a { text-indent: -5000px; }
    .side .networking li.facebook a { background: url(/i/networking_facebook_logo.jpg) top left no-repeat; }
  .side .news { }
    .side .news .date { font-size: 80%; text-transform: uppercase; }
    .side ul.news { background: url(/i/side_bg_divider.jpg) top left no-repeat; list-style: none; margin: 0 0 0 -20px; }
    .side .news li { margin: 0 0 3px 0; background: url(/i/side_bg_divider.jpg) bottom left no-repeat; padding: 8px 0 8px 20px; }
    .side .news a { color: #434343; }
      .side .news a:hover { text-decoration: underline; color: #434343; }

.footer { clear: both; margin: 0 0 0 220px; font-size: 90%; }
  body#splash .footer { margin: 0; position: absolute; top: 560px; left: 315px; }
  .footer p { color: #797979; }
  .footer a { color: #797979; }
.clearboth { clear: both; }

/* general typography */

h2 { padding: 18px 20px 16px 20px; margin: 0 -20px 20px -20px; background: url(/i/h2_bg.jpg) top left repeat-y; font-weight: bold; font-size: 145%; color: #406188; }
  .side h2 { background: none; padding: 0; margin: 24px 0 12px 0; font-size: 110%; font-weight: bold; text-transform: uppercase; color: #434343; }
h3 { color: #ab453f; font-weight: bold; font-size: 120%; margin: 1em 0 .75em 0; }

/* tables */

.contentarea table { width: 100%; font-size: .9em; }
  .contentarea table td, .contentarea table th { padding: 3px 6px; vertical-align: center; }
  .contentarea table th { background-color: #4779ab; color: #fff; font-weight: bold; }
  .contentarea table td { border-bottom: 1px solid #ddd; }
  .contentarea table th strong { text-tran sform: uppercase; }

.contentarea table td span.red { color: #c00; }

/* forms */

.content form fieldset input.text, .content form fieldset textarea { border: 1px solid #bbb; border-bottom-color: #eee; border-right-color: #eee; padding: 4px; width: 245px; }
  .content form input.text:focus,.content form textarea:focus { background-color: #f8f8f8; }

.content form fieldset { margin: 20px 0 15px 0; background-color: #EAEFF5; border: 2px #7193BC solid; border-left: none; border-right: none; padding: 10px; }
.content form fieldset legend { margin: 0 0 0 6px; font-size: 140%; color: #7193BC; padding: 6px 9px; background: #EAEFF5; border: 1px solid #7193bc; }
.content form label { display: block; float: left; vertical-align: top; width: 135px; margin-right: .5em; text-align: left; padding: 6px 0 0 0; color: #666; }
.content form li { background: none; padding: 0; }
.content form li div { margin-left: 145px; }
.content form fieldset ol { margin: .5em; padding: 0; background: none; }
.content form fieldset li { list-style: none; padding: 5px; margin: 0; clear: both; border-bottom: 1px #eee solid; background: none; }

input.validation-failed, textarea.validation-failed { color : #b80606; border-color: #b80606; }
  .validation-advice { margin: 3px 0; padding: 0 0 0 20px; color : #b80606; font-weight: bold; background: url(/i/icons/flag_red.gif) top left no-repeat;}
  .custom-advice { margin: 5px 0; padding: 5px; background-color: #C8AA00; color : #fff; font-weight: bold; }

.content form fieldset.compliance, .content form fieldset.compliance legend { background-color: #fff8e5; border-color: #ff6633; }
  .content form fieldset.compliance legend { color: #ff6633; }

#compliance { margin: 10px 0; padding: 5px 10px; border: 1px solid #ff6633; background-color: #fff8e5; }
  #compliance h2 { color: #ff6633; font-size: 120%; }
  #compliance ol li, #compliance ul li { border: 1px solid #ffb399; border-left-width: 3px; background-image: none; margin-top: 8px; padding: 3px 3px 3px 8px; }

/* news */

.news_meta { }
  .news_meta .publication { }
  .news_meta .publish_date { }
h3+p.news_meta { }
  .news_meta .authored_by { text-transform: uppercase; }
  .news_meta .entry_date { margin-right: 30px; padding: 4px 0 3px 20px; background: url(/i/icons/date.gif) 0 3px no-repeat; }
  .news_meta .category { padding: 4px 0 3px 20px; background: url(/i/icons/page_bookmark.gif) 0 3px no-repeat; }
.news .entry { padding-bottom: 12px; }
.news h3 { }
.pagination_links { margin: 12px -20px 8px -20px; padding: 8px 20px; background-color: #ccc; }