#container{ position:relative; width:1020px; min-height:100%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 10px; padding-right: 5px; padding-left: 5px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #camp_menu { background-color: #D7D7FF; padding: 5px; width: 250px; position: relative; height: auto; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; top: auto; float: left; } #camp_news { background-color: #E9E9E9; padding: 0px; width: 250px; position: relative; height: 300px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; float: left; margin-right: 10px; margin-left: 10px; } #maintext { width: 710px; margin-right: 5px; margin-left: 5px; position: relative; float: left; height: auto; } .color_white { background-color: #D7D7FF; } .fontcolor_red { color: #F00; } .fontsize18 { font-size: 18px; font-weight: bolder; } .border_top_camp { border-top-width: thin; border-top-style: groove; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #CCC; } #header { position:relative; left:0px; top:0px; width:100%; height:140px; z-index:1; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-collapse: collapse; background-color: #E9E9E9; } #title_bar { position: absolute; width: 100%; top: 5px; text-align: center; font-family: "Cash Currency"; font-size: 36px; font-style: normal; color: #333; vertical-align: middle; } #menubar { width: 100%; position: absolute; text-align: center; bottom: 0px; margin: 0px; border-collapse: collapse; } .collapse { border-collapse: collapse; } .table_bottom { margin-bottom: 0px; position: absolute; } #header_bar { background-color: #639; position: relative; height: 10px; width: 100%; left: 0px; margin-top: 0px; margin-left: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-collapse: collapse; } /*#bottom_bar { position: absolute; background-color: #639; height: 10px; width: 100%; left: 0px; margin-top: 0px; margin-left: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-collapse: collapse; bottom: 0px; margin-top: -10px; clear:both; }*/ #bottom_bar { position: relative; background-color: #639; height: 10px; width: 100%; left: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-collapse: collapse; bottom: 0px; } html, body { margin: 0; padding: 0; height: 100%; } .font_type { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #333; } #mainarea { position:relative; width:730px; z-index:2; height: auto; /*min-height: 600px;*/ float: left; /*overflow:auto;*/ padding-bottom: 10px; margin-left: 10px; padding-top: 5px; padding-right: 5px; padding-left: 5px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } #rotating_images { float: left; height: 300px; width: 450px; position: relative; margin-left: 5px; } .font_cash { font-family: "Cash Currency"; } /*Opera Fix*/ body:before {/* thanks to Maleika (Kohoutec)*/ content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/ } /* 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]>