I have spent all morning trying to figure this out. Sometime between yesterday and today, the footer on my Contact page decided to change to a dark red color rather than the dark green, which is assigned to it. The dark red is only applicable on a completely different CSS stylesheet (style.css), which is controlling my Home page! I did Ctrl + F to see if I had somehow put #A11517 (dark red) somewhere on my style-contact.css and it is no where to be found. This is the code for my footer currently:
/*
FOOTER
*/
#footer {
position: relative;
margin-top: -70px; /* Negative value of footer height. */
height: 70px;
background-position: center bottom;
border-top: 5px solid #768720;
clear:both;
max-width: 960px;
margin:0 auto;
}
It clearly states a hex value of #768720 (dark green). Why is my contact page using a completely separate stylesheet for one simple border? Everything else is working properly. Thank you in advance.