Css3 background image fails

HTML & CSS
7

My old site is still on line (Propertieswithstyle.com)and I wish to do a major cleanup job with html5 and CSS3
Death shadow helped me with it before, however I’ve banged it up quite a bit.
Here is my tree . . .
C;/mydesign/css/images/

Hello everyone

Sorry to be so lame with this but I’ve forgotten what little I knew about html and css.

I tried creating my old site using wordpress but that was hysterical!

So here is what I have.

All of my site construction is on my computer.

Path= C:/mydesign/css/images/and a few others

Here is a top portion of my Index.html page

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en" />
<meta name="keywords" content="HTML,CSS,XML,JavaScript" />
<meta name="description" content="search south orange county real estate homes for sale, local real estate broker agent,local real estate office company, local real estate knowledge" />

<link
type="text/css"
rel="stylesheet" 
href="css/homepage.css"
media="screen,projection,tv" />

	<title>
		"Properties With Style, Inc. Residential Homes for Sale"
	</title>

	<script type="text/javascript"
        src="css/scripts/slideshow.js"
	></script>

	</head><body>

	<div id="<#pageWrapper">

		
			<link rel="stylesheet" type="text/css"
          href="https://fonts.googleapis.com/css?family=Tangerine">
  
	<content>
	
	<div id="sideBar">

  	<ul id="mainMenu">

And here is a portion of my homepage.css

@charset "utf-8";
/* CSS Document */

/* null margins and padding to give good cross-browser baseline */
html,body,address,blockquote,div,
form,fieldset,caption,
h1,h2,h3,h4,h5,h6,
hr,ul,li,ol,ul,
table,tr,td,th,p,img {
	margin:0;
	padding:0;
}

img,fieldset {
	border:none;
}

hr {
	display:none;
}

body {
	font:normal 100%/150 verdana,geneva,helvetica,sans-serif;
	color:#4DF;
	background-image: c:/mydesign/css/images:("blueleftfade.png"); top left repeat-y;
    background-color: lightblue;
}
	
#pageWrapper {
	min-width:420em;
	max-width:100em;
}

#sideBar {
	float:left;
	width:180px;
	padding-top:1em;

Nothing I’ve tried has allowed me to get my background image to appear on any pages.

Please remember I’ve never fully understood the most basic css and html hieroglyphics of the whole thing but I started hearing about HTML 5 and CSS3 so I decided to try it again.

Oh, one more thing. I suppose I need to have a blog as Im in the residential real estate business.

I have no clue about that.

I really appreciate your help.

Rick