/* CSS Document Name: two-columnfixed.css 2-Col Fixed Layout with floated columns (from Andy Budd, CSS Mastery) Example 19 */ body { text-align:center; min-width: 760px; font-family:Georgia, "Times New Roman", Times, serif; background-color:#996; margin:0;padding:0; } #container { width:720px; margin:0 auto; padding:0; text-align:left; background-color:#ffc; } #banner {width:auto; background-color:#ccc; height:70px; margin:0; padding:0; } #banner h1 {padding:10px 0 0 0; margin:10px 0 0 20px; font-size:130%; color:#0099CC; } #mainNav { width:180px; float:left; background-color:#ffc; margin:0; padding:0; line-height:normal; } #mainContent { width:520px; float:right; background-color:#fff; margin:0; padding:0; } #footer { clear:both; margin:0; border-top:1px solid #000000; background-color:#fff; text-align:center; } #footer p.text {font-family:Arial, Helvetica, sans-serif; font-size:80%; line-height:normal; margin:0;padding:5px 0; line-height:normal; } /* General text styles */ #mainContent p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; padding:0 20px; } #mainContent h1, h2, h3 {color:#0099CC; padding:10px 20px 0px; } pre {margin-left:3em; font-size:90%; }