Photo will not be displayed!

OK, so im still a little green in this... Here is my site...      http://www.mmaamateurleaguereporter.info/

Why my photos do not show up... they all work very well when she found in the browser... but once I have download all photos and files on the server... it onley will show some and not all...

CODE FOR HOMEPAGE

< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
"< html xmlns ="http://www.w3.org/1999/xhtml' > <!-InstanceBegin template="/Templates/MMA.dwt ' codeOutsideHTMLIsLocked = 'false'->
< head >
< meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
<!-InstanceBeginEditable name = "doctitle"-->
Home < title > < /title >
<! - InstanceEndEditable - >
< style type = "text/css" >
<!--
{body
Police: 100% Verdana, Arial, Helvetica, without serif.
Background: #666666;
margin: 0; / * It is advisable to zero, the margin and the filling of the body to hold element has a different default browser * /.
padding: 0;
text-align: center; / * This centers the container in IE 5 * browsers. The text is then set left aligned by default in the #container selector * /.
Color: #000000;
background-color: #000;
background-image: url (019_2551x17022081.jpg);
background-repeat: repeat;
}
.twoColFixLtHdr #container {}
Width: 780px;
margin: 0 auto; / * margins (in conjunction with a width) auto Center the page * /.
border: 1px solid #000000;
text-align: left; / * This setting overrides the text-align: center on the body element. */
background-color: #FFFFFF;
}
.twoColFixLtHdr #header {}
background-color: #DDDDDD;
background-image: url(MMA-Header.png);
height: 150px;
padding-top: 0;
padding-right: 10px;
padding-bottom: 0;
padding-left: 20px;
}
.twoColFixLtHdr #header h1 {}
margin: 0; / * zero setting of the margin of the last element in the #header div tag will prevent the collapse of margin - inexplicable space between divs. If the div has a border around it, this isn't necessary, which also allows to avoid the collapse of margin * /.
padding: 10px 0; / * padding instead of margin will allow you to keep the edges of the div element * /.
}
{.twoColFixLtHdr #sidebar1}
float: left; / * because this element is floating, it takes a width * /.
Width: 200px; / * the background color will be displayed for the length of the content of the column, but no further * /.
padding: 15px 15px 20px 10px;
color: #FFF;
background-color: #000;
text-align: center;
}
{.twoColFixLtHdr #mainContent
margin: 0 0 0 250px; / on this div element left margin creates the column on the left side of the page - no matter how content div the sidebar1″ contains, the space of the columns will remain. You can remove this line if you want the #mainContent div text to fill the space of #sidebar1 when the content of #sidebar1 is complete. */
padding: 0 20px; / * Remember that the fill is space inside the box of div and margin is the space outside the div box * /.
text-align: center;
}
.twoColFixLtHdr #footer {}
padding: 10px 0 0 20px;
background-color: #000;
}
.twoColFixLtHdr #footer p {}
margin: 0; / * zero setting the margins of the first element in the footer will avoid the possibility of the collapse of the margin - a space between the div tags * /.
padding: 10px 0; / * padding on that element will create space, just as it would the margin, free margin collapse question * /.
background-color: #000;
}
.fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */
float: right;
left margin: 8px;
}
.fltlft {/ * this class can be used to float an element on your page to the left * /}
float: left;
right margin: 8px;
}
.clearfloat {/ * this class must be placed on an element div or break and should be the last item before closing a container should completely contain a float * /}
Clear: both;
height: 0;
font size: 1px;
line-height: 0px;
}
. Sidebar {}
text-align: left;
}
a: link {}
color: #FFF;
text-decoration: none;
}
a: visited {}
text-decoration: none;
color: #FFF;
}
a: hover {}
text-decoration: none;
Color: #F00;
}
a: active {}
text-decoration: none;
Color: #F00;
}
. P1 {}
text-align: left;
}
. P2 {}
text-align: left;
}
.twoColFixLtHdr #container #footer p {}
color: #FFF;
}
->
< / style > <!-[if IE 5] >
< style type = "text/css" >
/ * Place corrections for IE 5 css box model * in this conditional comment * /.
.twoColFixLtHdr #sidebar1 {width: 230px ;}}
< / style >
<! [endif]--> <!-[if IE] >
< style type = "text/css" >
/ * place patches css for all versions of Internet Explorer in this conditional comment * /.
.twoColFixLtHdr #sidebar1 {padding-top: 30px ;}}
.twoColFixLtHdr #mainContent {zoom: 1 ;}}
/ * the owner above zoom gives IE the hasLayout property, avoid several bugs * /.
< / style >
<! [endif]-->
<!-InstanceBeginEditable name = "head"->
< style type = "text/css" >
<!--
.twoColFixLtHdr #container #mainContent div {}
text-align: left;
}
->
< / style >
<! - InstanceEndEditable - >
< / head >

< body class = "twoColFixLtHdr" >

< div id = "container" >
< div id = "header" >
< h1 > < / h1 >
<!-end #header--> < / div >
< div id = "sidebar1″" >
< h3 > < a href = "Index.html" > NEWS < /a > < / h3 > ""
< h3 > < a href = "Upcomingevents.html" > NEXT EVENTS < /a > < a href = "/ Contact.html ' > < / has > < / h3 >".
< class p = "sidebar" > < img src = "naga.jpg" alt = "NAGA" width = "196" height = "98" hspace = "2" hspace = "2" / > < / p > "
< class p = "sidebar" > < img src = "TITLE_MMA_logo.jpg" alt = "Title" width = "192" height = "120" hspace = "2" hspace = "2" / > < / p > "
< class p = "sidebar" > < img src = "warriorwear.jpg" alt = "Warrior Wear" width = "194" height = "194" hspace = "2" hspace = "2" / > < / p > "
< class p = "sidebar" > < img src = "5150 features" alt = "5150" width = "194" height = "146" hspace = "3" hspace = "10" / > < img src = "Functional Fitness.jpg" width = "196" height = "194" alt = "TEAM D" / > < / p >
< class p = "sidebar" > < img src = "SportFightingNews.jpg" width = "202" height = "75" alt = "combat Sport News" / > < / p > "
<!-end # sidebar1″--> < / div >
< div id = "mainContent" >
< h1 > <!-InstanceBeginEditable name = "Heading 1"-> FIGHTERS WELCOME! <! - InstanceEndEditable - > < / h1 >
<! - InstanceBeginEditable name = "Paragraph 1" - >
< div >
< p > welcome on our new website www.mmaamateurleaguereporter.infomagazine. We are a collective group of MMA fighters, trainers, coaches, judge, developers, game makers and die hard fans. The original Internet magazine was started by Woody Woodham the weekend of March 14, 2009 to www.myspace.com/mmamwalrpr, since this time together, we have covered and reported more than 37 Amateur or pro-am MMA competition events in the States of Missouri, Illinois, Arkansas, < span id = "lw_1264282998_2" > Oklahoma </span > and < span id = "lw_1264282998_3" > </span > Iowa.  Last year (due to funding) we were able to do some training college covers (10). And although the majority of our covers have been repeatedly for the same companies for the promotion of MMA, for 2010, we want to (with your help) change this out and covering several and different promotional events throughout all the < span id = "lw_1264282998_4" > </span > Midwest instead of just a few States of the Midwest. < /p >
< p > < br / >
Our first coverage of the event was planned for 9 Jan in Des Moines, Iowa, but due to bad weather, we were forced to cancel. The second event planned for Jan. 16 in Tulsa, Oklahoma (LEAGUE of COMBAT 5150 AND XFL) has been completed and that the story must be filled out and sent the < span id = "lw_1264282998_5" > Tuesday 26 Jan </span > this site only. (the pictures and the results of the struggle have been posted on our myspace page) < br / >
Our third event coming this weekend were confirmed on January 23 for THE FIGHT FACTORY Aaron Essery to Marrion (Illinois) and we'll be there, hopefully some of you will be too! We also have two of our correspondents will be also placed on events in Texas - Cam Buchanan and Michigan-Brian Troutman and Lydia Kauppi. Through ourselves and our correspondents, we have events scheduled through February in the States of Missouri, Illinois, Michigan, Indianna, < span id = "lw_1264282998_6" > </span >, Louisiana and Nebraska Texas. All these guarantees are made possible by and through sponsorships of the promoters themselves, and we thank all of them for their invitations and sponsorships which allows us to present these blankets of events for you fans, so come out and support your local promoters and fighters. "Currently, we put our schedule together for March through the end of the year, if you are interested in having your event covered by our magazine, please contact us for our sponsorship package information to < a href ="mailto:[email protected]"target ="_blank"rel ="nofollow"ymailto ="mailto:[email protected] "> < span id ="lw_1264282998_7">[email protected]</span > < /a > < /p >
< / div >
< div > for 2010, we also plan to put the book Pocket real DISTRIBUTED FREELY (by and through events, training schools and places of business of our advertiser) magazine in publication by < span id = "lw_1264282998_8" > June 2010 </span > and at the present time we put together a 12 printed page who we wish to have loan mailed to potential customers of advertising by < span id = "lw_1264282998_9". > March 15, 2010 </span >. We need listing templates to help to fill some empty places, that we can be allowed to demonstrate our formats and styles; We offer, for a one time payment, three months of free advertising in the magazine and three months of free (linked) space of banner on this website. (a $35,00 per month) We have many locations of advertising of different size, at very reasonable prices available, starting at $35.00 per month and we also have our own design of the graphic designer, who will help you in the construction of your ad, with unlimited revisions at no extra cost. < br / >
If you can be interested in advertising with our magazine please contact Woody for more information on the phone: < span id = "lw_1264282998_10" > (636) 586 - 8519 </span >. < / div >
< class p = "p1" > < / p >
<! - InstanceEndEditable - >
< h2 > <! - InstanceBeginEditable name = 'Title 2' - > <! - InstanceEndEditable - > < / h2 >
<! - InstanceBeginEditable name = 'Paragraph 2' - >
< class p = "p2" > < / p >
<! - InstanceEndEditable - >
<!-end #mainContent--> < / div >
<!-this element of compensation should immediately follow the #mainContent div in order to force the #container div to contain all the child floats--> < br class = 'clearfloat' / >
< div id = "footer" > <!-InstanceBeginEditable name = "Footer"->
< /P > < p > COPYRIGHT 2010
<! - InstanceEndEditable - >
<!-end #footer--> < / div >
<!-end #container--> < / div >
< / body >
<! - InstanceEnd - > < / html >

CODE FOR THE UPCOMING EVENTS PAGE

< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
"< html xmlns ="http://www.w3.org/1999/xhtml' > <!-InstanceBegin template="/Templates/MMA.dwt ' codeOutsideHTMLIsLocked = 'false'->
< head >
< meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
<!-InstanceBeginEditable name = "doctitle"-->
< title > < /title > upcoming events
<! - InstanceEndEditable - >
< style type = "text/css" >
<!--
{body
Police: 100% Verdana, Arial, Helvetica, without serif.
Background: #666666;
margin: 0; / * It is advisable to zero, the margin and the filling of the body to hold element has a different default browser * /.
padding: 0;
text-align: center; / * This centers the container in IE 5 * browsers. The text is then set left aligned by default in the #container selector * /.
Color: #000000;
background-color: #000;
background-image: url (019_2551x17022081.jpg);
background-repeat: repeat;
}
.twoColFixLtHdr #container {}
Width: 780px;
margin: 0 auto; / * margins (in conjunction with a width) auto Center the page * /.
border: 1px solid #000000;
text-align: left; / * This setting overrides the text-align: center on the body element. */
background-color: #FFFFFF;
}
.twoColFixLtHdr #header {}
background-color: #DDDDDD;
background-image: url(MMA-Header.png);
height: 150px;
padding-top: 0;
padding-right: 10px;
padding-bottom: 0;
padding-left: 20px;
}
.twoColFixLtHdr #header h1 {}
margin: 0; / * zero setting of the margin of the last element in the #header div tag will prevent the collapse of margin - inexplicable space between divs. If the div has a border around it, this isn't necessary, which also allows to avoid the collapse of margin * /.
padding: 10px 0; / * padding instead of margin will allow you to keep the edges of the div element * /.
}
{.twoColFixLtHdr #sidebar1}
float: left; / * because this element is floating, it takes a width * /.
Width: 200px; / * the background color will be displayed for the length of the content of the column, but no further * /.
padding: 15px 15px 20px 10px;
color: #FFF;
background-color: #000;
text-align: center;
}
{.twoColFixLtHdr #mainContent
margin: 0 0 0 250px; / on this div element left margin creates the column on the left side of the page - no matter how content div the sidebar1″ contains, the space of the columns will remain. You can remove this line if you want the #mainContent div text to fill the space of #sidebar1 when the content of #sidebar1 is complete. */
padding: 0 20px; / * Remember that the fill is space inside the box of div and margin is the space outside the div box * /.
text-align: center;
}
.twoColFixLtHdr #footer {}
padding: 10px 0 0 20px;
background-color: #000;
}
.twoColFixLtHdr #footer p {}
margin: 0; / * zero setting the margins of the first element in the footer will avoid the possibility of the collapse of the margin - a space between the div tags * /.
padding: 10px 0; / * padding on that element will create space, just as it would the margin, free margin collapse question * /.
background-color: #000;
}
.fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */
float: right;
left margin: 8px;
}
.fltlft {/ * this class can be used to float an element on your page to the left * /}
float: left;
right margin: 8px;
}
.clearfloat {/ * this class must be placed on an element div or break and should be the last item before closing a container should completely contain a float * /}
Clear: both;
height: 0;
font size: 1px;
line-height: 0px;
}
. Sidebar {}
text-align: left;
}
a: link {}
color: #FFF;
text-decoration: none;
}
a: visited {}
text-decoration: none;
color: #FFF;
}
a: hover {}
text-decoration: none;
Color: #F00;
}
a: active {}
text-decoration: none;
Color: #F00;
}
. P1 {}
text-align: left;
}
. P2 {}
text-align: left;
}
.twoColFixLtHdr #container #footer p {}
color: #FFF;
}
->
< / style > <!-[if IE 5] >
< style type = "text/css" >
/ * Place corrections for IE 5 css box model * in this conditional comment * /.
.twoColFixLtHdr #sidebar1 {width: 230px ;}}
< / style >
<! [endif]--> <!-[if IE] >
< style type = "text/css" >
/ * place patches css for all versions of Internet Explorer in this conditional comment * /.
.twoColFixLtHdr #sidebar1 {padding-top: 30px ;}}
.twoColFixLtHdr #mainContent {zoom: 1 ;}}
/ * the owner above zoom gives IE the hasLayout property, avoid several bugs * /.
< / style >
<! [endif]-->
<!-InstanceBeginEditable name = "head"->
<! - InstanceEndEditable - >
< / head >

< body class = "twoColFixLtHdr" >

< div id = "container" >
< div id = "header" >
< h1 > < / h1 >
<!-end #header--> < / div >
< div id = "sidebar1″" >
< h3 > < a href = "Index.html" > NEWS < /a > < / h3 > ""
< h3 > < a href = "Upcomingevents.html" > NEXT EVENTS < /a > < a href = "/ Contact.html ' > < / has > < / h3 >".
< class p = "sidebar" > < img src = "naga.jpg" alt = "NAGA" width = "196" height = "98" hspace = "2" hspace = "2" / > < / p > "
< class p = "sidebar" > < img src = "TITLE_MMA_logo.jpg" alt = "Title" width = "192" height = "120" hspace = "2" hspace = "2" / > < / p > "
< class p = "sidebar" > < img src = "warriorwear.jpg" alt = "Warrior Wear" width = "194" height = "194" hspace = "2" hspace = "2" / > < / p > "
< class p = "sidebar" > < img src = "5150 features" alt = "5150" width = "194" height = "146" hspace = "3" hspace = "10" / > < img src = "Functional Fitness.jpg" width = "196" height = "194" alt = "TEAM D" / > < / p >
< class p = "sidebar" > < img src = "SportFightingNews.jpg" width = "202" height = "75" alt = "combat Sport News" / > < / p > "
<!-end # sidebar1″--> < / div >
< div id = "mainContent" >
< h1 > <!-InstanceBeginEditable name = "Heading 1"-> NEXT EVENTS <! - InstanceEndEditable - > < / h1 >
<! - InstanceBeginEditable name = "Paragraph 1" - >
< class p = "p1" > < img src = "Cage Championships.jpg' alt ="cage fields"width ="300"height ="450"hspace ="100"hspace ="10"align ="absmiddle"/ > < img src ="Cage Master.jpg"alt ="cagemaster"width ="311"height ="400"hspace ="95"hspace ="10"/ > < img src ="Cam Buchanan.jpg"alt ="Cam"width ="300"height ="395"hspace ="100"hspace ="10"/ > < img src =" mercenary MMA 1-22 - 10.jpg "alt ="Mercenaries MMA"width ="300"height ="462"hspace ="100"hspace ="10"/ > < / p >
<! - InstanceEndEditable - >
< h2 > <! - InstanceBeginEditable name = 'Title 2' - > <! - InstanceEndEditable - > < / h2 >
<! - InstanceBeginEditable name = 'Paragraph 2' - >
< class p = "p2" > < / p >
<! - InstanceEndEditable - >
<!-end #mainContent--> < / div >
<!-this element of compensation should immediately follow the #mainContent div in order to force the #container div to contain all the child floats--> < br class = 'clearfloat' / >
< div id = "footer" > <!-InstanceBeginEditable name = "Footer"->
< /P > < p > COPYRIGHT 2010
<! - InstanceEndEditable - >
<!-end #footer--> < / div >
<!-end #container--> < / div >
< / body >
<! - InstanceEnd - > < / html >

PLEASE HELP ME!