I'll just unload question upon question in this thread as they occur (and trust me they will occur).

Firstly, I'm making a webpage with an external stylesheet. I have a class called .bodyBackground which is supposed to display an image in a specific place and/or change the background colour for the page.

But the image doesn't display

Code:
.bodyBackground

background-image:url(http://forums.eyesonff.com/images/smilies/biggrin.gif);
	background-repeat:no-repeat;
	background-:bou::bou::bou::bou::bou::bou::bou::bou::bou::bou:left top;
	background-color:#FCDBE4;
}
I used the same code (not the background-color though) in a html file enclosed in a style tag. I can't use any style tags in the webpage for this assignment (because in the event that I change the style for one page, I'll have to do it for all others, and hypothetically in a webpage of 1000 files with the same style, stylesheet > style).

However nothing changes.....