body {
  margin: 0px;
  padding: 0px;
  font-family: Arial,Verdana,Helvetica,sans-serif;
  font-size: 12px;
  line-height: 12px;
  background-color: rgb(223,210,155);
  text-align: center;
  height: 100%;
  min-width: 790px;
}

sub {font-size:6px;}
sup {font-size:6px;}

#content {
  display: block;
  padding: 5px 15px;
  background-color: rgb(106,9,22);
  border-left: 5px solid rgb(40,86,39);
  border-top: 0px;
  border-right: 5px solid rgb(40,86,39);
  border-bottom: 0px;
  width: 740px;
  min-width: 740px;
  text-align: left;
  margin: 0px auto;
  height: 120%;
}


#header {
  position: relative;
  z-index: 3;
  top: 0px;
  width: 740px;
  height: 125px;
  z-index: 3;
}

#logo {
  position: absolute;
  z-index: 7;
  top: 0px;
  left: 16px;
  width: 181px;
  height: 104px;
  background-image: url(/images/logoHAF.png);
  background-repeat: no-repeat;
}

#overmenu {
  position: absolute;
  z-index: 2;
  width: 720px;
  height: 12px;
  top: 5px;
  width: 730px;
  color: rgb(223,210,155);
}

.overmenu {
  float: right;
  font-weight: normal;
}

  .overmenu a:link, .overmenu a:visited {
    color: rgb(245,239,174);
    text-decoration: none;
    font-weight: bold;
  }

  .overmenu a:hover, .overmenu a:active {
    color: rgb(245,239,174);
    text-decoration: underline;
    font-weight: bold;
  }

#menu {
  position: absolute;
  top: 25px;
  z-index: 2;
  padding: 8px 15px;
  width: 700px;
  background-color: rgb(223,210,155);
  border: 4px solid rgb(179,151,98);
  color: rgb(89,61,9);
  height: 15px;
}

  .menu {
    float: right;
    font-weight: bold;
  }

    .menu a:link, .menu a:visited {
      color: rgb(106,9,22);
      text-decoration: none;
      font-weight: bold;
      padding: 1px 3px;
      border: 1px solid rgb(223,210,155);
    }

    .menu a:hover, .menu a:active {
      color: rgb(106,9,22);
      text-decoration: none;
      font-weight: bold;
      padding: 1px 3px;
      border: 1px solid rgb(106,9,22);
    }

#sectionheader {
  position: absolute;
  z-index: 2;
  top: 67px;
  left: 0px;
  padding: 0px;
  width: 740px;
  color: rgb(245,239,174);
  height: 55px;
}

  .sectionheader {
    float: right;
    padding: 0px 0px;
  }

    .sectionheader h1 {
      margin: 0px;
      padding: 0px;
      font-family: Arial,Verdana,Helvetica,sans-serif;
      font-size: 50px;
      line-height: 55px;
      font-weight: bold;
    }

  #breadcrumb {
    float: left;
    padding-top: 40px;
    color: rgb(245,239,174);
  }

    .breadcrumb { 
     font-weight: normal;
    } 
  
    .breadcrumb a:link, .breadcrumb a:visited {
      color: rgb(245,239,174);
      text-decoration: none;
      font-weight: bold;
    }
    
    .breadcrumb a:hover, .breadcrumb a:active {
      color: rgb(245,239,174);
      text-decoration: underline;
      font-weight: bold;
    }


#core {
  width: 740px;
  background: url(/images/deadLine.png);
  margin-bottom: 0px;
  width: 100%;
}

#greenbox {
  padding: 10px;
  width: 710px;
  background-color: rgb(40,86,39);
  border: 5px solid rgb(179,151,98);
  color: rgb(223,210,155);
  margin-top: 3px;
  margin-bottom: 15px;
}

  #greenbox h2 {
    margin: 0px;
    padding: 0px;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: rgb(245,239,174);
  }

  .greenbox {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    line-height: 14px;
    color: rgb(245,239,174);
  }

    .greenbox a:link, .greenbox a:visited {
      color: rgb(245,239,174);
      text-decoration: none;
      font-weight: bold;
    }

    .greenbox a:hover, .greenbox a:active {
      color: rgb(245,239,174);
      text-decoration: underline;
      font-weight: bold;
    }

#greenbox_inner {
  margin: 0;
  width: 710px;
}

#eggnogbox {
  padding: 10px;
  width: 710px;
  background-color: rgb(223,210,155);
  border: 5px solid rgb(40,86,39);
  color: rgb(106,9,22);
  margin-top: 3px;
  margin-bottom: 15px;
}

  #eggnogbox h2 {
    margin: 0px;
    padding: 0px;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: rgb(106,9,22);
  }

  .eggnogbox {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    line-height: 14px;
    color: rgb(106,9,22);
  }

    .eggnogbox a:link, .eggnogbox a:visited {
      color: rgb(106,9,22);
      text-decoration: none;
      font-weight: bold;
    }

    .eggnogbox a:hover, .eggnogbox a:active {
      color: rgb(106,9,22);
      text-decoration: underline;
      font-weight: bold;
    }

#eggnogbox_cn {
  padding: 10px;
  width: 710px;
  background-color: rgb(223,210,155);
  border: 5px solid rgb(40,86,39);
  color: rgb(89,61,9);
  margin-top: 3px;
  margin-bottom: 15px;
}

  #eggnogbox_cn h2 {
    margin: 0px;
    padding: 0px;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: rgb(89,61,9);
  }

  .eggnogbox_cn {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    line-height: 14px;
    color: rgb(89,61,9);
  }

    .eggnogbox_cn a:link, .eggnogbox_cn a:visited {
      color: rgb(89,61,9);
      text-decoration: none;
      font-weight: bold;
    }

    .eggnogbox_cn a:hover, .eggnogbox_cn a:active {
      color: rgb(89,61,9);
      text-decoration: underline;
      font-weight: bold;
    }

#eggnogbox_inner {
  margin: 0;
  width: 710px;
}


#beerbanner {
  padding: 10px;
  width: 710px;
  background-color: rgb(40,86,39);
  border: 5px solid rgb(179,151,98);
  color: rgb(223,210,155);
  margin-top: 3px;
  margin-bottom: 15px;
}

  #beerbanner h2 {
    margin: 0px;
    padding: 0px;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: rgb(245,239,174);
  }

  .beerbanner {
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    line-height: 13px;
    color: rgb(245,239,174);
  }

#beerbanner_inner {
  margin: 0;
  width: 710px;
}

#beertips {
  position: relative;
  float: left;
  width: 203px;
  z-index: 10;
  padding-right: 10px;
}

#beerlegend {
  position: relative;
  float: left;
  width: 205px;
  z-index: 11;
  padding-left: 10px;
}

#beertrivia {
  position: relative;
  float: left;
  width: 258px;
  height: 135px;
  z-index: 12;
  border-left: 2px rgb(106,9,22) solid;
  border-right: 2px rgb(106,9,22) solid;
  padding-left: 10px;
  padding-right: 10px;
}

.clear {
  clear: both;
}

#beerlist {
  padding: 10px;
  width: 710px;
  background-color: rgb(179,151,98);
  border: 5px solid rgb(40,86,39);
  color: rgb(89,61,9);
  height: auto;
}

  #beerlist h2 {
    margin: 0px;
    padding: 0px;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: rgb(106,9,22);
  }

  .beerlist {
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    line-height: 13px;
    color: rgb(89,61,9);
  }

  .rowhdr {
    background-color: rgb(89,61,9);
    color: rgb(245,239,174);
    text-align: left;
  }

    .rowhdr a:link, .rowhdr a:visited {
      color: rgb(245,239,174);
      text-decoration: none;
      font-weight: bold;
    }

    .rowhdr a:hover, .rowhdr a:active {
      color: rgb(245,239,174);
      text-decoration: none;
      font-weight: bold;
    }

  .row0 {
    background-color: rgb(255,255,255);
    text-align: left;
  }

  .row1 {
    background-color: #f0f0f0;
    text-align: left;
  }

#blhdr_left {
  width: 355px;
  text-align: left;
  float: left;
}

#blhdr_right {
  width: 355px;
  text-align: right;
  color: rgb(106,9,22);
  float: right;
}

  .blhdr_right {
    text-align: right;
    color: rgb(106,9,22);
  }

  #blhdr_right a:link, #blhdr_right a:visited {
    color: rgb(40,86,39);
    text-decoration: none;
    font-weight: normal;
  }

  #blhdr_right a:hover, #blhdr_right a:active {
    color: rgb(40,86,39);
    text-decoration: underline;
    font-weight: normal;
  }

#prefooter {
  clear: both;
  width: 720px;
  height: 15px;
}

#footer {
  padding: 6px;
  width: 720px;
  background-color: rgb(223,210,155);
  border: 5px solid rgb(179,151,98);
  color: rgb(106,9,22);
  height: 13px;
  margin-bottom: 15px;
}

  .footer {
    float: left;
    font-weight: bold;
  }

    .footer a:link, .footer a:visited {
      color: rgb(89,61,9);
      text-decoration: none;
      font-weight: normal;
    }

    .footer a:hover, .footer a:active {
      color: rgb(40,86,39);
      text-decoration: underline;
      font-weight: normal;
    }

  .footerCopyright {
    float: right;
    color: rgb(78,54,4);
    font-weight: bold;
  }

#postFooter {
  width: 720px;
  height: 15px;
}

  #postFooter h5 {
    margin: 0px;
    padding: 0px;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 10px;
    line-height: 10px;
    font-weight: normal;
    color: rgb(223,210,155);
    text-align: center;
  }

img.cranberry {
  border: 1px rgb(106,9,22) solid;
}

img.brunch1 {
  border: 2px rgb(223,210,155) solid;
  align: right;
  margin-left: 10px;
  margin-bottom: 10px;
}

img.cca1 {
  border: 2px rgb(223,210,155) solid;
  align: right;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

img.casks1 {
  border: 2px rgb(106,9,22) solid;
  align: right;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

img.rootbeer1 {
  border: 2px rgb(223,210,155) solid;
  align: left;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

img.monaco1 {
  border: 2px rgb(223,210,155) solid;
  align: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

img.monaco_r1 {
  border: 2px rgb(223,210,155) solid;
  align: right;
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
}

img.monaco_pic_le {
  border: 2px rgb(223,210,155) solid;
  margin-right: 11px;
}

img.monaco_pic_ctr {
  border: 2px rgb(223,210,155) solid;
  margin-right: 10px;
}

img.monaco_pic_ctrx {
  border: 2px rgb(223,210,155) solid;
  margin-right: 11px;
}

img.monaco_pic_re {
  border: 2px rgb(223,210,155) solid;
}

img.foyston {
  border: 1px rgb(106,9,22) solid;
  align: right;
  margin-left: 5px;
  margin-bottom: 5px;
}

#vform {
  font-family: Arial,Verdana,Helvetica,sans-serif;
  font-size: 12px;
}

#vform_inner {
  width: 710px;
}

#vform_fields {
  float: left;
  width: 300px;
  padding-left: 30px;
  }

#vform_shifts {
  float: right;
  width: 300px;
  padding-right: 30px;
}

#vform_submit {
  clear: both;
  width: 650px;
  padding: 10px 30px;
  text-align: center;
}

#vform .name {
  width: 150px;
  height: 16px;
  border: 1px solid;
  background-color:rgb(223,210,155);
  padding-left: 1px;
  margin-bottom: 5px;
}

#vform .address {
  width: 298px;
  height: 16px;
  border: 1px solid;
  background-color:rgb(223,210,155);
  padding-left: 1px;
  margin-bottom: 5px;
}

#vform .city {
  width: 175px;
  height: 16px;
  border: 1px solid;
  background-color:rgb(223,210,155);
  padding-left: 1px;
  margin-bottom: 5px;
}

#vform .zip {
  width: 75px;
  height: 16px;
  border: 1px solid;
  background-color:rgb(223,210,155);
  padding-left: 1px;
  margin-bottom: 5px;
}

#vform .phone {
  width: 100px;
  height: 16px;
  border: 1px solid;
  background-color:rgb(223,210,155);
  padding-left: 1px;
  margin-bottom: 5px;
}

#vform .email {
  width: 225px;
  height: 16px;
  border: 1px solid;
  background-color:rgb(223,210,155);
  padding-left: 1px;
  margin-bottom: 5px;
}

#vform .comments {
  width: 298px;
  height: 70px;
  border: 1px solid;
  margin-bottom: 5px;
  background-color: rgb(223,210,155);
  overflow: auto;
  font-family: Arial,Verdana,Helvetica,sans-serif;
  font-size: 12px;

}

#vform .button {
  background-color:rgb(223,210,155);
}

#vform .checkbox {
  background-color: rgb(40,86,39);
}

hr {
  color: rgb(223,210,155);
}

fieldset {
  border: 1px solid rgb(223,210,155);
  padding: 10px;
}

legend {
  border: 1px solid rgb(223,210,155);
  padding: 3px;
  font-size: 12px;
  line-height: 14px;
  color: rgb(245,239,174);
  font-weight: normal;
} 

textarea {
  background-color: rgb(245,239,174);
}

select {
  background-color: rgb(245,239,174);
  margin-bottom: 5px;
  }

input {
  background-color: rgb(245,239,174);
}

#chestnut {
  color: rgb(89,61,9);
}
  .chestnut h2 {
  margin: 0px;
  padding: 0px;
  font-family: Arial,Verdana,Helvetica,sans-serif;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  color: rgb(89,61,9);
  }

  .chestnut {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    line-height: 14px;
    color: rgb(89,61,9);
  }

.cranberry {
  color: rgb(106,9,22);
}

.popcorn {
  color: rgb(245,239,174);
}

.eggnog {
  color:rgb(223,210,155);
}

.bark {
  color:rgb(179,151,98);
}

#contact_inner {
  width: 710px;
}

#contact_basefields {
  float: left;
  width: 300px;
  padding-left: 30px;
  }

#contact_fieldset {
  float: right;
  width: 300px;
  padding-right: 30px;
}

#contact_message {
  clear: both;
  width: 648px;
  padding: 10px 30px;
}

#cform .contact_text {
  width: 298px;
  height: 16px;
  font-family: Arial,Verdana,Helvetica,sans-serif;
  font-size: 12px;
  border: 1px solid;
  background-color: rgb(223,210,155);
  padding-top: 3px;
  padding-left: 5px;
}
#cform .contact_select {
  font-family: Arial,Verdana,Helvetica,sans-serif;
  font-size: 12px;
  border: 1px solid;
  background-color: rgb(223,210,155);
  padding-top: 3px;
  padding-left: 5px;
}
#cform .contact_textarea {
  width: 643px;
  height: 200px;
  font-family: Arial,Verdana,Helvetica,sans-serif;
  font-size: 12px;
  border: 1px solid;
  padding-top: 3px;
  padding-left: 5px;
  background-color: rgb(223,210,155);
  overflow:auto;
}
#cform .submit {
  font-family: Arial,Verdana,Helvetica,sans-serif;
  background-color: rgb(223,210,155);
}

#contact_response {
  padding: 5px;
  width: auto;
  font-weight: bold;
  background-color: rgb(106,9,22);
  border: 2px solid rgb(223,210,155);
  color: rgb(223,210,155);
}
