Links are Underlined: Why?
Hi Folks,
My first 2015 call for help. I think I limited 2014 calls to half a dozen or less, didn't count. Anyway...
Links in headers, footers, and body of pages on http://www.njdriverslicenses.com/ are being underlined. I assume its on account of something in my css file (I did not write it), but I can't find the source of the underlining. Can someone point me to it?
Here is my css file:
Code:
/* NJDL.CSS
uses lmcb layout */
body{
background-color:#ffc; color:#000;
font-family:sans-serif; font-weight:bold; font-size:medium;
text-align:left
}
#container{
/* overrides body text centering */
text-align:left;
/* sets overall width */
width:950px;
/* allows body centering */
margin:0 auto
}
#logo {
height:154px; width:950px;
color:#3366ff; text-align:left;
}
#logo table { border:0; }
#logo td.logoleft { font-size:1.5em; text-align:center; width:700px; border:0; }
#logo .heading { font-size:2em; border:0; }
#logo td.logoright { font-size:.8em; color:#000; text-align:right; width: 250px; border:0; }
/* puts menu+content above bottom */
#wrapper{float:left;width:100%}
/* leaves space at left for menu */
#content {margin: 0 0 0 200px}
#menu{
/* puts to left of content */
float:left;
width:190px;
/* aligns at left of wrapper; must = width of container */
margin-top:50px;margin-left:-950px;
}
#content p{ text-align:left; }
#bottom{ clear:left; width:100% }
h1 { text-align:center; color:#3366ff; font-size:x-large; }
h2 { text-align:center; color:#3366ff; font-size:large; }
.right {
float:right;
color:#3366ff;
margin-top:10px;
margin-left:15px;
margin-bottom:10px;
border-style:outset;
border-width:8px;
}
.left { float:left; margin-right:1em; }
/*******************************
controls links in non-menu text
*******************************/
a:link { color:#3366ff; background-color: #ffc;}
a:visited { color:#3366ff; background-color: #ffc;}
a:hover{ color:white; background-color:#3366ff;}
a:active {color:#3366ff; background-color:white; }
/******************************
button menu
******************************/
a.button {
text-decoration: none;
line-height:34px;
border: 2px #000 outset;
}
a.button:link, a.button:visited, a.button:active {
color: #3366ff;
background-color: #ffc;
}
a.button:hover {
color: white;
background-color: #3366ff;
border: inset;
}
/******************************
bottom menu
******************************/
a.bottom {
text-decoration: none;
border: 2px #000 outset;
font-size:.8em;
}
a.bottom:link, a.bottom:visited, a.bottom:active {
color: #3366ff;
background-color:#ffc;
}
a.bottom:hover {
color: white;
background-color: #3366ff;
border: inset;
}
/*******************************
here menu
*******************************/
a.here:link, a.here:visited, a.here:hover, a.here:active {
text-decoration:none; border:none; color:#808080; background-color:#ffc;
}
.home {
background-image: url("../images/njdl300x202.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top left;
}
.suspension {
background-image: url("../images/scheduledSuspensionNotice.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top left;
}
/*******************************
following are relics from previous sites, included here in case of reuse
h6 {color:#606}
.messageBox {color:#639;font-weight:bold; font-size:medium; text-align:center; border-width:thick; border-style:inset; border-color:black; width:70%; background-color:#C0C0C0}
********************************/
A.