body
    {
      margin: 5%;
      padding-top: 10px;
    }

@font-face
  {
    font-family: oflGoudyStM;
    src: url(../fonts/OFLGoudyStM.otf);
  }

.padding_left {
      padding-left: 20px;
    }

.littleNote
	{
	font-size: 4vw;
	font-weight:normal;
	text-decoration:none;
	padding: 16px 19% 28px 0px;
	margin: 0px;
	color: Gray;
	}
/* ----- booked and available ----- */

.logo_top {
	color: #f4ac00;
	font-family:oflGoudyStM;
	font-weight: normal;
	font-size: 6.7vw;
	margin-bottom: 0px;
  padding: 6px 12px 0px 0px;
	line-height: 1;
}

.logo_bottom {
	font-size: 2.6vw;
	text-align: left;
	padding: 0px 12px 6px 0px;
  margin-top: 0;
  margin-bottom: 2vw;
	line-height: 1;
}

.grey_but_large {
  font-size: 2.9vw;
  text-align: left;
  padding: 18px 12px 6px 0px;
  margin-top: 0;
  margin-bottom: 2vw;
  line-height: 1;
}

.clear {
clear: both;
}

.time {
	width: 55px;
	background: #CCCCFF;
	text-align: center;
	font-weight: bold;
}
.free {
	width: 139px;
	background: #99CC66;
	text-align: left;
	cursor: pointer;
/*	padding-left: 10px;*/
}
.free :hover {
background-color:red;
}


a:link, a:visited{color: #f4ac00;}

.booked {
	width: 139px;
/*	background: #ffda9b; */
	text-align: left;
/*	padding-left: 10px; */
}

.past {
	width: 139px;
	text-decoration: line-through;
	background: Silver;
	color: #666666;
	text-align: left;
	padding-left: 10px;
}

.noleftpadding {
   padding-left: 0 !important;
   margin-left: 0 !important;
}