Here's the html code:
<div id="container">
<div id="main">
<div id="topBar">
</div>
<div id="otherContent">
<ul id="navlist">
<li><a href="#" class="linkTop harley">Harley Bear</a></li>
<li><a href="#" class="linkTop hoot">Hoot the Owl</a></li>
<li><a href="#" class="linkTop philbert">Philbert the Squirrel</a></li>
<li><a href="#" class="linkTop dray">Dray the Draggonfly</a></li>
</ul>
<h1 id="wicb">What is Club Blazer?</h1>
<p>This summer, Thousand Trails is launching a new children's program called Club Blazer. It is designed to be fun, educational and rewarding for young campers. Club Blazer features a unique group of animal characters called the Trail Team. Led by Walker Wolf, the Trail Team is dedicated to protecting Thousand Trails Resorts. The unique Trail Team characters share with kids the importance of being a smart, conscientious camper. The Trail Team creatures symbolize Thousand Trails commitment to improving recreational activities, playing safely, encouraging energy conservation and acting as good stewards of our natural resources. </p>
<p>Kids will enjoy the puzzles and activities in an interactive, 12-page illustrated booklet that will be handed to them upon check-in by the ranger. These booklets can be available at the recreation and sales office, store or the most suitable alternate location at each preserve.</p>
<!--
<p>
To kick off this new program, Club Blazer is hosting a national coloring contest beginning July 1st and running for a 1 month period. Winning entries will be selected at each preserve in three age groups: 4 to 7, 8 to 11 and 12 to 16. The selected entry will then go on to a regional competition for a chance at being named The Ultimate Trailblazer. Select winners will also be honored on the Thousand Trails website and in TrailBlazer magazine. Ultimate winners will be provided a custom 3 night rental accommodation package with many extras such as free boat rentals, video rentals, fishing tags, meals up to 6 persons, and much more depending on the resort of their choice.</p>-->
<p>To become a Club Blazer Member, applicants will need to fill out the application and sign the Trailblazer code. Applications will then be processed on-line by a recreation staff member at the resort level. The applicant will then be provided a membership certificate immediately. This information that will go into a database for new promotions and on-going Club Blazer information as the program evolves. </p>
</div>
<div id="spacerDog"> </div>
<div id="special">
<h2><a href="color.htm">National Coloring Contest - Click here for details!</a></h2>
</div>
</div>
<div id="footer">
<p>© 2007 Copyright Thousand Trails, LP <br />
3801 Parkwood Blvd. Suite 100 • Frisco, TX 75034</p>
</div>
</div>
and the css:
html, body {
height: 100%;
}
h2 {
margin:0;
padding:0;
}
body {
margin:0;
padding:0;
background-color:#8B8C87;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
#container {
min-height:100%;
background:url(images/backLineReal.jpg) repeat-y;
width:800px;
margin: 0 auto;
position:relative;
}
#main {
background:url(images/realHeader.jpg) no-repeat;
width:800px;
height:467px;
}
#topBar {
height:220px;
width:780px;
float:right;
position:relative;
}
#otherContent {
font-size:14px;
clear:right;
text-align:justify;
width:372px;
float:right;
position:relative;
right: 50px;
}
#footer {
width:740px;
margin:0 auto;
text-align:center;
clear:both;
font-size:12px;
padding:10px 0;
}
#navlist {
list-style-type:none;
margin:0;
padding:0;
height:110px;
}
#navlist li {
display:inline;
text-indent:-9999px;
}
.linkTop {
float:left;
width:93px;
height:121px;
}
.harley {
background:url(images/link_harley.jpg) bottom center no-repeat;
}
.hoot {
background:url(images/link_hoot.jpg) bottom center no-repeat;
}
.philbert {
background:url(images/link_philbert.jpg) bottom center no-repeat;
}
.dray {
background:url(images/link_dray.jpg) bottom center no-repeat;
}
#navlist li a:hover {
background-position: top center;
}
#wicb {
background:url(images/wicb.jpg) no-repeat;
width:305px;
height:85px;
text-indent:-9999px;
}
#spacerDog {
width:365px;
height:250px;
float:left;
}
#special a {
text-indent:-9999px;
background:url(images/contest.jpg) no-repeat;
width:320px;
height:419px;
float:left;
position:relative;
left:40px;
clear:left;
}