Ok so there's a few bits and pieces in the stylesheet that shouldn't be.
Scrap everything in the stylesheet now and replace it all with this (leave nothing else in there):
/* CSS Document */
BODY,TD {font-family: Arial, Helvetica, sans-serif;font-color: #000000;}
H1 {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: x-large;
}
H2 {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: large;
}
H3 {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: medium;
}
BODY {font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
background-color: #ffffff;
}
A:link {
color: #0000ff;
font-weight: bold;
}
a:visited {
color: #0000ff;
font-weight: bold;
}
a:focus, a:hover, a:visited {
color: #ffffff;
font-weight: bold;
font-style:italic;
}
.style2 a:link {color: #FFFFFF; text-decoration:none;}
.style2 a:visited {color: #FFFFFF; text-decoration:none;}
.style2 a:focus, .style2 a.sidebar:hover, .style2 a.sidebar:active {color: #0000FF; text-decoration:none;}
That's that bit done.
Now in the markup itself you've got a couple of errors that will mean some of the links won't work as you want. You should have:
<td><div align="left" class="style2"><a href="page6.html"><img src="images/bone-bullet-black.jpg" width="30" height="16" hspace="5" border="0" align="absmiddle">PUPPY TRAINING </a></div></td>
in a couple of cases you've got:
<td><div align="left"><a href="az-service-area.html" class="style2"><img src="images/bone-bullet-black.jpg" width="30" height="16" hspace="5" border="0" align="absmiddle">SERVICE AREA </a></div></td>
Can you see - the class="style2" is in the link tag rather than the div tag. Now either is fine but the syntax is different in the stylesheet so you have to decide one or other. For it to work with how you've got it set up in the stylesheet it needs to be the former - with the class in the div tag not the link tag.
