Css Not Displaying On My Webpage

I have just uploaded my html squeeze page to my website via file manager in cpanel. That's lovely. But what's happening is, the "page" is not displaying my css or background images even tho I have uploaded the css file and images to the same folder as my html page.
The funny thing is, when I just "open" from the desktop my html page into my browser, EVERYTHING is displaying correctly. Here is my css:



#contentContainer {
background:url(images/mid.png) repeat-y;
width:802px;
border:none;
}

#contentTop, #contentBottom {
width:802px;
margin:0;
}

#contentTop {
background:white url(images/top.jpg) no-repeat; height: 73px;
}

#contentBottom {
background:white url(images/bot.jpg) no-repeat; height: 81px;
}




h1, h2, h3, h4 {
letter-spacing: -1;
font-weight: bold;
text-align: center;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

h1 {
font-size:19pt;
color:#ce0000;
text-transform: capitalize;
}

h2 {
font-size:16pt;
color:#000000;
text-transform: capitalize;
}

h3 {
font-size: 15pt;
font-weight: bold;
margin: 0;
color: #ce0000;
text-transform: capitalize;
}
h4 {
font-size:15px;
margin:0;
margin-left:15%;
margin-right:15%;
}

body {
font-family:Verdana, Arial;
font-size:14px;
}



td {
font-family:Verdana, Arial;
font-size:12px;
}



#content {

text-align:left;
width:600px;
}

#ad {
text-align:center;

background-color:white;
border:gray solid 2px;
padding:10px;

float:right;
font-family:Tahoma;

width:220px;
top:100px;
right:0;
z-index:2000;

font-size:12px;
display:block;

position:absolute;
position:fixed;

}



.censored {
background-color:black;
color:black;
}

.timetable { font-size:17px; background-color: black; }
.timetable td { background-color:white; }
.timetable .header {
background-color:red;
color:white;
font-size:12px;
}
.today td {
background-color:yellow;
}
.tablePrice { text-align:center; }
.tableDay small { font-size:14px; }

#paypalButton {
font-family:Tahoma, Verdana, Arial;
font-size:17px;
font-weight:bold;

cursorointer;
cursor:hand;
}

.orderPanel, #orderPanel, blockquote {
width:500px;
text-align:left;
border:navy dashed 2px; background-color:#d9e4ef;
padding:5px;
font-size:13px;
}
.small {
width:350px;
}

blockquote {
margin-left:100px;

width:400px;

padding:5px;
background-color:#d9e4ef;

border-top: #0000cc solid 1px;
border-left:#0000cc solid 1px;
border-right:#000033 solid 1px;
border-bottom:#000033 solid 1px;
}

blockquote h1 {
color:navy;
font-size:17px;
}
blockquote h2 {
font-size:14px;
letter-spacing:0;
}
blockquote img {
border:solid 1px;
}

.side blockquote {
text-align:left;
background-color:#d9e4ef;
width:200px;
}
.side blockquote p {
font-size:11px;
}

li {
margin:10px;
}

.runtime {
text-align:right;
font-style:italic;
font-size:12px;
}

.headshot {
float:right;
text-align:right;
border:black solid 1px;
margin-left:25px;
}

.highlight {
background-color:yellow;
color:black;
}

 

Are you including the css file in your header?

ie:
<link rel="stylesheet" href="locationto/yourcssfile.css" />

Edit: or if just defining CSS for that page make sure it's within style tags.

 

If you have problem only with the images be sure that you upload your images in automatic mode.Use filezilla

 

thank you for the responses. So Albcoder I must upload my images using FTP over manually with file manager in cpanel? Sorry but what is "automatic mode?" exactly..

@Kulik here is my header:
<title>Mind Experiments</title> <!-- Main stylesheet for the layout --> <link href="style.css" rel="stylesheet" type="text/css">

 

@Albcoder, thanks so much! You solved it for me.