How can i change the CSS code of my header to my header template

[acast]

Hi, i have my banner in my style in the CSS, this is the code:

/* ***** SETS LOGO AREA FOUND IN HEADER AND ALL OF IT'S PROPERTIES ***** */
#logo {
background: url(enlighten/misc/header_logo.gif);
width: 470px;
height: 102px; 
float: left;
	margin: 0;
	padding: 0; 
}

/* ***** sets background for header area - No need to change this ***** */
#hdr {
background: #F7632F url(enlighten/misc/header_back.gif) ;
width: 100%;
height: 102px;
	margin: 0;
	padding: 0; 
}


/* ***** SETS HEADER RIGHT SIDE AREA FOUND IN HEADER AND ALL OF IT'S PROPERTIES ***** */
#hdr_rs {
background: url(enlighten/misc/header_rs.gif);
width: 34px;
height: 102px; 
float: right;
padding: 0; 
}

I need to put it in the header template because in the CSS are things and changes that i cant do, for example using the banners rotators. Anybody knows how can i adapt this code to the header template so my banners looks like they look with the code in the CSS?