Sample CSS

*{ margin: 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; } body { } p, a { font-size: .9em; } a{ color: green; } a:hover { color: blue; } div.container { width: 905px; height: 600px; background: purple; margin-left: auto; margin-right: auto; margin-top: 10px; } div.header { height: 100px; background: orange; } div.navigation { width: 200px; float: left; }

div.navigation ul { list-style-type: none; } div.navigation ul li { } div.navigation ul li a { background: #cccccc; color: red; text-decoration: none; display: block; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; } div.navigation ul li a:hover { background: #333333; color: white; } div.content { width: 700px; height: 450px; float: left; background: pink; padding-top: 5px; padding-left: 5px; } div.footer { height: 50px; float: left; width: 900px; background: green; padding-top: 5px; padding-left: 5px; }