@charset "UTF-8";
/* CSS Document */

h1, h2 { color: #0487c3; }

h1.yellow { color: #FFFF66; }

h3 { color: #000; border-color: #999; }

.blocker { background-color: #17A91B; }

.boxes { background-color: #0487c3; color: #FFFFFF;}

.bl {background: url(../rounded_corners/childrens/blx.gif) 0 100% no-repeat #17A91B; width: 100%; height: 35px;} /*added height of 35...see next line's comment*/
.br {background: url(../rounded_corners/childrens/brx.gif) 100% 100% no-repeat; height: 35px;} /*added height of 35 to make orange fill height after we positioned #departments and #departments_right divs*/
.tl {background: url(../rounded_corners/childrens/tlx_square.gif) 0 0 no-repeat} /* changed image to _square to get rid of rounded top*/
.tr {background: url(../rounded_corners/childrens/trx_square.gif) 100% 0 no-repeat; padding:10px} /* changed image to _square to get rid of rounded top*/
.clear {font-size: 1px; height: 1px}





.bl2 {background: url(../rounded_corners/childrens/bl2.gif) 0 100% no-repeat #17A91B; width: 100%;} 
.br2 {background: url(../rounded_corners/childrens/br2.gif) 100% 100% no-repeat;} 
.tl2 {background: url(../rounded_corners/childrens/tl2.gif) 0 0 no-repeat} 
.tr2 {background: url(../rounded_corners/childrens/tr2.gif) 100% 0 no-repeat; padding:10px} 


.staff_picks { border-bottom-color: #f6a73d; }