html, body {
  height: 100%;
}

/* This controls the style of standard text inside <p> tages. */
p {
	color: black;
	text-align: justify;
	font-family: Arial, Helvetica;
	font-size: 13px;
	text-decoration: none;
	font-weight: normal;
}

/* This controls the heading. */
p.heading {
  font-family: Tahoma,Verdana,Helvetica,Arial,sans-serif;
  font-size: 25px;
  font-weight: normal;
}

/* This is the general style of the generated table. */
#calendarTable {
  background-color: white;
  font-family: Tahoma,Verdana,Helvetica,Arial,sans-serif;
  font-size: 14px;
}

/* This removes the borders around cells in the generated table. */
#calendarTable th, #calendarTable td { 
     border-top: none; 
     border-left: none;
     border-right: none;
     border-bottom: none;
 }
  
.input_fields {
  height: 20px;
  background-color: white;
}
  
#wrap {
  min-height: 100%;
}

#main {
  overflow:auto;
  padding-bottom:150px; /* this needs to be bigger than footer height*/
   background-color: #f59f59;
}

.footer {
  position: relative;
  margin-top: -150px; /* negative value of footer height */
  height: 100px;
  clear:both;
  padding-top:80px;
  font-family: Tahoma,Verdana,Helvetica,Arial,sans-serif;
  font-size: 14px;
  text-align: right;
}