[SOLVED] Where do I put CSS for Custom Widget Areas?

I am not so good but learning about php, css, and html

I searched this site for "CSS Widget" and could not find what I was looking for.

I would like to style individual widget areas I put below the header. I know how to do it with the ones that are standard.

Where do I put the CSS?

This is what I put in the Configure Header Area to define my new widget areas:

%logo %pages <?php bfa_widget_area('name=under-header&cells=4&width_1=146&align_1=9&align_2=9&wid th_2=500&width_4=190&align_4=2&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?>

website is www.warrentonmasters.org/Blog

Example: Where would I put the code to put a blue boarder around the cell 1?


Thanks in advance.