A stylesheet needs to be selected for upload when a template is added to the CMS. This should be a single stylesheet that is used for all the styles within the template. It should also include any styles that you want to overwrite that may be used within the system, for example, the default navigation styles.
Any images referenced within the stylesheet that will be included as part of the template should be referenced using a relative folder called 'images' in the format url(images/imagename.ext) where the imagename.ext is the image name with the correct extension.
Note: the folder name and location is important. For example, to set a background image on an element with ID image-example use the following code:
#image-example { background-image: url(images/bg1.jpg) }
If more than one stylesheet is required (for example, a print stylesheet) then this can be embedded in the head section. For example:
<style type="text/css" media="print">
body {background-color:#fff;}
</style>