css conflict

[bat3]

Sorry I'm lost here. I look at the dropdown list of the style manager but I get lost as to where I add the css code section of my header and footer.

--------------- Added [DATE]1217946731[/DATE] at [TIME]1217946731[/TIME] ---------------

Here is the css for the header:

header {
CLEAR: both;
MARGIN: 0px auto;
BORDER-BOTTOM: #48525b 2px solid;
POSITION: relative;
HEIGHT: 3em;
background-color: #48525b;
background-image: url(../images/bg/header.gif);
background-repeat: repeat-x;
background-position: left bottom;
}
#header IMG {
LEFT: 10px; POSITION: absolute; TOP: 5%
}
#header UL {
FLOAT: right;
padding: 0px;
margin-top: 1.5em;
margin-right: 0.5em;
margin-bottom: 0px;
margin-left: 0px;
}
#header UL LI {
DISPLAY: inline; LIST-STYLE-TYPE: none
}
#header UL LI A {
BORDER-RIGHT: #4d5760 1px solid; PADDING-RIGHT: 1em; PADDING-LEFT: 1em; FLOAT: left; PADDING-BOTTOM: 0px; FONT: 400 1.1em/1em arial, sans-serif; COLOR: #fff; PADDING-TOP: 0px; LETTER-SPACING: 0.1em
}
#header UL LI A.last {
PADDING-RIGHT: 0px; BORDER-RIGHT-WIDTH: 0px
}
#header UL LI A:hover {
COLOR: #a8c9dc
}
#headerImg {
HEIGHT: 169px;
background-image: url(../images/beach_banner.jpg);
background-repeat: no-repeat;
background-position: left top;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;

and here is the css for the footer:

#footer {
CLEAR: both; MARGIN-TOP: -5em; FLOAT: left; WIDTH: 100%; HEIGHT: 5em
}
#footer #bg {
MARGIN: 0px auto;
POSITION: relative;
HEIGHT: 6em;
background-color: #49525b;
background-image: url(../images/bg/footer.gif);
background-repeat: repeat-x;
background-position: left bottom;
}
#footer #bg UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 2em 0.5em 0px 0px; PADDING-TOP: 0px
}
#footer #bg UL LI {
DISPLAY: inline; LIST-STYLE-TYPE: none
}
#footer #bg UL LI A {
BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 1em; PADDING-LEFT: 1em; FLOAT: left; PADDING-BOTTOM: 0px; FONT: 400 1em/1em arial, sans-serif; COLOR: #ccc; PADDING-TOP: 0px; LETTER-SPACING: 0.1em
}
#footer #bg UL LI A.last {
PADDING-RIGHT: 0px; BORDER-RIGHT-WIDTH: 0px
}
#footer #bg UL LI A:hover {
COLOR: #a8c9dc
}
#footer #bg IMG {
LEFT: 10px; POSITION: absolute; TOP: 6%