I am trying get the center column's shadow hovering above the left and right sidebars. My issue is I cannot get the center column in front of the right sidebar only. The left is fine. What I have done is added inner bars, width of 0 for each. I added text widgets in both, and set the background to transparent as well removed the borders. Is there a way to put the sidebars behind the center column?

My site: http://www.choosemyplan.com/sample-page

Thanks in advance for your help?

add a right inner sidebar like the left inner one

Thanks Juggledad...I had already done that. Does the "RIGHT INNER sidebar: Display on:" options have an effect on this? I currently have it only checked for "home page". I also set the width to 0 and made the background transparent.

Yes If you don't have it on for all the pages it won't show on those pages

So I have to ask - Why do you need 1474 lines of additional CSS in the CSS Inserts?

Great Question. I hired someone who did not complete the job, and now I am stuck with completing it...

I just downloaded a copy of the front page and deleted all the CSS in CSS inserts and it made very little difference to the look of the front page. I would copy all that content to a txt file and then start tweaking the look and feel. It may not help with your shadow issue but at least the code will be a lot cleaner.

Try adding the following to CSS Inserts

#middle {
    display: inline-block;
}

Imilesw...thanks for the response, that did the trick. How? or Why? I am not sure...Thank you very much!!

A lot of this stuff comes from fiddling. Glad it worked. Marking as solved.