It's funny how this forum uses raised edges for the border of the main content because that is exactly the look i was going for on my page. Thus I've tried to mirror some of the features. I built a gradiant image of the same dimensions as theirs and I've wrapped the mainWrapper div in tpl_main_page.php file with a table with one row and three cells. I've pretty much mirrored the css this site is using with some minor tweaks.

If anyone can help that'd be great. I hope it's not bad coding to try and use this forum page as an example. here's some code snippets:

<table align="center">
<tr>
<td class='mainleft' height="30px" valign="top">QWER</td>
<td align="center">
<div id="mainWrapper"> ....
body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
background-color: #B3C5B3;
}

.mainleft {
background-image: url(images/border-edge-left.gif);
background-repeat: repeat-y;
background-position: top right;
height: 30px;
width: 100%;
}

.mainright {
background-image: url(images/border-edge-right.gif);
background-repeat: repeat-y;
background-position: top left;
height: 30px;
width: 100%;
}