How to add image background to the top and at the bottom?

I have the following code as css and would like to add image to the top, bottom of my designed page. I kindly aks you how to add two images as there is currenty white space top and bottom.

Regards and thank you ?

Code is the following:

[code=html]

*
{
margin:0;
padding: 0;
}

#container
{
background-color: #678FC2;
}

#main
{
width: 955px;
margin: 0 auto;
font-size: 80%;
color: #54628a;
background-color: #FFFFFF;
line-height: 1.5em;
text-align: left;
}

body
{
font-family: Arial, Helvetica, sans-serif;
text-align: left;
font-size: 100%;
padding-top: 20px;
padding-bottom: 20px;
background-position: center;
}
[/code]

Also in #CSS _↴