Okay, I admit - I'm very green at CSS . . . but this simple problem is driving me nuts!
I have specified a color of white for my #sidenav, but they are showing up blue. Can someone please tell me where I'm missing it? Here's the html:
<!--begin side nav-->
<ul id="sidenav">
<li><a href="docs/vision.html">Our Vision</a></li>
<li><a href="docs/happenings.html">Harvest Happenings</a></li>
<li><a href="docs/links.html">Recommended Links</a></li>
<li><a href="docs/notes.html">Notes From The Pastor</a></li>
<li><a href="docs/events.html">Upcoming Events</a></li>
</ul>
<!--end side nav-->
Here's the CSS:
/*-----side nav--*/
#sidenav {
color:fff;
margin: 0;
padding: 0;
background: #684712 url(../images/navbtnbkgnd.gif) 0 0 repeat-y;
width: 200px;
border:1px solid #684712;
border-width:1px 0;
}
#sidenav li {
color:fff;
display: block;
list-style:none;
margin:0;
padding:10px;
}
#sidenav a:link, a:visited {
color: fff;
padding: 0px;
width: auto;
text-decoration: none;
font: bold .80em/1em Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-shadow: 2px #555;
}
#sidenav a:hover {
color:fff;
text-decoration:underline;
}
/*--end side nav--*/
The url link is here: http://www.ministrymarketingconsulta...est/index.html
HELP!!!!!! |
