[chicgeek]

Hiya Chris.

Okay, here is your solution:
Contain the content of each half and provide it with an ID. For example.

<div id="blue">
blue half
<a href="#">link</a>
</div>

<div id="white">
white half
<a href="#">link</a>
</div>

The CSS will look something like this. The second section (Link Styles) is what you're most interested in.

/* Site Structure */
#blue {
  float: left;
  width: 300px;
  background-color: blue;
  }
#white {
  float: left;
  background-color: white;
  }

/*Link Styles*/
#blue a:link, #blue a:active, #blue a:visited {
  color: white;
  }
#blue a:hover {
  color: green;
  }
#white a:link, #white a:active, #white a:visited {
  color: blue;
  }
#white a:hover {
  color: red;
  }

Let me know how you fare. I'd rather you post here instead of emailing me, though. I'm sorry for being somewhat unreachable, but it's dissertation season.