tags **/ div#header { width: 100%; height: 100px; background: url('images/bg-header.jpg') #fff repeat-x top; padding: 0px; margin: 0px;} div#navigation { background: url('images/bg-navigation.jpg') repeat-x top; height: 40px; padding: 10px 0px 0px 0px; text-align: center; width: 100%; } div#main { width: 750px; margin: 0px auto 0px auto; padding: 0px 0px 50px 0px;} div#footer { clear: both; margin: 10px; padding: 10px; color: #666; text-align: center} div#left { float: left; width: 470px} div#right{ border-left: 1px #9cf solid; float: right; width: 250px; padding: 0px 0px 0px 15px;} /** Navigation **/ div#navigation ul { margin: 0px; padding: 0px;} div#navigation li { display: inline; margin: 0px 17px;} div#navigation li a { color: #006; letter-spacing: 0.08em; font: bold 1em Arial; text-decoration: none } div#navigation li.active a { text-decoration: underline; color: #000;} /** Headers **/ h1 { margin: 0px; padding: 0px;} h2 { color: #009; font: bold italic 1.3em Verdana; border-bottom: 1px #009 solid; margin: 0px 0px 15px 0px; padding: 0px;} h3 { font: bold 0.9em Verdana; letter-spacing: 0.18em; margin: 0px; border-bottom: 1px #ccc solid; padding: 5px 0px 0px 0px;} /** Paragraphs **/ p { text-align: justify; font: 0.8em Verdana; letter-spacing: 0.08em; padding: 0px; margin: 0px 0px 10px 0px; line-height: 21px;} div#right p { font: 0.7em Verdana; text-align: center; } div.cell p { text-align: center;} p.quote { font-style: italic; } p.footnote { margin-top: 20px; padding-top: 4px; border-top: 1px #ddd solid; font: 0.6em Verdana;} div#footer p { border-top: 1px #9cf solid; font: 0.7em Verdana; padding: 10px 0px; letter-spacing: 0.2em; text-align: center;} /** Links **/ a { color: #00c; text-decoration: none} a:hover, div#navigation li a:hover { text-decoration: underline; } a img { border: 0px; } div#footer a:link, div#footer a:visited { color: #666;} p.footnote, p.footnote a { color: #aaa;} /** Images & Alignment **/ img.alignleft { float: left; margin: 5px 10px 10px 0px} img.alignright { margin: 5px 0px 10px 10px; float: right;} a:hover img { border: 0px;} img.border { border: 1px #999 solid;} div#right a:hover { border-bottom: 1px #666 solid;} /** Forms **/ .formerror { color: #f00; font-weight: bold } fieldset { border: 1px #006 solid;} legend { font: bold 0.9em Arial;} label { color: #006; padding: 0px; font-style: italic;} dl:hover, dl:focus { color: #000} dt { padding: 0px 10px; float: left; width: 250px; text-align: right;} dd { padding: 0px} input, textarea { border: 1px #009 solid; background: #fff; padding: 2px 2px 2px 5px;} input:hover, textarea:hover { border: 1px #00f solid; background: #fff} input:focus, textarea:focus { border: 1px #00c solid; background: #eee;} /** Miscellaneous **/ hr { height: 1px;} div.cell { width: 32%; float: left;} acronym { font-weight: bold}