#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 1024px;
	background: url("images/background_cols.gif") repeat;
	a:link {color: #FFFFFF; text-decoration: underline; }
}

#header {
	margin: 0 0 15px 0;
	background: white;
		color: black;
}

#side-a {
	float: left;
	width: 325px;
}

#side-b {
	float: right;
	width: 200px;
}

#content { 
	float: left;
	width: 48%;  	
  text-align:left;
	color: black;
	A:visited {text-decoration: none; color: blue;}
}

#footer {
	clear: both;
	width:100%;
	height:50px;
	background: #A2A2A2;
	text-align:center;
	color: white;
}


 /* set millions of background images */
.rbroundbox { background: url(images/nt.gif) repeat; }
.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
color: white;





}
.rbcontent { margin: 0 7px; 	color: white;}
.rbroundbox { width: 98%; margin: 1em auto; }


<style type="text/css">
A:link {text-decoration: none color:black;}
A:visited {text-decoration: none; color: white;}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: red;}


a.white:link {color: #FFFFFF; background: #ffffff;}
a.white:active {color: #FFFFFF; background: #ffffff;}
a.white:visited {color: #FFFFFF; background: #ffffff;}
a.white:hover {color: #FFFFFF; background: #ffffff;}

a.blue:link {color: #0000FF; background: #ffffff;}
a.blue:active {color: #0000FF; background: #ffffff;}
a.blue:visited {color: #0000FF; background: #ffffff;}
a.blue:hover {color: #0000FF; background: #ffffff;}



</style>