body { margin:20px 20px 20px 20px; background-image:url('tileback.gif'); } #main { border:1px solid #000; background:#fff; padding-left: 10px; padding-right: 0px; font-family: garamond, serif; } /* Looks like you have to specify the width of #menu or IE5 Mac stretches it all the way across the div, and Opera streches it half way. */ #main #menu { margin-left:20px; margin-bottom:20px; border-left:1px solid #000; border-bottom:1px solid #000; float:right; width:230px; background:#DBDBB9; padding: 10px 0px 10px 10px; font: small-caps 16px/20px 'century gothic'; font-weight: bold; } #main a {color: #A06444;} #main #menu a {color: #CB8763;} a:link {text-decoration: none;} a:visited {text-decoration: none;} a:active {text-decoration: none;} a:hover {text-decoration: underline;} h1 { font-size:24px; padding-top:10px; } h2 { font-size: 20px; padding: 0px 0px 0px 10px; } h3{ font-size: 18px; padding: 0px 0px 0px 10px; } #main p, dl, pre { font: 14px/18px; padding: 0px 50px 0px 20px; } #main #cite p { font: 14px/16px; padding-left: 30px; padding-right: 10px; } #main #cite p { text-indent: -10px; } #main #cite h3 { padding-left: 20px; } #main dt { font: 16px; font-weight:bold; } #main dd { font: 14px/16px; padding: 10px 0px 10px 0px; } #main li{ font: 14px/16px; padding: 0px 10px 10px 10px; } #main #header h1 { width: 80%; text-align: center; font-variant: small-caps; letter-spacing: 2px; word-spacing: 5px; } #main #header h2 { width: 80%; text-align: center; font-variant: small-caps; letter-spacing: -1px; } #main #header h3 { width: 80%; text-align: center; font-variant: small-caps; } #main #header h4 { width: 80%; text-align: center; font-variant: small-caps; } #main blockquote { text-align: justify; font: 14px/16px; width: 80%; }