DH Templates - I need help building this CSS template...?

I need help building this CSS template...?

Here is a really basic idea of what I need: http://i138.photobucket.com/albums/q258/talulahistwee/css.gif I can change text and colors, but I need help with the template. Is anyone willing to help me? Thanks :)

Public Comments

You might need to make a few small changes to the css to make it look exactly like the one you want but its pretty darn close (I was in a hurry) Html part of the page: <html> <head> <title>Yourpage</title> <link type="text/css" rel="stylesheet" href="test.css" /> </head> <body> <div id="sidebar"> <p> <a href="www.yahoo.com" class="navigation">Home</a> <a href="www.yahoo.com" class="navigation">News</a> <a href="www.yahoo.com" class="navigation">Artists</a> <a href="www.yahoo.com" class="navigation">Releases</a> <a href="www.yahoo.com" class="navigation">Shows</a> <a href="www.yahoo.com" class="navigation">Shop</a> <a href="www.yahoo.com" class="navigation">Contact</a> <a href="www.yahoo.com" class="navigation">Links</a> <a href="www.yahoo.com" class="navigation">Guestbook</a> </p> </div> <div class="article"> <div id="header"> <font color=red>Your header</font> </div> </div> <div id=scroll style="width: 480px; height: 500px; overflow: scroll"> Everything will show up inside the scroll bar. </div> </body> </html> Your CSS part: body {background-color: #a9a9a9; width:700px; margin-left: auto; margin-right: auto; padding:10px 10px 10px 10px} #sidebar { width:150px; border:4px solid #000; padding:5px 5px 5px 5px; float:left; background-color: white; display: block; background-color: #000; border-top-style: solid; border-bottom-style: solid;} .article {background-color: #fff; width:480px; border: 1px solid black; float:right; padding: 10px 10px 10px 10px;} .navigation:link, .navigation:visited { font-family: ; font-size: 15px; font-style: normal; font-weight: bold; color: #fff; display: block; padding: 6px 8px 6px 10px; width: 130px; text-decoration: none; text-transform: capitalize; text-align: left; word-spacing: 1px; background-color: #000;} .navigation:hover { font-family: ; font-size: 15px; font-style: normal; font-weight: bold; color: #000; display: block; padding: 6px 8px 6px 10px; width: 130px; text-decoration: underline; text-transform: capitalize; text-align: left; word-spacing: 1px; background-color: #fff;} #scroll {background-color:#fff;} #header {background-color:#000;}