html, body {
  height: 100%;
}

#page {
  min-height: 100%;
}

#main {
  overflow: auto;
  //padding-bottom: 185px;
}

/* must be same height as the footer */
#footer {
  position: relative;
  //margin-top: -185px;
  /* negative value of footer height */
  //height: 185px;
  clear: both;
}

/*Opera Fix*/
body:before {
  content: "";
  height: 100%;
  float: left;
  width: 0;
  margin-top: -32767px;
}

.ie7 #page {
  display: table;
  height: 100%;
}

@media (min-width: 831px) {
    .newFooter {
        position: relative;
        top: 12px;
    }
}

@media (max-width: 830px){
    .newFooter {
        display: none;
    }
}