BODY {
  background-color: #FFFFFF; color: #000000;
}   
  a:link {color: #0000FF;} 
  a:visited {color: #800080;} 
  a:active {color: #FF0000;} 
  a:hover {color: green;}
  a.plain {
  text-decoration: none; 
  color: #FFFFFF; background-color: #003000;
}
   .face {
   border-style: none; 
   background-color: #003000; 
   border-color: #003000;
}

  .button {
  text-decoration: none; 
  color: #FFFFFF;  background-color: #003000;
  font-variant: small-caps; 
  font-family: Verdana,sans-serif; 
  font-size:.7em; 
  font-weight: bold;
} 
  .button a:visited{
  text-decoration: none; 
  color: white;
}
  .button a:link{
  text-decoration: none; 
  color: white;
}

   #box {
   margin-left: 0; margin-right: 0;
   width: 800px; height: 600px;
   border-style: ridge;
   border-color: #003000;
   background-image: url(http://www.gardencone.com/pictures/birds/back.jpg);
}
   #box2 {
   margin-left: 0; margin-right: 0;
   width: 90%;
   border-style: ridge;
   border-color: #003000;
   padding: 5px;

}

   #holder {
   margin: 0; padding: 0;
}

   .frame {
   border: 5px;
   border-style: ridge;
   border-color: #003000;
}
  .imgbord {
  border-width: 5px;
  border-color: #78A870;
  border-style: ridge;
}
  .x-board {
  border-width: 5px;
  border-color: red;
  border-style: ridge;
}
  .thin {
  border-width: 2px;
  border-color: #78A870;
  border-style: ridge;
}

  .purp {
  border-width: 2px;
  border-color: purple;
  border-style: ridge;
}
  .highlight {
  color: #000000; background-color:  #FFFF00;
}


  .b {font-weight: bold;}
  .center {text-align: center;} 
  .right {float: right;}
  .left {float: left;}
  .clear {clear: both;}
  .buf {margin-right: 2em;}
  .ind {margin-left: 2em;}
  .bg {font-size: large;}
  .i {font-style: italic;}
  .sm {font-size:  smaller;}
  .u {text-decoration: underline;}
  .in {text-indent: 1em;}
  .red {color: red;}
  .r {text-align: right;}
  .gr {color: green;}
  .none {list-style-type: none;}
  .place {color: #80FF80;}
  .purple {color: purple;}
  .service {color: green;}
  
     
   .date{
    width: 14.28%;
    vertical-align: top;
    }
    
    .clinic{
    width: 14.28%;
    vertical-align: top;
    border-top: 0; 
    background-color: #d3ffd3;
    }
    
    .day{
    width: 14.28%;
    text-align: center;
    }
    
    
  
  .photo {
  display:block;
  visibility:visible;
  width: 200px; height: 150px; border: 0; border-style: ridge;
  z-index: 1;
  }
  .photo hover {
  display:block; background: url(http://www.gardencone.com/pictures/AshHollow/view-th.jpg);
  visibility:hidden;
  width: 200px; height: 150px; border: 0; border-style: ridge;
  z-index: 2;
  
    } 
  .photo:hover {
  display:block; background: url(http://www.gardencone.com/pictures/AshHollow/view-th.jpg);
  visibility:hidden;
  width: 200px; height: 150px; border: 0; border-style: ridge;
  z-index: 5;
  
    }