Your CSS is getting your browser's knickers all in a twist.
For example, you have all these ALLCAPITAL style rules conflicting, duplicating and placing same color text as background color which will cost you in Google rankings.
.ALLCAPITAL { font: normal 14px/normal Tahoma, Geneva, sans-serif;
text-transform: uppercase;
color: #CCC;
font-weight: bold;
}
.ALLCAPITAL { color: #900;
}
.ALLCAPITAL { font-family: Arial, Helvetica, sans-serif;
}.
ALLCAPITAL .john11white .lightblue .john11white .john11white .john11white {
font: normal 10px/normal Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #000;
font-size: 12px;
}
.ALLCAPITAL .darkblue {
color: #FDD7AF;
}
.ALLCAPITAL .darkblue {
color: #FC0;
}
.ALLCAPITAL .darkblue {
font-size: 16px;
}
.ALLCAPITAL .darkblue {
font-weight: bold;
}
.ALLCAPITAL .darkblue {
color: #999;
}
.ALLCAPITAL .darkblue {
color: #CCC;
}
.ALLCAPITAL .darkblue {
color: #000;
}
.ALLCAPITAL .darkblue {
font-size: 14px;
As well as these 14 more errors shown here:
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.dcch urch.org.uk%2F&profile=css3&usermedium=all&warning=1&vextwarning=&lang =en
