html { overflow: hidden; height: 99%; } body { background: $ffffff; background-image:url(http://www.geocities.ws/brandonboid/images/background.jpg); height: 99%; margin: 0; padding: 0; line-height: 150%; text-align: center; } * { font-size: 8pt; font-family: Tahoma, Verdana, sans-serif; color: #000000; text-align: left; } /* === Containers === */ #mainContentArea { margin: 0 auto 0 auto; display: table; height: 100%; position: relative; overflow: hidden; width: 600px; } .link,.linkActive { width:75px; margin-right:10px; float: left; margin-top:24px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; background-image:url(tab.gif); position:relative; bottom:0px; } .link:hover { background-image:url(tab2.gif); } a { text-decoration:blink; } .link a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; font-weight:bold; } #linkGroup { margin-right:10px; height:40px; width:600px; } #title { width:230px; height:40px; margin-right:20px; margin-top:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; text-align:center; float:left; } .contentTitle { font-family:Verdana, Arial, Helvetica, sans-serif; color:#213E74; font-size:19px; margin-left:15px; margin-right:12px; margin-bottom:12px; width:573px; } .pageContent { font-family: Arial, Helvetica, sans-serif; color:#000000; font-size:12px; margin-left:20px; margin-right:20px; width:560px; } #blueBox { position: absolute; vertical-align: middle; background-color:#E7EDF8; width:600px; clear:both; } #header { width:600px; height:20px; background-color:#FFFFFF; background-image:url(header.gif); background-repeat:no-repeat; } #support { width:600px; height:20px; background-color:#FFFFFF; background-repeat:no-repeat; image-align:center; padding-right:10px; } #footer { width:600px; height:20px; background-color:#FFFFFF; background-image:url(footer.gif); background-repeat:no-repeat; text-align:center; padding-right:10px; color:#BDCDEC; } #footer a { font-size:9px; color:#BDCDEC; } #contentBox { margin-top:25px; } .thumbcontainer { postion:relative; width: 200px; height: 150px; overflow: hidden; } .thumb img { min-width: 200px; min-height: 150px; width: 200px; } .thumb:hover{ background-color: transparent; } .thumb:hover img{ border: 1px solid black; } .thumb span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border:0; visibility: hidden; color: black; text-decoration: none; } .thumb span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumb:hover span{ /*CSS for enlarged image*/ visibility: visible; top: 0; left: 230px; /*position where enlarged image should offset horizontally */ z-index: 50; } html, body { text-align: center; } p {text-align: left;}