.content { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #333333; text-decoration: none; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px} .contentheading { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FF9900; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; font-weight: bold} .pageheader { font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; color: #ffffff; float: left;} .pagetitle { font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; color: #006786; text-decoration: none; margin-top: 20; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px} .whitelinks { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration: none} .bluelinks { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF; text-decoration: none} .topmenu { margin-left:300; text-align: right; BACKGROUND: url(images/leftcrner.jpg) no-repeat left bottom; padding-bottom: 1px; background-color:#006786;} a:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration: none} a:link.bluelinks { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #006699; text-decoration: none} a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #cdcdb5; text-decoration: none} a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999999; text-decoration: none} a:link.realbiz { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #006699; text-decoration: underline; } body { margin: 0; padding: 0; background: #cdcdb5; font: 0.85em/1.5em Verdana, sans-serif; border: solid #616161; border-width: 5px 0 0 0; } h1, h2, h3 { font-family: Georgia; font-weight: normal; color: #FFFFFF; line-height: 1em; margin: 0; padding: 0; } h1 { font-size: 30px; } h2 { font-size: 1.7em; color: #9f9e00; } h3 { font-size: 1.4em; color: #9f9e00; } p { line-height: 1.5em; margin: 0.5em 0 1em; } /* General styles for the masthead and footer. They are the same on both pages. */ #masthead { background: #006786; padding: 1% 2%; margin-left: 15%; margin-right: 15%; } #masthead h1 { color: #fff; padding:0 10% 0 0; font-size: 30px; float: left; } #footer { clear: both; width: 100%; font-size: 0.8em; text-align: center; color: #999; border: 1px solid #9f9e00; border-width: 1px 0; } #leftcol, #rightcol { font-size: 0.9em; } #leftcol { width: 15%; float: left; padding: 0 2%; } #main { background: #eee; padding: 0 2%; margin-left: 15%; } #main h2, #main h3 { padding: 0.25em 0 .75em; } /* This is where styling the comes into play. The "home" page will display all three columns while the "about me" will hide the right column. */ body.threecolumns #rightcol { width: 20%; float: right; padding: 0 2%; } body.threecolumns #main { margin-right: 25%; } /* On a page with only two columns we'll hide the right column */ body.twocolumns #rightcol { display: none; } /* On a page with two columns the right column is hidden and therefore we adjust main to stretch all the way */ body.twocolumns #main { margin-right: 2%; } /* This rule simply demonstrates how you can use a id instead of its class to manupulate visibility of elements */ body#contact #footer { display: none; }