/* ---------------------------------------------------------------------
  Elements used in laying out the content of the content section
--------------------------------------------------------------------- */

/* ---------------------------------------------------------------------
  General html elements
--------------------------------------------------------------------- */

table.full-table {
  width: 100%;
  }

table.auto-table {
  width: auto;
  table-layout: automatic;
  }

h1 {
  font-size: 200%;
  text-align: center;
  margin-top: .1em;
  }

h2 {
  font-size: 150%;
  text-align: left
  }

ul {
  text-indent: 0;
  padding-left: 0;
  margin-left: 0;
  }

ul li {
  list-style-image: url(../images/Bullet4.gif);
  margin-left: 18px;
  padding-left: 0;
  padding-bottom: 0.3em;
  }

ul.spacylist li {
  padding-bottom: 0.6em;
  }

ul ul {
  padding-left: 0;
  padding-top: 0.3em;
  }

ul li ul li {
  list-style-image: none;
  list-style-type: circle;
  margin-left: 1em;
  padding-left: 0;
  }

ul.warning-box {
  clear: both;
  margin: 0 17% 0 17%;
  padding: 1em 1em 0 1em;
  border-style: ridge;
  border-color: #FF0000;
  }

ul.warning-box li {
  padding: 0 0 1em 0;
  }

.image {
  padding: 4px;
  border: 2px solid #FF0000;
  border-bottom-color: #A50000;
  border-right-color: #A50000;
  background: #FFFFCC;
  }

div.image-left {
  float: right;
  width: 100%;
}

div.image-left p {
  display: table-cell;
}

div.image-left p + p {
  display: table-cell;
  vertical-align: middle;
  padding-left: 1em;
}

div.image-left div {
  display: table-cell;
  vertical-align: top;
  padding-left: 1em;
}

div.image-right {
  float: right;
  width: 100%;
}

div.image-right p {
  display: table-cell;
  vertical-align: middle;
  padding-right: 1em;
}

div.image-right p + p {
  display: table-cell;
}

#portrait {
  float: right;
  margin: 0px 20px 20px 20px;
  }

#smallsandra {
  float: right;
  margin: 0px 20px 20px 20px;
  width: 259px;
  height: 301px;
  }
	
/* ---------------------------------------------------------------------
  Elements for laying out appointment page.
--------------------------------------------------------------------- */

table.appointments {
	border: ridge 4px #FF0000;
	border-collapse: collapse;
	width: 100%;
	text-align: center;
	margin: auto;
}

table.appointments td {
	border: ridge 4px #FF0000;
}

table.appointments th {
	border: ridge 4px #FF0000;
}

table.appointments tr + tr th {
	text-align: left;
	}

table.appointments td.phoenix {
	background-color: #00FF33;
	}

table.appointments td.scottsdale {
	background-color: #FFFF66;
	}

table.appointments td.off {
	background-color: #EEEEAA;
	}