not reading style for some reason

[Ninjakreborn]

For some reason it's not reading my style here, I have tried to get this to work, and I have never had this problem before, I have 2 places where I need to get a different color link.

The page is in an include
here is the page information

Include Page
[code]<?php
ini_set('arg_separator.output', '&amp;');
?>
<ul>
<li><a href="/gateway.php?url=pets" title="Pets">Pets</a></li>
<li><a href="/gateway.php?url=jewelry" title="Jewelry">Jewelry</a></li>
<li><a href="/gateway.php?url=electronics" title="Electronics">Electronics</a></li>
<li><a href="/gateway.php?url=personalitems" title="Personal Items">Personal Items</a></li>
<li><a href="/stolengateway.php" title="Stolen Items">Stolen Items</a></li>
<li><a href="/gateway.php?url=miscitems" title="Misc Items">Misc Items</a></li>
<li><span id="orange"><a href="/postfound/found1.php" title="Post Found Items">Post Found Items</a></span></li>
<li><span id="green"><a href="/postlost/lost1.php" title="Post Lost Items">Post Lost Items</a></span></li>
<li><a href="/advancedsearch.php" title="Advanced Search">Advanced Search</a></li>
<?php
if ($_SESSION['controller'] == true) {
?>
<li><a href="../forum/index.php" title="Forum">The Forum</a></li>
<?php
}
?>
</ul>[/code]
StyleSheet(It's at the very bottom, WHere I was trying to get this to work.


[code]/* entire document structure for all pages */
body
{
font-family:Georgia, "Times New Roman", Times, serif;
background:#ffffff;
color:#404040;
line-height:1.2em;
margin:0 auto;
padding:0;
}

a
{
text-decoration:none;
color:#4088b8;
font-weight:bold;
background-color:#FFFFFF;
}

a:hover
{
text-decoration:underline;
}

a img
{
border:0;
}

p
{
margin:0 0 18px 10px;
}

/* Sets all the Header Information */
h1
{
font-size:4.2em;
letter-spacing:-5px;
margin:0 0 30px 25px;
color:#4088b8;
background-color:#FFFFFF;
}

h1 a
{
text-transform:none;
color:#4088b8;
background-color:#FFFFFF;
}

h2
{
font-size:1.4em;
color:#4088b8;
border-bottom:4px solid #dadada;
padding:0 2px 2px 5px;
margin:0 0 10px 0;
letter-spacing:-1px;
background-color:#FFFFFF;
}

h3
{
font-size:1.2em;
font-weight:bold;
color:#4088b8;
border-bottom:1px solid #dadada;
margin:10px 0 8px 0;
padding:1px 2px 2px 3px;
background-color:#FFFFFF;
}

/* End Header Information*/

blockquote
{
font-size:0.9em;
border:1px solid #dadada;
margin:20px 10px;
padding:8px;
}



#wrap
{
color:#404040;
width:970px;
margin:10px auto;
padding:0;
background-color:#FFFFFF;
}

#header
{
margin:0;
}

#toplinks
{
text-align:right;
padding:5px 2px 2px 3px;
}

#slogan
{
font-size:1.5em;
color:#808080;
font-weight:bold;
letter-spacing:-1px;
margin:15px 0px 20px 35px;
line-height:1.2em;
background-color:#FFFFFF;
}


#sidebar
{
float:left;
width:195px;
margin:0 0 5px 0;
padding:1px 0 0 0;
}

#sidebar ul
{
list-style:none;
font-size:0.9em;
margin:0;
padding:0 0 15px 10px;
}

#sidebar li
{
list-style:none;
margin:0 0 4px 0;
padding:0;
}

#sidebar li a
{
font-size:1.2em;
font-weight:bold;
padding:2px;
}

#sidebar ul ul
{
margin:4px 0 3px 15px;
line-height:1.2em;
padding:0;
}

#sidebar ul ul li a
{
font-weight:normal;
}

#sidebar h2
{
margin:3px 0px 8px 0px;
}


#content
{
line-height:1.5em;
width:750px;
float:right;
text-align:left;
margin:0;
padding:0;
}

#contentalt
{
line-height:1.5em;
width:750px;
float:left;
text-align:left;
padding:0;
margin-right:20px;
}

#content h3, #contentalt h3
{
margin:10px 0 8px;
}



#footer
{
clear:both;
text-align:right;
color:#808080;
font-size:0.9em;
border-top:4px solid #dadada;
margin:0 auto;
padding:8px 0;
line-height:1.6em;
background-color:#FFFFFF;
}

#footer p
{
margin:0;
padding:0;
}

#footer a
{
color:#808080;
background-color:#FFFFFF;
}

.box
{
color:#ffffff;
font-size:0.9em;
background-color:#4088b8;
border:1px solid #c8c8c8;
line-height:1.3em;
padding:5px 5px 5px 8px;
}

.box a
{
color:#0000FF;
background-color:#4088b8;
}

.left
{
float:left;
margin:0 15px 4px 0;
}
.right
{
float:right;
margin:0 0 4px 15px;
}
.textright
{
text-align:right;
}


.center
{
text-align:center;
}

.blue
{
color:#4088b8;
background-color:#FFFFFF;
}

.big
{
font-size:1.3em;
}

.small
{
font-size:0.8em;
}

.bold
{
font-weight:bold;
}

.clear
{
clear:both;
}

.fade
{
color:#c8c8c8;
background-color:#FFFFFF;
}

.gray
{
color:#808080;
background-color:#FFFFFF;
}

.photo
{
border:1px solid #bababa;
padding:2px;
color:#0033FF;
background-color:#ffffff;
margin:6px 18px 2px 5px;
}

/* FINISH with the section that deals with all aspects of the web site, everything in the above section deals with all aspects of the website in general.  It covers every page a little bit.  Everything below here, is broken down into sections and are based on individual pages. */
/* Register.php Form Alignment */
#username
{
margin-left:120px;
}

#password
{
margin-left:129px;
}

#verifypassword
{
margin-left:84px;
}

#email
{
margin-left:98px;
}

#verifyemail
{
margin-left:112px;
}

#street1
{
margin-left:61px;
}

#street2
{
margin-left:67px;
}

#city
{
margin-left:171px;
}

#state
{
margin-left:163px;
}

#zipcode
{
margin-left:138px;
}

#phone
{
margin-left:93px;
}

#workphone
{
margin-left:121px;
}

#cellphone
{
margin-left:134px;
}

#birthdate
{
margin-left:127px;
}


#emailaddress /*CONTACT US FORM  something specicially set up for that*/
{
margin-left:21px;
}
/* End Register.php form Alignment */
.logspan /* This was for the coloring on the login text*/
{
color:#FF0000;
background-color:#FFFFFF;
}
/* End login text*/

/*All form elements for the reset password page  everything in this section works on setting there alignments properly */
#resetpassusername
{
margin-left:35px;
}

#resetpassemail
{
margin-left:11px;
}

#resetpasscity
{
margin-left:79px;
}

#resetpassstate
{
margin-left:71px;
}

#resetpasszipcode
{
margin-left:46px;
}

#resetpassphone
{
margin-left:64px;
}

#resetpassbirthdate
{
margin-left:35px;
}

#desiredpassword
{
margin-left:4px;
}

/* End form elements for the reset password page */
/* table specific styles*/
#changeuserinfotable
{
border-width:thin;
border-color:#000099;
border-style:dotted;
}

#changeuserinfotable th
{
border-width:thin;
border-color:#000099;
border-style:dotted;
}

#changeuserinfotable td
{
border-width:thin;
border-color:#000099;
border-style:dotted;
}

#changeuserinfotable tr
{
border-width:thin;
border-color:#000099;
border-style:dotted;
}
/* End table specific styles */


/* Styles for posting found items */
#gtitle
{
margin-left:18px;
}

#pfcity
{
margin-left:112px;
}

#pfstate
{
margin-left:102px;
}

#pfzipcode
{
margin-left:73px;
}

#subcategory
{
margin-left:34px;
}

#lostimage
{
margin-left:112px;
}
/* End styles for posting found items */


#orange a:link
{
color:#CC6633;
text-decoration:none;
background-color:#FFFFFF;
font-weight:bold;
}

#orange a:hover
{
text-decoration:underline;
}[/code]

[ToonMariner]

dont use spans or id's

id's are for those elements that are unique

use this...

[code]<?php
ini_set('arg_separator.output', '&amp;');
?>
<ul>
<li><a href="/gateway.php?url=pets" title="Pets">Pets</a></li>
<li><a href="/gateway.php?url=jewelry" title="Jewelry">Jewelry</a></li>
<li><a href="/gateway.php?url=electronics" title="Electronics">Electronics</a></li>
<li><a href="/gateway.php?url=personalitems" title="Personal Items">Personal Items</a></li>
<li><a href="/stolengateway.php" title="Stolen Items">Stolen Items</a></li>
<li><a href="/gateway.php?url=miscitems" title="Misc Items">Misc Items</a></li>
<li><a class="orange" href="/postfound/found1.php" title="Post Found Items">Post Found Items</a></li>
<li><a class="green" href="/postlost/lost1.php" title="Post Lost Items">Post Lost Items</a></li>
<li><a href="/advancedsearch.php" title="Advanced Search">Advanced Search</a></li>
<?php
if ($_SESSION['controller'] == true) {
?>
<li><a href="../forum/index.php" title="Forum">The Forum</a></li>
<?php
}
?>
</ul>
[/code]

and the css..

[code]
a:link.orange
{
color:#CC6633;
text-decoration:none;
background-color:#FFFFFF;
font-weight:bold;
}

a:hover.orange
{
text-decoration:underline;
}
[/code]