/* css Zen Garden submission 184 - 'Necessity is the Mother of Invention' by Carlos Acosta */ /* November 5, 2006 */ * { /*border: 1px solid #ccc; /*for testing purposes only--toggle on/off*/ } html { min-width:750px; } /*some general rules*/ body { font:small Georgia, 'Times New Roman', Times, serif; color:#4A3808; text-align:left; background: #ADB25A url(images/bg.gif) repeat-x; margin:0; padding:0; } a,a:link,a:visited,a:active { text-decoration:none; color:#737539; text-transform:uppercase; font-weight:bold; } a:hover { color: #5A79A5; text-decoration: underline; } li { list-style:none; } p { line-height:1.5em; margin:0; padding:5px 0 0 12px; } #quickSummary a { color: #EFEFC6; } #lselect a { display:block; text-transform:capitalize; color: #EFEFC6; } #lselect a:hover, #quickSummary a:hover { color: yellow; } #lselect a.c { display:inline; line-height:5px; margin:0; padding:0; } /*start of styling for the headings*/ #explanation h3 { background:url(images/whatabout.gif) no-repeat; } #participation h3 { background:url(images/participation.gif) no-repeat; } #benefits h3 { background:url(images/benefits.gif) no-repeat; } #requirements h3 { background:url(images/requirements.gif) no-repeat; } #explanation h3, #participation h3, #benefits h3, #requirements h3 { width:211px; height:30px; } #lselect h3 { background:url(images/select.gif) no-repeat; } #lresources h3 { background:url(images/resources.gif) no-repeat; } #larchives h3 { background:url(images/archives.gif) no-repeat; } #lselect h3, #lresources h3, #larchives h3 { width:135px; height:20px; } #preamble h3 { background:url(images/enlight.gif) no-repeat; background-position: 14px; width:160px; height:40px; } #pageHeader span,#preamble h3 span,#explanation h3 span,#participation h3 span,#benefits h3 span,#requirements h3 span,#lselect h3 span,#larchives h3 span,#lresources h3 span { display:none; } /*end of heading section*/ /*start of layout*/ #container { width:834px; height:1900px; background:url(images/vitruvian.gif) top right no-repeat; text-align:left; position:relative; margin:0 auto; padding:0; } #pageHeader { position:absolute; top:0px; left:0px; width:834px; height:131px; background:url(images/title.jpg) top left no-repeat; z-index:10; margin:0; padding:0; } #supportingText { position:absolute; top:150px; left:40px; width:430px; margin:0 70px 0 0; padding:0; text-align:justify; } #quickSummary { position:absolute; top:190px; left:585px; width:240px; height:250px; color:#66CCFF; text-align:center; font-style:italic; font-size:120%; } #quickSummary .p2 { background:transparent; font-style:normal; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:60%; margin:50px 0 0; padding:0; } #linkList { position:absolute; top:550px; left:600px; width:200px; height:800px; margin:0; padding:0; } #requirements .p5 { height:70px; width:430px; text-align:center; margin:0; padding:40px 0 0; } #preamble { position:absolute; top:1400px; left:580px; width:240px; height:250px; text-align:justify; margin:0 0 50px; padding:0; } #footer { width:430px; height:120px; background:url(images/backwards_writing.gif) bottom right no-repeat; text-align:center; margin:0; padding:10px 0px; } /*end of layout*/