body { font-family: Verdana, Geneva, Arial, sans-serif; font-size: 100%; margin: 0; color: #333; background-color: #efeeea; } td { vertical-align: top; } #content table { width: 100%; } #content td { padding: 5px; } #introimgs { position: relative; height: 750px; } #introimgs img { display: block; position: absolute; border: 1px solid black; border-color: #ccc #000 #000 #ccc; } a { text-decoration: none; color: #c60; } a:hover { color: #fff; background: #333;} h2 { margin-top: 2em; font-size: 1.5em; color: #686; } .cimg { text-align: center; clear: both; padding: 10px; } .cbimg { text-align: center; clear: both; padding: 10px; } .cbimg img { border: 1px solid #666; } .limg { float: left; margin: 5px 5px 5px 0; } .lbimg { float: left; margin: 5px 5px 5px 0; border: 1px solid #666; } .rimg { float: right; margin: 5px 0 5px 5px; } .rbimg { float: right; margin: 5px 0 5px 5px; border: 1px solid #666; } h3 { margin-top: 2em; font-size: 1.2em; color: #666; } div#body { clear: both; margin: 20px 10%; line-height: 1.5; } #footer { margin: 0; padding: 50px 0 0 0; clear: both; font-size: 70%; text-align: left; width: 100%; } #footer p { padding: 0 5% 0 5%; margin: 0; color: #666; } #idhdr { background: url(images/pagehdr.gif) no-repeat left; } #left { margin: 0; padding: 0; width: 150px; float: left; } #right { margin-left: 160px; } #textlinks { font-size: 1.0em; } .article img { border: 1px solid black; margin: 0 1em; } .clear { clear: both; } .inputbox { width: 500px; background: #d0d0d0; } #topnav { background: url(images/natureOfClay.gif) no-repeat top left; margin: 10px 5%; list-style-type: none; width: 90%; } #topnav h1 { margin: 75px 0 10px 20px; padding: 0; font-size: 100%; font-weight: bold; float: left; color: #c87820; } #topnav ul { padding: 0; margin: 75px 0 10px 0; float: right; } #topnav li { margin: 0; padding: 0; font-size: 0.8em; display: inline; } #topnav a { float: left; display: block; height: 1em; border: 1px solid #bfbeba; border-color:  #fffefa #bfbeba #bfbeba #fffefa; padding: 0 10px 0.5em 10px; text-decoration: none; background: #efedea; color: #c60; margin: 0 0 0 0.5em; } #topnav li .nolink { float: left; height: 1em; padding: 0 10px 0.5em 10px; color: #ccc; background: #6f6e6a; border: 1px solid #bfbeba; border-color: #bfbeba #fffefa #fffefa #bfbeba; margin: 0 0 0 0.5em; } #topnav a.active, #topnav a:hover { text-decoration: none; color: white; background-color: #222; } #content { clear: both; width: 70%; max-width: 800px; min-width: 480px; padding: 10px; margin: 0 15%; font-size: 80%; } .iconlink { padding: 0; margin: 0; display: block; float: left; border: 2px solid #bfbeba; } .iconlink img { display: block; padding: 0; margin: 0; } .iconlink  td a:active, #content td a:hover { border-color: #963; } #content  a.frameanchor { display: block; float: left; border: 1px solid #bfbeba; padding: 5px; margin-right: 10px; border-color: #bfbeba #fffefa #fffefa #bfbeba; background: #efeeea; } #content  a.frameanchor:active, #content a.frameanchor:hover { border-color: #963; } #content a img { padding: 0px; border: 1px solid #bfbeba; border-color: #bfbeba #fffefa #fffefa #bfbeba; } hr { clear: both; border-top: 1px solid #bfbeba; border-width: 1px 0 0 0; color: #fffefa; background-color: #fffefa; height: 2px; width: 100%; text-align: left; } .graybar { clear: both; border: 0; color: #fffefa; background-color: #fffefa; height: 2px; width: 100%; }