html, body {
  background-color: #321500;
  background: url('../images/brownback.jpg');
  background-position: 50% 0; }

body {
  margin: 0;
  padding-bottom: 50px;
  text-align: left; }

a:link, a:visited {
  color: #ff5619;
  text-decoration: none; }
  a:link:hover,   a:visited:hover {
    text-decoration: underline; }

#column {
  background: url('../mockup/fh-col.png');
  background-color: #ffd280;
  position: relative;
  width: 807px;
  margin-left: auto;
  margin-right: auto; }

#head {
  background: url('../mockup/fh-bg.png');
  width: 807px;
  height: 158px;
  padding-bottom: 87px;
  margin-bottom: -87px; }

#topnav {
  position: absolute;
  top: 83px;
  left: 382px;
  width: 390px;
  color: #ff5619;
  text-transform: uppercase;
  font-size: 11px;
  text-align: right; }
  #topnav a:link, #topnav a:visited {
    color: #ffffff;
    padding: 0.5em; }
    #topnav a:link:hover,     #topnav a:visited:hover {
      text-decoration: underline; }

#left {
  position: absolute;
  top: 158px;
  left: 39px;
  width: 140px; }
  #left .menu {
    margin-bottom: 17px; }
    #left .menu a {
      text-decoration: none;
      display: block;
      margin-bottom: 3px;
      text-transform: uppercase;
      padding-left: 8px;
      font-size: 11px;
      font-weight: bold;
      padding-top: 4px;
      padding-bottom: 3px;
      color: #4f2610;
      background-color: #ffe8be; }
      #left .menu a:hover {
        color: #ffffff;
        background-color: #ff5619; }
      #left .menu a.active {
        color: #ffffff;
        background-color: #ff5619; }
  #left .special {
    background: #ff5619;
    font-size: 10px;
    padding-left: 8px;
    padding-top: 9px;
    padding-bottom: 4px;
    margin-bottom: 11px;
    color: white; }
    #left .special p {
      margin-bottom: 9px; }
  #left .box {
    padding: 5px;
    border: 1px solid #ff934c; }
    #left .box img {
      display: block; }

#main {
  position: relative;
  margin-left: 15px;
  left: 179px;
  width: 573px; }

#welcome {
  background-color: #ff5619;
  width: 567px;
  padding: 3px;
  margin-bottom: 18px; }
  #welcome .border {
    border: 2px solid #ffd280;
    padding: 8px; }
  #welcome h3 {
    color: #ffffff;
    font-size: 11pt;
    font-weight: thin;
    margin-bottom: 3px; }
  #welcome p {
    color: #ffd280;
    font-size: 8pt; }

#split {
  position: relative; }

#wide, #news {
  background: white;
  padding-top: 1px;
  padding-bottom: 8px;
  min-height: 200px; }
  #wide h3,   #news h3 {
    position: relative;
    margin-top: 8px;
    color: white;
    font-weight: bold;
    padding-left: 13px;
    padding-top: 4px;
    padding-bottom: 1px;
    height: 16px;
    background-color: #81bb48;
    background: url('../images/h3_green.png');
    clear: both; }
  #wide img.float,   #news img.float {
    float: right;
    margin: 8px;
    margin-right: 14px; }
  #wide p, #wide ul,   #news p, #news ul {
    padding: 0 13px;
    color: #4f2610;
    font-size: 8pt;
    margin-top: 8px; }
    #wide p strong,     #wide ul strong,     #news p strong,     #news ul strong {
      text-transform: uppercase;
      font-weight: bold; }
    #wide p em,     #wide ul em,     #news p em,     #news ul em {
      font-style: italic; }
  #wide p.menu,   #news p.menu {
    font-size: 10pt;
    line-height: 16pt; }
  #wide li,   #news li {
    list-style-type: disc;
    display: list-item;
    margin-left: 2em; }

#news {
  width: 386px; }

#right {
  background-color: #ffe8be;
  position: absolute;
  top: 0;
  right: 0;
  width: 163px;
  padding: 5px;
  color: #4f2610;
  font-size: 9pt; }
  #right strong {
    font-weight: bold;
    text-transform: uppercase; }
  #right em {
    font-style: italic; }
  #right p {
    padding: 4px; }
  #right p.info {
    margin-bottom: 8px;
    color: #ff5619;
    font-size: 8pt;
    font-weight: bold; }
  #right .image {
    margin-bottom: 5px;
    background: #ffffff;
    border: 1px solid #ffffff; }
    #right .image .border {
      border: 4px solid #81bb48;
      padding: 1px; }
    #right .image img {
      display: block; }

#bottom {
  background: url('../mockup/fh-bottom.png');
  height: 3px;
  margin-top: 15px; }

.photos {
  padding: 0 13px;
  margin-top: 8px; }
  .photos img {
    width: 133px; }

.teacher img {
  width: 200px;
  float: left;
  margin: 10px;
  margin-right: 0; }
.teacher .info {
  width: 353px;
  float: left;
  margin-bottom: 10px; }
  .teacher .info .contact {
    margin: 12px; }
  .teacher .info p {
    padding-left: 0;
    margin-left: 0 !important; }

.testimonial img {
  width: 100px;
  float: left;
  margin: 10px;
  margin-right: 0; }
.testimonial .info {
  width: 265px;
  float: left;
  margin-bottom: 10px; }