Link color problem

Hi, I have two problems with the colors of link on my site I have

Design.

My first problem is the color of the link I have on one page is green, and I want it to be grey (#CCCCCC). I put it to gray in css, but it remains green and I cannot understand why.

My second problem is that I have two links on a page, but I want them to be of different colors. On the page that I joined, I want the links at the top to be gray and the links below to be blue. I can't understand how to change the color of a link of a link without the appearance of the other changing link.

Thank you in advance.

Here are the following HTML and css code (also attached):

HTML

! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict / / IN".
""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd "> xmlns ="http://www.w3.org/1999/xhtml"XML: lang ="fr"lang ="fr">"
< head >
< meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"

< title > The Station < /title >

< html

"" < link rel = "stylesheet" href = "... / style_train.css" type = "text/css" charset = "utf - 8" / > ".

< style type = "text/css" >
<!--
{.style1}
do-size: 36px;
Color: #000000;
do-family: Verdana, Arial, Helvetica, without serif.
}
{#apDiv1}
position: absolute;
left: 501px;
top: 1085px;
Width: 329px;
height: 286px.
z-index: 1;
}
. Style2 {color: #FFFFFF}
{#apDiv2}
position: absolute;
left: 64px;
top: 17px;
Width: 89px;
height: 1133px;
z-index: 2;
}
{#apDiv3}
position: absolute;
left: 183px;
top: 1073px;
Width: 490px;
height: 149px;
z-index: 1;
visibility: visible;
padding-left: 15px;
}
{#apDiv4}
position: absolute;
left: 499px;
top: 1079px;
Width: 334px;
height: 318px;
z-index: 1;
}
{#apDiv5}
position: absolute;
left: 493px;
top: 1078px;
Width: 346px;
height: 313px;
z-index: 1;
}
.style22 {color: #000000}
{#apDiv6}
position: absolute;
left: 522px;
top: 1085px;
Width: 357px;
height: 312px;
z-index: 1;
}
{#apDiv7}
position: absolute;
left: 235px;
top: 362px;
Width: 522px;
height: 349px;
z-index: 1;
}
.style23 {do-size: 14px}
.style24 {do-size: 24 PX;}
color: #1F8BBA;
do-family: "Times New Roman", Times, serif;
}
{.style25}
color: #005980;
font size: 13px;
}
.style11 {color: #005980;}
line-height: 30px;
}
.style26 {do-size: 24 PX;}
do-family: "Times New Roman", Times, serif;
color: #208CBA;
make-style: normal;
make-weight: normal;
do-variant: normal;
}
.style30 {line-height: 30px;}
make-weight: normal;
do-family: Arial, Helvetica, without serif.
color: #005980;
font size: 13px;
}
.style31 {do-family: Arial, Helvetica, without serif;}
font size: 13px;
color: #005980;
}
.style32 {color: #208CBA; do-style: normal; make-weight: normal; do-variant: normal; do-family: "Times New Roman", Times, serif ;}}
.style35 {make-weight: bold;}
do-variant: normal;
do-family: "Times New Roman", Times, serif;
make-style: normal;
color: #005980;
}
.style46 {line-height: 30px; do-family: Arial, Helvetica, without serif; do-size: 13px ;}}
.style47 {color: #005980; do-style: normal; make-weight: normal; do-variant: normal; do-family: "Times New Roman", Times, serif ;}}
{.style49}
line-height: 30px;
do-family: Arial, Helvetica, without serif.
font size: 13px;
color: #FFFFFF;
}
->
< / style >
< / head >

< body >
< div id = 'wrapper' >
< div id = "header" >
< h1 class = 'style1 style2' > The Station < / h1 >
< div id = "nav - top" > < / div >
< div id = "nav" >
< ul >
"< class li ="home"> < a href ="... / index.html "> home < /a > < /li >"
"< div class ="style22"id ="div - 1 d"> < img src ="... / pictures/pictures/station_map. ALT "JPG" = "map" width = "372" height = "296" / > < / div > "
< div class = "style22" id = "div - 1f" > < span class = "style26" > Train Gallery </span > < br / >
< br / >
"< span class ="style32"> < span class ="style30"> click </span > < / span > < span class ="style35"> < span class ="style49"> < a href ="... / models / "> HERE < /a > < / span > < / span > < span class ="style47"> < span class ="style46"> to see the photos of the 24 authentic miniature steam train - GUE out on the slopes!" </span > < / span > < / div >
< div class = "style22" id = "div - 1 g" > < span class = "style26" > ticket prices < br / >
< br / >
< span class = "style30" > tickets are good for any term of the year. < br / >
</span > < span class = "style31" > adults: $5.50 < br / >
Children: $5,00 < br / >
Children less than 12 months: free </span > < / span > < / div >
< div class = "style22" id = "div - 1 c" >
< div align = "left" > < span class = "style24" > come for A Ride! </span > < br / >
< span class = "style25" > the whole family will enjoy a ride on an authentic replica narrow - GUE 1836 American steam engine. The train takes a route of fifteen minutes, around the Port of Port Elgin and through the magnificent park of North Shore (see directions below). It's a scenic trip of a thousand who will take you back in time. The train leaves the Station located on the main beach. Port Elgin </span > < / div >
< / div >
< class li = "form" > < a href = "train.html" > Train < /a > < /li > ""
< class li = "mini_putt" > < a href = "mini_putt.html" > Mini Putt < /a > < /li > ""
< class li = "fudge" > < a href = "fudge.html" > Fudge < /a > < /li > ""
< class li = "candy_factory" > < a href = "candy_factory.html" > Candy Factory < /a > < /li > ""
< div class = "style1" id = "div-1B" >
"" < div align = "center" class = "style22 style23" > < img src = "... / pictures (2) train1.jpg ' alt = 'training photo' width ="264"height ="208"/ > < / div >

< / div >
< div class = "style1" id = "div - 1a" >
< div align = "center" >
< h2 class = "style26" > the Train schedule < / h2 >
< p align = "justify" > < span class = "style11" > the train runs all the < strong > day except Mondays < facilities > July 1 to labor day. There are five races daily at the following times: < strong > < br / >
13:00 < facilities >. < br / >
< strong > < facilities > 15:00. < br / >
< strong > < facilities > 17:00. < br / >
< strong > < facilities > 19:30. < br / >
< strong > < facilities > 20:30. < br / >
All trains are < strong > weather allowing < facilities >; If the tracks are wet the train won't work. Tickets are sold by a basis of first come, first served - tickets can be purchased in advance but do not guarantee you a seat on the train. It is suggested that you coming from the station 20-30 minutes before each race scheduled to ensure you get a spot on the train. < / span > < / p >
< / div >
< / div >
< class li = "food" > < a href = "food.html" > food / treats < /a > < /li > ""
< class li = 'Gallery' > < a href = "gallery.html" > Gallery < /a > < /li >
< class li = 'goods' > < a href = "merchandise.html" > goods < /a > < /li > ""
< /ul >
< / div >
< / div >
< / div >
< / body >
< / html >

CSS

HTML, body, h1, h2, h3, h4 {}
margin: 0;
padding: 0;
}
H1 img {}
display: block;
}

a {}
color: #464544;
}
a: hover {}
color: #FFA405;
}
.the {}
float: left;
}
. Right {}
float: right;
}
{in detail
text-align: right;
}
. Clear {}
Clear: both;
}

{body
text-align: center;
color: #FFFFFF;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
background-color: #FFFFFF;
background-repeat: repeat-x;
do-family: Arial, Helvetica, without serif.
do-size: 12px;
top: 80px;
}

/ * presentation * /.
{#wrapper}
text-align: left;
margin: auto;
Width: 678px;
position: relative;
background-color: #E4E4E4;
vertical-align: top;
do-family: Arial, Helvetica, without serif.
do-size: 11px;
border-right-width: thick;
border-left-width: thick;
border-right-style: solid;
border-left-style: solid;
border-right-color: #208CBA;
border-left-color: #208CBA;
border-top-width: thick;
border-top-style: solid;
border-bottom-color: #208CBA;
color: #FFFFFF;
background-position: center;
height: 1100px;
border-bottom-width: 30px;
border-bottom-style: solid;
border-bottom-color: #208CBA;
Bottom: 10px;
Top: 10px;
}

/ * header * /.
#header {}
padding-top: 0px;
}
#header h1 {}
make-weight: normal;
position: absolute;
left: 2px;
top: 36px;
color: #FFFFFF;
padding: 0 0 0 0.7em.
margin:-1em 0 0 0;
line-height: 1;
Width: 650px;
do-family: "Times new roman", serif;
font size: 32px;
visibility: visible;
}
{#nav - top}
margin left: 503px;
}
#nav - top ul {}
margin: 1em 0 0 0;
padding: 0;
height: 31px;
}
#nav - top li {}
float: left;
background: #C19855 url(images/Pictures/tab_left.gif) no-repeat;
list-style: none;
text-align: center;
font: 18px "Times new roman", serif;
height: 31px;
line-height: 31px;
}
#nav - top li div {}
background: top right url(images/Pictures/tab_right.gif) no-repeat;
}
#nav - li #tab - faq {} top
Width: 59px;
}
#nav - top #tab li - map {}
Width: 99px;
left margin: 3px;
}
#nav - top a {}
color: #443816;
text-decoration: none;
}
#nav - top a: hover {}
color: #241D0A;
}

#nav {}
background-image: url (images 2/main_pic
.jpg)
;
background-repeat: no-repeat;
padding-top: 250px;
background-position: center;
background-color: #1f8bba;
background-image: url(images/Pictures/header_pic.jpg);
}
#nav ul {}
margin: 0;
padding: 0;
height: 36px;
line-height: 36px;
border-left: 2px solid #9E9479;
background: url(images/nav_lit.gif) left bottom horizontal;
}
#nav li {}
list-style: none;
float: left;
margin: 0;
padding: 0 10px;
top: 200px;
right: 100px;
}
#nav li.train {}
background: url(images/nav_drk.gif) left bottom horizontal;
padding-left: 15px;
height: 36px;
}
#nav a {}
color: #006666;
text-decoration: none;
do-family: "Times new roman", serif;
do-size: 16px;
}
#nav a: hover {}
color: #CCCCCC;
}

/ * content * /.

#content {}
padding-left: 20px;
}
#content h2 {}
color: #208CBA;
make-weight: normal;
padding: 1px 1px 1px 8px;
top of the margin: 22px;
border-left-width: 3px;
border-left-style: none;
border-left-color: #005980;
do-family: "Times new roman", serif;
font size: 24 PX.
}
#content p {}
left margin: 11px;
line-height: 1.4;
}
#content a {}
color: #8D692D;
make-weight: bold;
text-decoration: none;
}
#content a: hover {}
color: #5B431A;
}

#content {of .the - col
float: left;
Width: 510px;
height: 550px;
}
#content {of .right-col
float: right;
Width: 136px;
}

#content #welcome {}
margin-right: 40px;
font-size: 13px;
color: #3E341E;
}
#content #welcome a {}
color: #3E341E;
text-decoration: underline;
}
#content #welcome a: hover {}
color: #DBBF77;
text-decoration: underline;
}
#gallery {}
top of the margin: 14px;
}
#gallery .box {}
float: left;
Width: 119px;
right margin: 1px;
position: relative;
height: 215px;
background-color: #1f8bba;
padding-top: 0;
padding-right: 23px;
padding-bottom: 2.3em;
padding-left: 23px;
}
#gallery h3 {} .box
text-align: center;
line-height: 23px;
fonts: 23px "Times new roman", serif;
color: #fff;
height: 23px;
margin-bottom: 20px;
background: high url(images/Pictures/tab_drk.gif) no-repeat;
}
#gallery p {} .box
margin: 1em 0;
padding: 0;
line-height: 1.4;
}
#gallery .more {} .box
height: 18px;
line-height: 18px;
background: #978040 top left url(images/moretab_left_drk.gif) no-repeat;
position: absolute;
low:-26px;
right: 8px;
Width: 3.2em;
padding-right: 4px;
margin-bottom: 0;
}
#gallery .box .more a {}
color: #4C330D;
}
#gallery .box .more a: hover {}
color: #291B 06.
}
#gallery informed .box {}
background-color: 005980;
background-image: url(images/back.gif);
background-repeat: repeat;
}
#gallery h3 light .box {}
background: high url(images/Pictures/tab_lit.gif) no-repeat;
}
#gallery informed .more .box {}
background: #B4A26D top left on url(images/moretab_left_lit.gif) no-repeat;
}

.right-col li, #content ul {} .right-col #content
list-style: none;
margin: 0;
padding: 0;
}

#content .right-col li {}
border-left: 1px solid #615331;
padding-left: 9px;
margin: 10px;
}
.right-col #content a {}
do-size: 12px;
make-weight: normal;
color: # 67450;
}
.right-col #content has: hover {}
color: #2C1D04;
}
/ * later * /.

{#later}
color: #564929;
background-position: top;
height: 20px;
}
#later h2 {}
font size: 20px;
}
#later .right-col p {}
do-size: 12px;
line-height: 1.7;
}

#later .box {}
float: left;
Width: 85px;

}
#later .box {a}
text-decoration: underline;
}
{#later - b1 #later
padding-top: 67px;
right margin: 4px;
}
{#later - b2 #later
Width: 155px;
right margin: 4px;
}
#later #later - b3}
Width: 114px;
right margin: 6px;
}
{#later - b4 #later
padding-top: 67px;
Width: 137px;
}

{#footc}
height: 10px;
}
#footer {}
text-align: center;
color: #CFB472;
Padding: 14px;
background-color: #1f8bba;
}
{#apDiv5}
position: fixed;
}
{#divtest}
Width: 50px;
}
{#div-1}
position: relative;
}
{#div - 1A
position: absolute;
top: 546px;
right: 16px;
Width: 257px;
height: 211px;
do-family: Arial, Helvetica, without serif.
font size: 13px;
make-style: normal;
line-height: normal;
}
{#div - 1B
position: absolute;
top: 311px;
left: 388px;
Width: 293px;
height: 217px;
}
{#div - 1}
position: absolute;
top: 292px;
left: 12px;
Width: 370px;
height: 130px;
}
{#div - 1}
position: absolute;
top: 558px;
left: 14px;
Width: 370px;
height: 130px;
}
{#div - 1e
position: absolute;
top: 840px;
left: 24 PX.
Width: 168px;
size: 256px;
line-height: 20px;
}
{#div - 1f}
position: absolute;
top: 820px;
left: 213px;
Width: 168px;
height: 259px;
line-height: 20px;
make-style: normal;
make-weight: normal;
do-variant: normal;
}
{#div - 1 g}
position: absolute;
top: 777px;
left: 191px;
Width: 80px;
height: 32px;
line-height: 20px;
make-style: normal;
make-weight: normal;
do-variant: normal;

}
{#div - 1f}
position: absolute;
top: 880px;
left: 207px;
Width: 168px;
size: 256px;
line-height: 20px;
make-style: normal;
make-weight: normal;
do-variant: normal;
color: #ffa405;
}
{#div - 1 g}
position: absolute;
top: 878px;
left: 17px;
Width: 168px;
size: 256px;
line-height: 20px;
make-style: normal;
make-weight: normal;
do-variant: normal;

}