Widgeted footer area

[nex]

Im following studio press tip for widgeted footer area.

I need some help for step 2

In my style css for footer i find code

#footer {
background: #93BBBC url(images/topnav.png);
width: 960px;
height: 30px;
margin: 0px;
padding: 0px;
text-align: center;
}

#footer p {
color: #FFFFFF;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
margin: 0px;
padding: 9px 0px 0px 0px;
}

#footer a, #footer a:visited {
color: #FFFFFF;
text-decoration: none;
}

#footer a:hover {
color: #FFFFFF;
text-decoration: underline;
}

Where do i need to put all that long code ? Where it begins and where it ends inside this code or i need to overwrite that code with new one ?

Tnx for any help