body {
  background-color: #066;
  font-family: sans-serif;
}

/* Main container */
.wrapper {
  width: 750px;
  background-color: #fff;
  margin: 0px auto; /* Center the column */
}

/* Center a block -- replaces the center tag */
.centerblock
{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: block;
}

/* Center a block vertically -- the block will then need to be repositioned a bit */
.vcenter
{
  position: absolute;
  top: 50%;
}

/* Reposition left tour arrow, after vertically centering it */
.tourArrowLeft
{
  margin-top: -25px;
  margin-left: -68px; /* the image is 49px, so 68px adds ~20px to give some margin */
  border-style: none;
}

/* Reposition right tour arrow, after vertically centering it */
.tourArrowRight
{
  margin-top: -25px; 
  margin-left: 20px; /* this adds a margin between the arrow and the item next to it */
  border-style: none;
}

/* This gets rid of the blank line below the image */
.topimage img {
  vertical-align: bottom;
}

/* All H2s and H3s are titles, so center them. */
h2,h3 {
  text-align: center;
}

/* Change from the default link blue, and only underline when active/hovering */
a:link { color: #0033CC; text-decoration: none }
a:active { color: #0033CC; text-decoration: underline }
a:visited { color: #0033CC; text-decoration: none }
a:hover { color: #0033CC; text-decoration: underline }

/* Center the footer and make sure nothing is next to it */
.footer p {
  text-align: center;
}

.footer {
  clear: both
}

/* Add padding between the content and the edges of the content frame */
.content {
  padding: 15px;
}

/* Set up for the programs page */
.progtitle {
  font-weight: normal;
  font-size: 115%
}

/* Set up the main horizontal navigation list */
.mainnav {
  padding: .2em 0;
  margin: 0;
  list-style-type: none;
  background-color: #393;
  width: 100%;
  font-size: 90%;
  text-align: center;
}

.mainnav li {
  display: inline;
}

.mainnav li a {
  text-decoration: none;
  background-color: #393;
  color: #FFF;
  padding: .2em .5em;
}

.mainnav li a:hover {
  text-decoration: none;
  background-color: #369;
  color: #FFF;
}

/* Set up the horizontal navigation list for the Bighouse Living pages */
.subnav {
  text-align: center;
  padding: 5px;
  margin: 5px;
  font-size: 85%;
}

.subnav li {
  display: inline;
}

.subnav li a {
  text-decoration: none;
  padding: 0em .5em;
  border-left: 1px solid;  
  background-color: #FFF;
  color: #000;
}

/* Get rid of the extra separator */
.subnav li:first-child a {
  border-left: 0px solid;
}

.subnav li a:hover {
  text-decoration: underline;
  background-color: #FFF;
  color: #0033CC;
}
.caption {
  font-style: italic;
  font-size: 80%;
}

/* Float an object to the left */
.floatleft {
  float: left;
  margin-right: 15px;
}
/* Float an object to the right */
.floatright {
  float: right;
  margin-left: 15px;
}

/* Format the Q & A page */
.question {
  font-weight: bold;
  font-size: 1.12em;
}

.answer {
  padding-bottom: 1em;
  margin-left: 3em;
}

/* Format images on the programs page */
.progimage {
  margin-right: 15px;
  margin-bottom: 7.5px;
  margin-top: 7.5px;
  vertical-align: bottom;
}

/* Format the table with contact info */
.contacttable thead {
  font-size: 120%;
}
.contacttable td {
  vertical-align: top;
  padding-bottom: 10px;
}
.contacttable tbody td:first-child {
  font-weight: bold;
}