Gradient footer background?

How can I make my footer a gradient? This is the site I’m working on: http://california-apmp.org/wp/
hank you
gary

this is the code I’m trying to emulate from our parent site (http://www.apmp.org/).

#FooterContentArea {
. 
 width: 85%;
. 
 background: #7ac142;
. 
 background: -moz-linear-gradient(top, #7ac142 0%, #5ea646 100%);
. 
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ac142), color-stop(100%,#5ea646));
. 
 background: -webkit-linear-gradient(top, #7ac142 0%,#5ea646 100%);
. background: -o-linear-gradient(top, #7ac142 0%,#5ea646 100%);
. background: -ms-linear-gradient(top, #7ac142 0%,#5ea646 100%);
. 
 background: linear-gradient(to bottom, #7ac142 0%,#5ea646 100%);
. filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=’#7ac142′, endColorstr=’#5ea646′,GradientType=0 );