hope working

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Rio Tanning 2.0</title>
<style>
@charset "UTF-8";
/* CSS Document */

.content {
    padding:8px;
    border-radius:10px;
    border:4px solid #000000;
    color: #FFF;
    font-size: 20px;
    text-align: center;
    border-style: solid;
    min-width:200px;
    margin:10px auto 5px;
}
.top {
    width:99%
}
.mid {
    width:600px
}
.footer {
    width:90%;
}
@charset"UTF-8";

/*the colour*/
 .white {
    background-color:white;
}
.green {
    background-color:#269999;
}
/* CSS Document */
 .header {
    width:90%;
    margin:0px auto;
    padding:min-width:600px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius: 20px;

}
.header h1 {
    font-size:30px;
    text-align:center;
    color:#FFF;
}
.body {
    margin:0px auto 10px;
    width:50%;
    min-width:600px;
    text-align:center;
    font-size:12px;
    height: auto;
}
.round {
    margin-top:15px;
    border-radius:10px;
    padding:2px;
    border: 1px;
}
.content {
    padding:8px;
    border-radius:10px;
    border:4px solid #000000;
    color: #FFF;
    font-size: 20px;
    text-align: center;
    min-width: 500px;

    margin: auto;
}
.footer {
    margin:0px auto;
    /* width:50%; */
    min-width:600px;
    font-size:10px;
}
.footer .copy {
    float:left;
    width:60%;
}
.footer .menu {
    float:right;
    width:60%;
}
.clear {
    clear:both;
    margin-top:6px;
    height:10px;
}
.navigation {
    text-align: center;
    color: #2E9999;
    font-family:"MS Serif", "New York", serif;
    font-size: 22px;
    margin-top:10px;
}
.contentMid{
    min-width:500px;
    width:60%;
    margin:0 auto;
}
</style>
</head>

<body>
<div class='header round ' style='background-color:#269999;'>
    <div class='content top' style='background-color:#269999;'>
         <h1><img src="http://www.riotanning.com/rio_tanning_2.0/images/riotanninglogobanner.png" width="700" height="160"></h1>

    </div>
</div>
<!-- You should put here -->
<div class='contentMid'>
<p class="navigation content">Products | Accessories | Contact US
    <br>
    <img src="http://www.riotanning.com/rio_tanning_2.0/images/blame_on_rio_thumb_whitebackground.jpg" width="317" height="443">
</p>
</div>

<div class='clear'></div>
<!-- put colour on below -->
<div class='footer round' >
    <div class='content footer' style='background-color:#269999;'>
        <!-- will not working because the height will be 0-->
        <div class='clear'></div>
         <h1>Test</h1>

    </div>
</div>
</body>
</html>