/* copyright File Design Systems */


body {
  background-color: #FFFFFF;
  color: #000000;
  margin: 0px;
  margin-top: 0px;
  font-size: 14px;
  font-family: arial;
}

h3 {
  font-family: times;
  font-weight: bold;
  font-size: 16px;
  color: #E42F28;
  margin-top: 0px;
  margin-bottom: 0px;
}

td, th { font-size: 12px;}
p { font-size: 12px; }

.main { /* the placement table */
    border: none;
    height: 100%;
    width: 710px;
}

.topLeft {  /* top left corner */
    height: 135px;
    width: 110px;
    vertical-align: top;
}

.topRight {  /* top right area */
    vertical-align: top;
    height: 115px;
    width: 600px;
}

.midMenu {/* top menu */
    width: 600px;
    height: 15px;
    vertical-align:top;
    text-align: center;
    background-color:#DEB887;
    font-size: 12px;
    font-weight: bold;
    font-family: Rockwell, perpetua, verdana, arial, helvetica, sans-serif;
    color: #000000;
    border: #000000 3px solid;
}
.midMenu table { width: 700px; }
.midMenu td {
	font-size: 12px;
    font-weight: bold;
    font-family: Rockwell, perpetua, verdana, arial, helvetica, sans-serif;
	text-align: center; padding-left: 3px; padding-right: 3px;
}
.midMenu a:link {
  color: #000000;
  text-decoration: none;
}
.midMenu a:visited {
  color: #000000;
  text-decoration: none;
  }
.midMenu a:active {
  color: #000000;
  text-decoration: underline;
  }
.midMenu a:hover {
  color: #E42F1C;
  text-decoration: none;
  }

.midLeft {  /* left side menu */
    width: 110px;
    vertical-align: top;
    text-align: center;
    background-color: #DEB887;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    font-family: Rockwell, perpetua, verdana, arial, helvetica, sans-serif;
    border: #000000 3px solid;
}
.midLeft a:link {
  color: #000000;
  text-decoration: none;
}
.midLeft a:visited {
  color: #000000;
  text-decoration: none;
}
.midLeft a:active {
  color: #000000;
  text-decoration: underline;
}
.midLeft a:hover {
  color: #E42F1C;
  text-decoration: none;
}

.midSpacer {
  background-color: #F0EDc9;
  border-right: solid black 3px;
  }
.midRight {  /* main content area */
  background-color: #F0EDc9;
  vertical-align: top;
  width:600px;
  font-size: 11px;
  font-family: Rockwell, verdana, arial, helvetica, sans-serif;
  padding: 8px;
  border-right: solid black 3px;
}

.hours {
  border: solid black 1px;
}
.hours th {
  border: solid black 1px;
}
.hours td {
  border: solid black 1px;
}

.text {
  font-size : 14px;
  margin-top: 0px;
  margin-bottom: 1em;
}


.smaller { font-size: 85%; }
.bigger { font-size: 120%; }

.chai {
  font-family: arial;
  font-size: 14px;
  text-align: center;
  }
  
.floatLeft {
	float: left;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
}
.floatRight {
	float: right;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
}

dt {
	font-weight: bold;
}

.coffeeList td {
	vertical-align: top;
	padding: 4px;
	border-bottom: solid black 1px;
}
.coffeeList th {
	vertical-align: top;
	padding: 4px;
	border-bottom: solid black 1px;
}
.coffeeList {
	border-top: solid black 1px;
}

@media print {
  .midMenu { visibility: hidden; }
  .midLeft { width: 1px; visibility: hidden;}
  .midRight { width: 100%; border: none;}
  .midSpacer { border: none; }

  }
