@charset "UTF-8"; * { } a:link { color: #063E84; text-decoration: none; } a:visited { text-decoration: none; color: #063E84; } a:hover { text-decoration: underline; color: #6CCFF6; } a:active { text-decoration: none; color: #063E84; } html, body { height: 100%; background-image: url(../images/bg.jpg); margin: 0px; } #header { height: 110px; width: 900px; margin-right: auto; margin-left: auto; position: relative; } #wrap { min-height: 100%; background-image: url(../images/topbg.gif); background-repeat: repeat-x; background-position: 0px -30px; } #mediamain { overflow:visible; width: 898px; margin-right: auto; margin-left: auto; background-color: #FFF; border: 1px solid #CCC; margin-bottom: 0px; margin-top: 0px; } #main { padding-bottom: 150px; width: 900px; background-color: none; margin-right: 0px; margin-left: 0px; position: relative; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } #media { width: 880px; margin-bottom: 10px; background-color: #FFF; overflow: hidden; padding-left: 10px; } #nav { width: 872px; margin-top: 10px; margin-right: 10px; margin-left: 10px; position: relative; height: 34px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; padding-top: 8px; padding-right: 0px; padding-bottom: 2px; padding-left: 8px; background-image: url(../images/menubg.gif); background-repeat: repeat-x; margin-bottom: 10px; } #footer { position: relative; margin-top: -150px; height: 150px; clear:both; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #EFEFEF; background-image: url(../images/footerbg.jpg); background-repeat: repeat; } #footer a { color: #EFEFEF; text-decoration: none; } #footer a:hover { color: #EFEFEF; text-decoration: underline; } body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; } /* IMPORTANT You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher. [if !IE 7]>