<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Brook Green CSS</title>
</head>

<body>
<p>a#home img { height: 56px; width: 158px; border-width: 0;} <br />
  a#home img {background: url(images/buttons/homeupbutton.gif) top left no-repeat;}<br />
  a#home:hover img {background: url(images/buttons/homedown.gif) top left no-repeat;}</p>
<p>a#contact img { height: 56px; width: 158px; border-width: 0;} <br />
  a#contact img {background: url(images/buttons/contactupbutton.gif) top left no-repeat;}<br />
  a#contact:hover img {background: url(images/buttons/contactdown.gif) top left no-repeat;}</p>
<p>a#hours img { height: 56px; width: 158px; border-width: 0;} <br />
  a#hours img {background: url(images/buttons/hoursupbutton.gif) top left no-repeat;}<br />
  a#hours:hover img {background: url(images/buttons/hoursbuttondown.gif) top left no-repeat;}</p>
<p>a#appointments img { height: 56px; width: 158px; border-width: 0;} <br />
  a#appointments img {background: url(images/buttons/appointmentsup.gif) top left no-repeat;}<br />
  a#appointments:hover img {background: url(images/buttons/appointmentsdown.gif) top left no-repeat;}</p>
<p>a#facilities img { height: 56px; width: 158px; border-width: 0;} <br />
  a#facilities img {background: url(images/buttons/facilitiesup.gif) top left no-repeat;}<br />
  a#facilities:hover img {background: url(images/buttons/facilitiesdown.gif) top left no-repeat;}</p>
<p>a#staff img { height: 56px; width: 158px; border-width: 0;} <br />
  a#staff img {background: url(images/buttons/staffupbutton.gif) top left no-repeat;}<br />
  a#staff:hover img {background: url(images/buttons/staffbuttondown.gif) top left no-repeat;}</p>
<p>a#directions img { height: 56px; width: 158px; border-width: 0;} <br />
  a#directions img {background: url(images/buttons/directionsup.gif) top left no-repeat;}<br />
  a#directions:hover img {background: url(images/buttons/directionsdown.gif) top left no-repeat;}</p>
<p>a#information img { height: 56px; width: 158px; border-width: 0;} <br />
  a#information img {background: url(images/buttons/informationupbutton.gif) top left no-repeat;}<br />
  a#information:hover img {background: url(images/buttons/informationbuttondown.gif) top left no-repeat;}<br />
</p>
<p>a#feedback img { height: 56px; width: 158px; border-width: 0;} <br />
  a#feedback img {background: url(images/buttons/feedbackup.gif) top left no-repeat;}<br />
  a#feedback:hover img {background: url(images/buttons/feedbackdown.gif) top left no-repeat;}<br />
</p>
<p>a#news img { height: 56px; width: 158px; border-width: 0;} <br />
  a#news img {background: url(images/buttons/newsup.gif) top left no-repeat;}<br />
  a#news:hover img {background: url(images/buttons/newsdown.gif) top left no-repeat;}</p>
</body>
</html>
<p>a#home img { height: 56px; width: 158px; border-width: 0;} <br>
  a#home img {background: url(images/buttons/homeupbutton.gif) top left no-repeat;}<br>
  a#home:hover img {background: url(images/buttons/homedown.gif) top left no-repeat;}</p>
<p>a#contact img { height: 56px; width: 158px; border-width: 0;} <br>
  a#contact img {background: url(images/buttons/contactupbutton.gif) top left no-repeat;}<br>
  a#contact:hover img {background: url(images/buttons/contactdown.gif) top left no-repeat;}</p>
<p>a#hours img { height: 56px; width: 158px; border-width: 0;} <br>
  a#hours img {background: url(images/buttons/hoursupbutton.gif) top left no-repeat;}<br>
  a#hours:hover img {background: url(images/buttons/hoursbuttondown.gif) top left no-repeat;}</p>
<p>a#appointments img { height: 56px; width: 158px; border-width: 0;} <br>
  a#appointments img {background: url(images/buttons/appointmentsup.gif) top left no-repeat;}<br>
  a#appointments:hover img {background: url(images/buttons/appointmentsdown.gif) top left no-repeat;}</p>
<p>a#facilities img { height: 56px; width: 158px; border-width: 0;} <br>
  a#facilities img {background: url(images/buttons/facilitiesup.gif) top left no-repeat;}<br>
  a#facilities:hover img {background: url(images/buttons/facilitiesdown.gif) top left no-repeat;}</p>
<p>a#staff img { height: 56px; width: 158px; border-width: 0;} <br>
  a#staff img {background: url(images/buttons/staffupbutton.gif) top left no-repeat;}<br>
  a#staff:hover img {background: url(images/buttons/staffbuttondown.gif) top left no-repeat;}</p>
<p>a#directions img { height: 56px; width: 158px; border-width: 0;} <br>
  a#directions img {background: url(images/buttons/directionsup.gif) top left no-repeat;}<br>
  a#directions:hover img {background: url(images/buttons/directionsdown.gif) top left no-repeat;}</p>
<p>a#information img { height: 56px; width: 158px; border-width: 0;} <br>
  a#information img {background: url(images/buttons/informationupbutton.gif) top left no-repeat;}<br>
  a#information:hover img {background: url(images/buttons/informationbuttondown.gif) top left no-repeat;}<br>
</p>
<p>a#feedback img { height: 56px; width: 158px; border-width: 0;} <br>
  a#feedback img {background: url(images/buttons/feedbackup.gif) top left no-repeat;}<br>
  a#feedback:hover img {background: url(images/buttons/feedbackdown.gif) top left no-repeat;}<br>
</p>
<p>a#news img { height: 56px; width: 158px; border-width: 0;} <br>
  a#news img {background: url(images/buttons/newsup.gif) top left no-repeat;}<br>
  a#news:hover img {background: url(images/buttons/newsdown.gif) top left no-repeat;}</p>
