.clear {
  clear: both; }

body {
  background-image: url(/images/header_bg.jpg);
  background-repeat: repeat-x;
  font-family: Arial; }

#container {
  width: 944px;
  margin: 0 auto;
  position: relative; }
  #container #header {
    height: 115px; }
    #container #header img.ohio {
      float: left; }
    #container #header img.slogan {
      float: left;
      margin-left: 20px;
      margin-top: 20px; }
  #container #email_updates {
    position: absolute;
    top: 94px;
    left: 590px;
    text-transform: uppercase;
    color: white;
    font-family: 'Futura'; }
    #container #email_updates input.text {
      position: absolute;
      top: -2px;
      left: 110px;
      width: 160px;
      background-color: #e8ccd3;
      border: 1px solid #e8ccd3; }
    #container #email_updates input.submit {
      position: absolute;
      top: -2px;
      left: 278px; }

#content {
  background: #747e87;
  background-image: url(/images/background_tile.jpg);
  background-repeat: repeat-x; }
  #content #content-inner {
    width: 942px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0 auto; }
    #content #content-inner #left {
      width: 588px;
      float: left; }
      #content #content-inner #left a#player {
        display: block;
        border: 2px solid white;
        background-color: black;
        width: 480px;
        height: 360px;
        margin-left: 50px;
        cursor: pointer;
        text-align: center;
        position: relative; }
        #content #content-inner #left a#player img.play {
          position: absolute;
          top: 140px;
          left: 205px; }
      #content #content-inner #left #subpage {
        background-color: #aaafb2;
        margin-right: 10px;
        min-height: 348px;
        padding: 10px; }
        #content #content-inner #left #subpage strong {
          font-weight: bold; }
        #content #content-inner #left #subpage em {
          font-style: italic; }
        #content #content-inner #left #subpage h1, #content #content-inner #left #subpage h2, #content #content-inner #left #subpage h3, #content #content-inner #left #subpage h4, #content #content-inner #left #subpage h5, #content #content-inner #left #subpage h6 {
          margin-bottom: 10px;
          font-weight: bold; }
        #content #content-inner #left #subpage h1 {
          font-size: 1.8em; }
        #content #content-inner #left #subpage h2 {
          font-size: 1.6em; }
        #content #content-inner #left #subpage h3 {
          font-size: 1.4em; }
        #content #content-inner #left #subpage h4 {
          font-size: 1.2em; }
        #content #content-inner #left #subpage h5 {
          font-size: 1.1em; }
        #content #content-inner #left #subpage h6 {
          font-size: 1.0em; }
        #content #content-inner #left #subpage p {
          margin-bottom: 10px;
          line-height: 130%; }
        #content #content-inner #left #subpage #candidate {
          margin-right: 23px; }
          #content #content-inner #left #subpage #candidate img {
            float: left;
            border: 3px #818a8f solid;
            margin-right: 8px; }
          #content #content-inner #left #subpage #candidate strong {
            font-weight: bold; }
          #content #content-inner #left #subpage #candidate h3 {
            font-weight: bold;
            font-size: 16px;
            font-family: 'Arial';
            margin-bottom: 5px; }
          #content #content-inner #left #subpage #candidate p {
            margin: 0; }
          #content #content-inner #left #subpage #candidate .bio {
            margin-top: 16px; }
            #content #content-inner #left #subpage #candidate .bio p {
              margin-top: 15px;
              font-size: 11px; }
          #content #content-inner #left #subpage #candidate .left {
            float: left; }
          #content #content-inner #left #subpage #candidate .right {
            float: right; }
    #content #content-inner #right {
      width: 344px;
      height: 310px;
      float: left;
      position: relative; }
      #content #content-inner #right .blog-list {
        background-image: url(/images/nav_blog_list.jpg);
        width: 201px;
        height: 149px;
        position: absolute;
        top: 0px;
        left: 0px;
        padding: 25px 10px 10px 10px; }
        #content #content-inner #right .blog-list p {
          font-size: 1.1em;
          margin-top: 10px; }
          #content #content-inner #right .blog-list p a {
            text-decoration: none;
            color: #f2f3f3; }
            #content #content-inner #right .blog-list p a:hover {
              text-decoration: underline; }
      #content #content-inner #right ul li {
        margin-bottom: 4px; }
        #content #content-inner #right ul li.nav {
          position: relative;
          left: 228px; }
        #content #content-inner #right ul li.get-connected {
          position: relative; }
          #content #content-inner #right ul li.get-connected .twitter {
            position: absolute;
            top: 37px;
            left: 30px; }
          #content #content-inner #right ul li.get-connected .facebook {
            position: absolute;
            top: 37px;
            left: 120px; }
          #content #content-inner #right ul li.get-connected .youtube {
            position: absolute;
            top: 37px;
            left: 215px; }
      #content #content-inner #right #contact-us {
        color: white; }
        #content #content-inner #right #contact-us h3 {
          font-size: 1.1em; }
        #content #content-inner #right #contact-us .left {
          width: 48%;
          float: left; }
        #content #content-inner #right #contact-us .right {
          width: 48%;
          float: right; }

#candidates {
  margin-bottom: 15px;
  width: 930px;
  height: 154px;
  background-image: url(/images/search.jpg);
  position: relative;
  position: relative; }
  #candidates input#name {
    position: absolute;
    top: 42px;
    left: 15px;
    width: 150px;
    height: 20px; }
  #candidates input#district {
    position: absolute;
    top: 90px;
    left: 15px;
    width: 150px;
    height: 20px; }
  #candidates input#submit {
    position: absolute;
    top: 120px;
    left: 120px; }
  #candidates #slider {
    width: 675px;
    top: 10px;
    left: 215px;
    position: absolute; }
    #candidates #slider .scroll {
      height: 135px;
      overflow: auto;
      position: relative;
      clear: left; }
      #candidates #slider .scroll .scrollContainer div.panel {
        width: 675px; }
        #candidates #slider .scroll .scrollContainer div.panel .candidate {
          width: 56px;
          margin-top: 5px;
          float: left;
          margin-left: 5px;
          margin-right: 14px; }
          #candidates #slider .scroll .scrollContainer div.panel .candidate p {
            text-align: center;
            color: white;
            font-size: 10px;
            height: 25px; }
          #candidates #slider .scroll .scrollContainer div.panel .candidate img {
            border: 3px solid #818a8f;
            margin-top: 5px;
            margin-bottom: 5px; }
    #candidates #slider .scrollButtons {
      position: absolute;
      top: 60px;
      cursor: pointer; }
    #candidates #slider .scrollButtons.left {
      left: -20px; }
    #candidates #slider .scrollButtons.right {
      right: -20px; }

#slider-outer {
  position: relative;
  background-color: #5E6B73;
  border: 1px solid #4D5A62;
  margin: 0 auto;
  margin-top: 20px;
  width: 930px;
  height: 150px; }
  #slider-outer a.browse {
    display: block;
    width: 52px;
    height: 52px;
    position: absolute;
    cursor: pointer;
    top: 68px; }
  #slider-outer a.left {
    background: url(/images/left.jpg) no-repeat;
    left: 10px; }
  #slider-outer a.right {
    background: url(/images/right.jpg) no-repeat;
    right: -15px; }
  #slider-outer #slider {
    position: relative;
    overflow: hidden;
    margin-left: 35px;
    width: 860px;
    height: 150px; }
    #slider-outer #slider .items {
      width: 20000em;
      position: absolute;
      clear: both; }
      #slider-outer #slider .items a {
        width: 160px;
        margin-top: 5px;
        float: left;
        margin-left: 26px;
        margin-right: 26px;
        color: white;
        text-decoration: none;
        text-align: center;
        position: relative; }
        #slider-outer #slider .items a .play {
          position: absolute;
          top: 55px;
          left: 60px;
          width: 40px; }
        #slider-outer #slider .items a span {
          text-align: center;
          font-size: 11px;
          margin-bottom: 3px; }
          #slider-outer #slider .items a span:hover {
            text-decoration: underline; }

#footer {
  height: 27px;
  background-image: url(/images/footer.jpg);
  background-repeat: repeat-x; }

#disclaimer {
  margin: 0 auto;
  margin-top: 50px;
  width: 415px;
  text-align: center;
  border: 1px solid gray;
  color: gray;
  padding: 15px; }