<!DOCTYPE html>
<!-- Created with Adobe(R) technology -->
<html>
  <head>
    <meta charset="utf-8"> </meta>
	<title>Welcome Screen</title>
    <link href="start_content.css" type="text/css" rel="stylesheet"></link>
	<script type="text/javascript" src="start_content.js"></script>

  </head>
  <body onLoad="loadXMLData()">
    <div id="container">
      <img src="resources/images/banner@2x.png" width="700px" height="104px"></img>
      <div id="content">
        <table id="content_table" width="700px" border="0" cellspacing="0px">
          <tr>
            <th scope="col" width="209px"></th>
            <th scope="col" width="262px"></th>
            <th scope="col" width="218px"></th>
          </tr>
          <tr>
            <td id="recent_items">
            	<p> </p>
            	<p> </p>
            	<p> </p>
				<p> </p>
            	<p> </p>
            	<p> </p>
                <p> </p>
            	<p> </p>
                <p> </p>
            </td>
            <td id="new_items">
				<div id = "parent" class = "fileicons">
				<div class = "top_images">
				<div class = "image"><img><p></p></div>
				<div class = "image"><img><p></p></div>
				<div class = "image"><img><p></p></div>
				<div class = "image"><img><p></p></div>
				</div>
				<div class = "second_images">
				<div class = "image"><img><p></p></div>
				<div class = "image"><img><p></p></div>
				<div class = "image"><img><p></p></div>
				<div class = "image"><img><p></p></div>
				</div>				
				<div class = "bottom_images">
				<div class = "image"><img><p></p></div>
				<div class = "image"><img><p></p></div>
				<div class = "image"><img><p></p></div>
				</div>	
				</div>
            </td>            
            <td id="video_items">
            	<div class = "videos">
                    <h1></h1>
				    <p></p>
                </div>
				<div class = "videos">
                    <h1></h1>
				    <p></p>
                </div>
            </td>
          </tr>
        </table>
	  </div>
	 </div>
 </body>
</html>