/* === Generic styles === */
body {
   background-color: #FFFFDD;
   font-family: Verdana, Arial, sans-serif;
}

h1 {
   font-family: "Times New Roman"; serif;
   font-size: 70px;
   padding-top: 0px;
   padding-bottom: 0px;
   margin-top: 0px;
   margin-bottom: 10px;
}

h2 { clear: both; }

hr { display: none; }

a { color: black; }

a:visited { color: gray; }

img { border : none; }

fieldset { 
   margin:5px;
   border: 1px solid purple;
}

table {
   border: 1px solid black;
   border-collapse:collapse;
   margin:5px;
   padding:5px;
}

th {
   font-weight:normal;
   border: 1px solid black;
   text-align:left;
}

td { border: 1px solid black; }

/* --- Table without borders --- */
table.noBorder { border: none; }

table.noBorder td { border: none; }

table.noBorder th { 
   border: none;
   font-weight:bold;
   text-align:center;
}

/* --- 2-column layout --- */

.leftcol {
   width:45%;
   margin: 10px;
   padding-right: 0px;
   padding-left: 10px;
   float: left;
}

.rightcol {
   width:45%;
   margin: 10px;
   padding-left: 0px;
   padding-right: 10px;
   float: right;
}

/* === Page header === */

#header {
   text-align: center;
   padding-top: 0px;
   padding-bottom: 0px;
   margin-top: 0px;
   margin-bottom:0px;
}

#camralogo { text-align: left; }

#branchlogo { text-align: right; }

#navbar {
   list-style: none;
   text-align: center;
   padding-bottom: 5px;
   margin-bottom: 5px;
}

#navbar li {
   display: inline;
   text-align: center;
   border-bottom: 2px solid black;
   margin-left: 5px;
   margin-right: 5px;
}

.liHome { margin-left: 0px; }

#navbar a {
   text-decoration:none;
   font-weight:bold;
   color:black;
}

/* === Page footer === */

#footer {
   width: 100%;
   clear: both;
   font-size: small;
   border-top: 2px solid purple;
   padding-top: 5px;
   margin-top: 5px;
}

#disclaimer {
  width:500px;
  float: left;
}

#twitbook {
   width:300px;
   float: right;
   margin: 5px;
   padding-top:5px;
}

/* === Branch and Region === */

#branchMap { float:right; }

/* === Breweries === */

#brew_logos {
   text-align:center;
   list-style: none;
}

#brew_logos li {
   display: inline;
   text-align: center;
}

/* --- Individual brewery pages --- */

div.blo_reports {
   clear:both;
}

/* === Festival staffing form === */

#festLogo { 
   width: 300px;
   float: right;
}

#fhDetails, #fhAvail { width: 950px; }

#fhButtons {
  width:950px;
  padding:20px;
  text-align:center;
}

/* --- Contact details: --- */

div.formRow {
  clear: both;
  padding-top: 10px;
  width: 500px;
}

div.formRow span.formLabel {
  float: left;
  width: 200px;
  text-align: right;
}

div.formRow span.formInput {
  float: right;
  width: 250px;
  text-align: left;
}

#fhName, #fhEmail, #fhPhone, #fhMemNo { width:370px; }

/* --- Availability table: --- */

#fhKey { border: none; }

#fhKey th { border: none; }

#fhAvailTbl td {
  width:20px;
  border: 1px solid black;
  text-align:center;
}

#fhKey  .fhSetup, .fhFest, .fhTdwn {
  border: 1px solid black;
  width: 30px;
}

#fhKeyTitle { width:100px; }

td.fhKeyDesc {
  border: none;
  width: 100px;
  text-align:left;
  padding-left:5px;
}

/* Previous design: #999999 */
.fhSetup { background-color:#BBBBBB; }

/* Previous design: #993333 */
.fhFest { background-color:#996699; }

/* Previous design: #666666 */
.fhTdwn { background-color:#EEEEEE; }

#fhButtons button {
  padding:5px,10px,5px,10px;
  margin-left:5px;
  margin-right:5px;
}