/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */ #pageHeader h1 { background: transparent url(h1.jpg) no-repeat top left; width: 750px; height: 152px; margin: 0px; } /* specific divs */ #container { background: url(/001/zen-bg.jpg) no-repeat top left; padding: 0 175px 0 110px; margin: 0; position: relative; } /* specific divs */ #container { background: url(/001/zen-bg.jpg) no-repeat top left; padding: 0 175px 0 110px; margin: 0; position: relative; } #linkList ul { margin: 0px; padding: 0px; } #pageHeader h2 { background: transparent url(/001/h2.gif) no-repeat top left; margin-top: 58px; margin-bottom: 40px; width: 200px; height: 18px; float: right; } #linkList ul { margin: 0px; padding: 0px; } #footer { text-align: center; } #extraDiv1 { background: transparent url(/001/cr2.gif) top left no-repeat; position: absolute; top: 40px; right: 0; width: 148px; height: 110px; } body { font: 12px/13px courier, monospace; color: #000; background-color: #fff; margin: 0px; } #linkList h3.select span { display:none } #preamble { /*position: relative; top: -120px; */ padding: 0px 0px 70px 33px; margin: 0px 0 20px 0px; width: 210px; float: left; background: transparent url(tag.gif) 50% 100% no-repeat; } #pageHeader h2 { background: transparent url(h2.gif) no-repeat top left; width: 253px; height: 34px; position: absolute; top: 150px; left: 216px; } html>body #quickSummary { margin-top:-50px; top: 0; } #lselect li a:hover { color: #D1E9FC; text-decoration: underline; } #extraDiv1 { background: transparent url(/001/cr2.gif) top left no-repeat; position: absolute; top: 40px; right: 0; width: 148px; height: 110px; } #linkList2 h3.select { background: transparent url(h3.gif) no-repeat top left; width: 157px; height: 14px; } #quickSummary { padding-top: 47px; } #supportingText #explanation h3 { margin-top: 0px; padding-top: 20px; } body { font: 11px/15px georgia, serif; text-align: center; color: #fff; background: #748A9B url(bg2.gif) 0 0 repeat-y; margin: 0px; } #participation .p2 { line-height: 16px; text-align: right; float: left; width: 200px; margin: 0px 5px 15px 0px; } #lselect li { font: 11px/12px georgia; letter-spacing: -1px; color: #758C9B; } body { font: 11px/14px verdana, sans-serif; color: #AD7C77; background: #FFD7C4 url(/002/bg1.gif) top left repeat-x; padding: 65px 0px 0px 224px; margin: 0px; } #lselect li a:link, #lselect li a:visited { font-weight: normal; color: #fff; text-decoration: none; } #preamble h3 { font: bold 12pt/10pt 'trebuchet ms', sans-serif; text-align: right; } body { font: 11px/14px verdana, sans-serif; color: #AD7C77; background: #FFD7C4 url(/002/bg1.gif) top left repeat-x; padding: 65px 0px 0px 224px; margin: 0px; } h3 { font: bold 13px verdana, sans-serif; margin-bottom: 0px; } #preamble { /*position: relative; top: -120px; */ padding: 0px 0px 70px 33px; margin: 0px 0 20px 0px; width: 210px; float: left; background: transparent url(tag.gif) 50% 100% no-repeat; } #quickSummary .p2 a:link { color: #B27F66; } #linkList li a:visited { color: #B3AE94; } acronym { border-bottom: dotted 1px #fff; } #quickSummary .p1 { width: 430px; height: 195px; background: transparent url(/002/splash.jpg) top left no-repeat; padding: 182px 0px 0px 10px; position: absolute; top: 93px; left: 244px; } #supportingText { padding: 0px 180px 0px 25px; }