Webpage looks good with tranparent boxes and photo background in live view but not in browsers

Question

If anyone has time to help I would be very grateful.   I am new to dreamweaver and am trying to make a webpage with transparent colums and boxed text using styles.  It looks perfect in "live view" but when I look at it in any browser all formatting is gone.  It looks like the background with text on top layed out wrapped across the entire page.   I have not been able to figure out what is wrong in days of searching.  Does anyone know the answer?
This first the format I want and is what it looks like in Live View, the second is what it looks like in most browsers.
Here is the code I used:
</style>
<link href="../styles/tcastyles.css" rel="stylesheet" type="text/css">
<style type="text/css">
body {
          background-image: url(bamboo.JPG);
          margin-left: 150px;
a:link {
          color: #600;
          text-decoration: none;
a:visited {
          text-decoration: none;
a:hover {
          text-decoration: none;
a:active {
          text-decoration: none;
          font-family: Verdana, Geneva, sans-serif;
          font-size: 12px;
          font-weight: bold;
a {
          font-size: 12px;
body,td,th {
          font-family: Verdana, Geneva, sans-serif;
.container .faqs h2 {
          line-height: 40px;
.container .faqs ul li {
          text-align: left;
.footer {
          padding: 5;
          position: relative;
          clear: both;
</style>
<div class="container">
  <div class="header"><span class="menutable"></span><img border="0" src="navigate_projects.jpg" width="307" height="167" usemap="#FPMap0" alt="The Conservation Agency - Project Menu" align="absmiddle" />
    <map name="FPMap0">
      <area shape="rect" coords="132, 112, 172, 127" href="asia.htm" alt="Asia" />
      <area shape="rect" coords="138, 92, 286, 110" href="west.htm" alt="Western Hemisphere" />
      <area shape="rect" coords="138, 73, 279, 89" href="flamingos.htm" alt="British Virgin Islands" />
      <area shape="rect" coords="131, 55, 249, 72" href="turkscaicos.htm" alt="Turks and Caicos" />
      <area shape="rect" coords="121, 35, 244, 52" href="newengland.htm" alt="Narragansett Bay" />
      <area shape="rect" coords="103, 17, 306, 32" href="coyote.htm" alt="Narragansett Bay Coyote Study " />
      <area shape="rect" coords="121, 128, 173, 144" href="pacific.htm" alt="Pacific" />
    </map>
  </div>
  <div class="menu">
    <table width="100%" border="0" align="center" id="menutable">
      <tr>
        <td height="30" align="center" valign="middle"><p><strong><a href="mission.htm">Mission</a></strong></p></td>
        <td height="30" align="center" valign="middle"><p><strong><a href="pubs.htm">Publications</a></strong></p></td>
        <td height="30" align="center" valign="middle"><p><strong><a href="projects.htm">Projects</a></strong></p></td>
        <td height="30" align="center" valign="middle"><p><strong><a href="opps.htm">Opportunities</a></strong></p></td>
        <td height="30" align="center" valign="middle"><p><strong><a href="sponsors.htm">Sponsors</a></strong></p></td>
        <td height="30" align="center" valign="middle"><p><strong><a href="coyote.htm">NBCS</a></strong></p></td>
        <td height="30" align="center" valign="middle"><p><strong><a href="guana.htm">Guana</a></strong></p></td>
        <td height="30" align="center" valign="middle"><p><strong><a href="tca.htm">Contact us</a></strong></p></td>
        <td height="30" align="center" valign="middle"><p><strong><a href="index.htm">Home</a></strong></p></td>
      </tr>
    </table>
  </div>
  <div class="banner">Narragansett Bay Coyote Study</div>
  <d/div>
      <div class="box739">
        <h3>What does NBCS Do?</h3>
        <p>Since 2004 The Narragansett Bay Coyote Study (NBCS) has been developing science-based coexistence and management strategies for our newest top predator.  Coyotes, originally a prairie species, have successfully colonized all parts of the continental and nearshore us in the past 100 years. They reached the islands of Narragansett Bay in the mid-1990s. Since then coyotes have become increasingly abundant and problematic in some island communities.</p>
        <p>In our history of cohabitation with coyotes people consistently  tried to eliminate them by hunting, trapping, and poisoning. Lethal removal  worked for individual problem animals but did not work as a population control strategy. Why? Coyotes have intrinsic physiological and behavioral abilities to control their own numbers. If coyotes are removed they increase reproduction and numbers rapidly rebound. The critical population regulation trigger is competition for food. As long as coyotes are well fed (with few coyotes competing for food) their populations will grow. </p>
        <p>It is also known that opposite effect occurs if coyotes if coyotes are stressed by competition for food. If there are too many coyotes competing for the food available coyotes will drop the the level sustainable by those resources.</p>
        <p>Understanding this relationship, NBCS scientists decided to study the resource use of coyotes on two islands in Narragansett Bay, Rhode Island. We used GPS tracking collars to find out where the coyotes were spending thier time. We theorized that if we could identify important coyote food resources - and control them - the coyotes would bring their own numbers down. NBCS calls this &quot;passive coyote management.&quot;</p>
        <p> Since 2005 when we trapped and collared our first island coyotes we have continually found that the most important food resources to our study are provided by people. That means they are within our control That means we can control coyotes. If we remove anthropogenic resources (human subsidies) coyote numbers will drop to the level sustainable by natural resources. When coyotes are sustained only by natural prey (mice, woodchucks, rabbits, geese, and deer) coyotes numbers will be lower and they will provide helpful pest control services. </p>
        <p>Based our scientific data NBCS generated a set of <a href="coyotes/Best Management Practices for Coexistence with Coyotes - Nov 8 2010.pdf" target="_new">Best Management Practices for Coexistence with Coyotes</a>- basically a toolbox for safe, sustainable, community coyote management. We are working with the towns in our study area to adopt the CBMPs and be the first community in the nation to successfully and sustainably manage coyotes. We also believe other cities and towns might be able to use our results as a template if they are experiencing coyote problems. We have only just begun to implement the CBMPs on our islands. We hope in the near future to have all our towns implementing the CBMPs - only then will we see the full impacts they make on coyote numbers and behavioral problems. You can follow our progress on this website.</p>
      </div>
      <div class="footer">
        <table width="100%" border="0" cellspacing="5">
          <tr>
            <td>Return to top</td>
            <td><a href="mailto:[email protected]">[email protected]</a></td>
          </tr>
        </table>
      </div>
    </div>
  </div>
  <p> </p>
</div>iv class="faqs">
    <h2>FAQs</h2>
    <ul>
      <li>How do coyotes control their own population numbers?</li>
      <li>bla bla bla</li>
    </ul>
  </div>
  <div class="content">
    <div class="clearbox">
      <div class="col1">
        <h3>Middletown Adopts the CBMPs and passes a No-Feeding Ordinance!</h3>
      </div>
      <div class="col2">
        <h3>Pilot, Java, and the Valley Pack</h3>
      <
And here are the styles:
.container {
          height: 1500px;
          width: 975px;
          border: 8px solid #660000;
          float: left;
.header {
          float: left;
          height: 170px;
          width: 975px;
          background-color: #033000;
.menu {
          background-color: #FFC;
          float: left;
          height: 30px;
          width: 975px;
          font-family: Verdana, Geneva, sans-serif;
          font-size: 9px;
          color: #660000;
          font-weight: bold;
          margin-bottom: 5px;
.table {
          font-family: Verdana, Geneva, sans-serif;
          font-size: 8px;
          font-weight: bold;
.banner {
          float: left;
          height: 100px;
          width: 739px;
          font-family: Verdana, Geneva, sans-serif;
          font-size: 37px;
          font-weight: bold;
          color: rgba(0,51,0,1);
          background-color: rgba(255,255,204,.7);
          text-align: center;
          line-height: 75px;
          border-radius: 5px;
          padding: 5px;
          margin: 5px;
.clearbox {
          float: left;
          height: auto;
          width: 760px;
.box739 {
          width: 739px;
          float: left;
          height: auto;
          background-color: rgba(255,255,204,.7);
          font-size: 12px;
          color: rgba(0,51,0,1);
          border-radius: 5px;
          padding: 5px;
          margin: 5px;
.faqs {
          float: right;
          height: 620px;
          width: 205px;
          font-family: Verdana, Geneva, sans-serif;
          font-size: 12px;
          font-style: normal;
          line-height: normal;
          overflow: scroll;
          background-color: rgba(255,255,204,.7);
          margin: 5px;
          border-radius: 5px;
          font-weight: bold;
          color: rgba(0,51,0,1);
          text-align: center;
.col1 {
          float: left;
          height: 500px;
          width: 359px;
          background-color: rgba(255,255,204,.7);
          font-size: 12px;
          border-radius: 5px;
          color: rgba(0,51,0,1);
          margin: 5px;
          padding: 5px;
.col2 {
          float: left;
          height: 500px;
          width: 359px;
          background-color: rgba(255,255,204,.7);
          font-size: 12px;
          border-radius: 5px 5px 5px 5px;
          color: rgba(0,0,0,1);
          padding: 5px;
          margin: 5px;
.footer {
          position:relative;
          clear: both;
          background-color: rgba(255,255,204,1);
          font-size: 12px;
          color: rgba(0,51,0,1);

Answer 1

Helo thanks for responding .  I think it uploads...  It says it does as an assocaiated file when I put to the website.  But that sounds like it is the issue. Those format commands seem to be the one it is ignoring.  I am not familiar with html but I see that the href command is what identifies the path to the file I call TCAStyles.  I notice that dw puts all my files in a local public file and the structure is different - with no public file - at the site.
I am not sure what the 2 dots in the href command mean - there is not a full path.  Is this command valid?  I will try to look into the directory structure on local and remote site and will check for files.