/*html: begin*/
html {
  margin: 0;
  padding: 0;
}
/*html: end*/

/*body: begin*/
body {
  min-width: 770px;
  font-size: 12px;
  text-decoration: none;
  font-family: Arial;
  text-align: center;
  color: #000000;
  background-color: #214A72;
  background-image: url('/images/layout/bdy_bg.jpg');
  background-position: top;
  background-repeat: repeat;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  overflow: auto;
}
/*body: end*/

.odd {
	background: #FFF;
}

.even {
	background: #CBD3D9;
}

/*tables: begin*/
table {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

td {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

tr {
  padding: 0;
  margin: 0;
}
/*tables: end*/

/*div: start*/
div {
  padding: 0;
  margin: 0;
}
/*div: end*/

/*img: start*/
img {
  border: 0;
}
/*img: end*/

/*layout: begin*/
#wrapper {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  vertical-align: top;
}

#top {
  height: 242px;
  background-image: url('/images/layout/top_bg.jpg');
}

  #header {
    height: 242px;
    width: 960px;
    margin: 0 auto;
  }

#middle {
  background-color: #CBD3D9;
}

  #center {
    width: 960px;
    margin: 0 auto;
    padding-bottom: 20px;
  }

    #nav_bar {
      width: 960px;
      height: 46px;
      color: #000000;
      background-color: #FFFFFF;
      background-image: url('/images/nav/nav_bg.jpg');
      background-position: top;
      background-repeat: repeat-x;
      margin-bottom: 10px;
      text-align: left;
      z-index: 5
    }

/* ---  --- */

#nav { width: 700px; height: 46px; margin: 0; padding: 0; list-style: none; }
#nav li { float:left; }
#nav li a { font-size:100%; font-weight:bold; color: #285A8A; text-transform: uppercase; margin:0; padding:0; display:block; }
#nav li a:hover { color: #AEBAC3; text-decoration: underline; }
#nav li.on a { color: # AC0E16; }
#nav li.on a:hover { color: #AEBAC3; text-decoration: underline; }

#nav li ul.subnav { font-size:95%; width:auto; background:#333; margin:0; padding:10px 10px 10px 15px; list-style:none; position:absolute; left:-999em; }
#nav li ul.subnav li a { color:#f93 !important; background:transparent !important; border:0 !important; margin:0 20px 0 0 !important; padding:0 !important; }
#nav li ul.subnav li a:hover { color:#fff !important; }

#kevin { width: 100px; background: #365680; margin: 0; padding: 10px 10px 10px 15px; list-style: none; position: relative; top: 0; left: 83px; z-index: 2; border-left: solid 2px #FFFFFF; border-right: solid 2px #FFFFFF; border-bottom: solid 2px #FFFFFF; display:none ; }
#kevin li { width: auto; display: inline; }
#kevin li a { font-weight: bold; color: #FFFFFF; text-transform: uppercase; margin: 5px 5px 5px 5px; padding: 0; display: block; text-decoration: none; }
#kevin li a:hover { color: #FFFFFF; text-decoration: underline; }
#kevin.subnav { visibility: visible; }

#issues { width: 100px; background: #365680; margin: 0; padding: 10px 10px 10px 15px; list-style: none; position: relative; top: 0; left: 148px; z-index: 2; border-left: solid 2px #FFFFFF; border-right: solid 2px #FFFFFF; border-bottom: solid 2px #FFFFFF; display:none ; }
#issues li { width: auto; display: inline; }
#issues li a { font-weight: bold; color: #FFFFFF; text-transform: uppercase; margin: 5px 5px 5px 5px; padding: 0; display: block; text-decoration: none; }
#issues li a:hover { color: #FFFFFF; text-decoration: underline; }
#issues.subnav { visibility: visible; }

#neighbor { width: 100px; background: #365680; margin: 0; padding: 10px 10px 10px 15px; list-style: none; position: relative; top: 0; left: 287px; z-index: 2; border-left: solid 2px #FFFFFF; border-right: solid 2px #FFFFFF; border-bottom: solid 2px #FFFFFF; display:none ; }
#neighbor li { width: auto; display: inline; }
#neighbor li a { font-weight: bold; color: #FFFFFF; text-transform: uppercase; margin: 5px 5px 5px 5px; padding: 0; display: block; text-decoration: none; }
#neighbor li a:hover { color: #FFFFFF; text-decoration: underline; }
#neighbor.subnav { visibility: visible; }

#action { width: 100px; background: #365680; margin: 0; padding: 10px 10px 10px 15px; list-style: none; position: relative; top: 0; left: 325px; z-index: 2; border-left: solid 2px #FFFFFF; border-right: solid 2px #FFFFFF; border-bottom: solid 2px #FFFFFF; display:none ; }
#action li { width: auto; display: inline; }
#action li a { font-weight: bold; color: #FFFFFF; text-transform: uppercase; margin: 5px 5px 5px 5px; padding: 0; display: block; text-decoration: none; }
#action li a:hover { color: #FFFFFF; text-decoration: underline; }
#action.subnav { visibility: visible; }

/* ---  --- */

#nav li a { text-indent: -200em; text-decoration: none; height: 46px; background-image: url('/images/nav/nav.jpg'); background-repeat: no-repeat; }

#nav #n1 a { width: 83px; background-position: 0 0; }
#nav #n1 a:hover{ background-position: 0 -58px; }
#nav #n1.on a, #nav #n1.on a:hover { background-position: 0 0 !important; }

#nav #n2 a { width: 65px; background-position: -83px 0; }
#nav #n2 a:hover { background-position: -83px -58px; }
#nav #n2.on a, #nav #n2.on a:hover { background-position: -83px -114px; }

#nav #n3 a { width: 74px; background-position: -148px 0; }
#nav #n3 a:hover { background-position: -148px -58px; }
#nav #n3.on a, #nav #n3.on a:hover { background-position: -148px -114px; }

#nav #n4 a { width: 104px; background-position: -222px 0; }
#nav #n4 a:hover { background-position: -222px -58px; }
#nav #n4.on a, #nav #n4.on a:hover { background-position: -222px -114px; }

#nav #n5 a { width: 76px; background-position: -326px 0; }
#nav #n5 a:hover { background-position: -326px -58px; }
#nav #n5.on a, #nav #n5.on a:hover { background-position: -326px -114px; }

#nav #n6 a { width: 174px; background-position: -402px 0; }
#nav #n6 a:hover { background-position: -402px -58px; }
#nav #n6.on a, #nav #n6.on a:hover { background-position: -402px -114px; }

#nav #n7 a { width: 124px; background-position: -576px 0; }
#nav #n7 a:hover { background-position: -576px -58px; }
#nav #n7.on a, #nav #n7.on a:hover { background-position: -576px -114px; }

/* ---  --- */

    #hk_box {
      width: 243px;
      background-image: url('/images/layout/helpkevin_mid.jpg');
      background-repeat: repeat-y;
      text-align: left;
      position: relative;
      top: -46px;
      left: 710px;
      z-index: 1;
      _margin-bottom: -550px;
	  overflow: hidden;
    }

      #hk_win_tit {
        padding: 30px 0 0 30px; /* T R B L */
        background-image: url('/images/layout/helpkevin_top.jpg');
        background-repeat: no-repeat;
      }

      /*#hk_top_bk {
        background-image: url('../images/layout/helpkevin_top.jpg');
        background-repeat: no-repeat;
      }*/

      #hk_win_frm {
        padding: 20px 0 0 30px; /* T R B L */
        .margin-top: -20px;
        margin-bottom: 15px;
        .margin-bottom: 20px;
      }

        #hk_win_frm_chkb {
          position: absolute;
          .margin-top: -15px;
          left: 35;
        }

        #hk_win_frm_chkt {
          position: absolute;
          .margin-top: -15px;
          left: 55px;
        }

        #hk_win_frm_sbt {
          position: absolute;
          .margin-top: -15px;
          left: 135px;
        }

        #hk_bot
        {
          background-image: url('/images/layout/helpkevin_bot.jpg');
          background-repeat: no-repeat;
          position: relative;
          z-index: 2;
          height: 28px;
          border: 1px sold black;
        }

      .hk_win_lnks {
        height: 25px;
        width: 185px;
        background-image: url('/images/content/hk_lnk_bg.jpg');
        background-position: top;
        background-repeat: repeat-x;
        margin-top: 2px;
        margin-left: 30px;
        padding-left: 10px;
        padding-top: 2px;
      }

        #hk_win_pht {
          text-align: right;
          position: absolute;
          .margin-top: 2px;
          left: 35px;
        }

        #hk_win_ph {
          position: absolute;
          padding-top: 5px;
          .margin-top: 6px;
          left: 110px;
        }

#sacfirst {

background: #e5e9ec;
padding-left: 10px;
padding-top: 8px;
}

#yearone {

background: #e5e9ec;
padding-left: 10px;
padding-top: 8px;
}

      .nav_lnk {
        text-align: center;
        padding: 17px 20px 0 20px; /* T R B L */
        float: left;
      }

      .nav_spcr {
        padding: 15px 0 0 0; /* T R B L */
        float: left;
      }

    #col1 {
      color: #000000; 
      background-color: #E5E9EC;
      background-image: url('/images/layout/wbox_bg.jpg');
      background-position: top;
      background-repeat: repeat-x;
      _height: 250px;
    }

      #col1_lft {
        width: 400px;
        text-align: left;
        padding: 20px 20px 20px 20px; /* T R B L */
        float: left;
      }

        #col1_lft_van {
          width: 150px;
          position: relative;
          top: -22px;
          right: -300px;
        }

        #col1_lft_img {
          vertical-align: text-top;
          padding: 0 15px 5px 0; /* T R B L */
          float: left;
        }

        #col1_lft_txt {
          max-width: inherit;
          vertical-align: text-top;
          padding: 0 0 0 0;
          float: left;
        }

        #col1_lft_txt p { margin-top:0; padding-top:0; }

        #district_instructions, #district_1, #district_2, #district_3, #district_4, #district_5, #district_6, #district_7, #district_8 {
          width: 268px;
          padding: 10px;
          color: #000000;
          background-color: #FFFFFF;
          border: solid 1px #000000;
          display: none;
          margin: 30px 0 0 20px;
        }
      #col1_spcr {
        width: 1px;
        padding-top: 22px;
        float: left;
      }

      #col1_rgt {
        width: 230px;
        text-align: left;
        padding: 20px 20px 10px 20px; /* T R B L */
        float: left;
      }

        

    #col2 {
      min-height: 100px;
      color: #000000;
      background-color: #E5E9EC;
      background-image: url('/images/layout/wbox_bg.jpg');
      background-position: top;
      background-repeat: repeat-x;
      _height: 300px;
    }

      #col2_lft {
        width: 240px;
        text-align: left;
        padding: 20px 20px 20px 20px; /* T R B L */
        float: left;
      }

        .col2_lft_eclr {
          width: 225px;
          height: 40px;
          color: #000000;
          background-color: #FFFFFF;
          padding: 5px 5px 5px 5px; /* T R B L */
          text-align: left;
        }

        .col2_lft_enclr {
          width: 225px;
          padding: 5px 5px 5px 5px; /* T R B L */
          text-align: left;
        }

          .col2_lft_edte {
            width: 33px;
            border: solid #D2D6DC 1px;
            color: #000000;
            background-color: #FFFFFF;
            background-image: url('/images/content/dte_icon_bg.jpg');
            background-position: bottom left;
            background-repeat: no-repeat;
            padding: 2px 2px 2px 2px; /* T R B L */
            text-align: center;
            float: left;
          }

          .col2_lft_etxt {
            text-align: left;
            padding-top: 3px;
            padding-left: 10px;
            float: left;
          }

      #col2_spcr {
        width: 1px;
        padding-top: 22px;
        float: left;
      }

      #col2_rgt {
        width: 639px;
        text-align: left;
        padding: 20px 20px 10px 20px; /* T R B L */
        float: left;
      }

        #col2_rgt_c1 {
          width: 320px;
          float: left;
        }

        #col2_rgt_c2 {
          width: 279px;
          padding-left: 30px;
          float: left;

        }

          .col2_rgt_c2_lst {
            width: 279px;
          }

            .col2_rgt_c2_txt {
              width: 180px;
              padding-left: 10px;
              padding-top: 10px;
              padding-bottom: 0px;
               vertical-align: text-top;
              float: left;
            }

            .col2_rgt_c2_img {
              width: 75px;
              vertical-align: text-top;
              float: left;
              margin-top: 12px;
            }

          .col2_rgt_c2_txt {
            width: 180px;
            padding-left: 10px;
            vertical-align: text-top;
            float: left;
          }

    #col3 {
      min-height: 100px;
      color: #000000;
      background-color: #E5E9EC;
      background-image: url('/images/layout/wbox_bg.jpg');
      background-position: top;
      background-repeat: repeat-x;
      _height: 125px;
    }

      #col3_lft {
        width: 635px;
        text-align: left;
        padding: 20px 20px 20px 20px;
        float: left;
      }

        #col3_lft_van {
          width: 150px;
          position: relative;
          top: -22px;
          right: -525px;
        }

      #col3_spcr {
        width: 1px;
        padding-top: 30px;
        float: left;
      }

      #col3_rgt {
        width: 244px;
        text-align: left;
        padding: 20px 20px 20px 20px;
        float: left;
      }

#bottom {
  height: 194px;
  background-image: url('/images/layout/btm_bg.jpg');
}

  #footer {
    height: 164px;
    width: 960px;
    background-image: url('/images/layout/btm_bnr.jpg');
    margin: 0 auto;
    padding-top: 30px;
  }

    #f_b1 {
      width: 312px;
      height: 105px;
      text-align: center;
      padding-top: 20px;
      float: left;
    }

    #f_b2 {
      width: 371px;
      height: 100px;
      text-align: center;
      padding-top: 25px;
      float: left;
    }

    #f_b3 {
      width: 277px;
      height: 100px;
      text-align: center;
      padding-top: 25px;
      float: left;
    }

.clear {
  clear: both;
}