body { margin:0px; } /* ########################################## # COMMON WIDTH CSS ########################################## */ #onecolum1024 #main, #onecolum-subleftbar1024 #main, #onecolum-subrightbar1024 #main, #twocolum-leftbar1024 #main, #twocolum-rightbar1024 #main, #threecolum1024 #main, #threesubcolum1024 #main, #twocolum-subleftbar1024 #main, #twocolum-subrightbar1024 #main { width:998px; margin:auto; } #onecolum800 #main, #onecolum-subleftbar800 #main, #onecolum-subrightbar800 #main, #twocolum-leftbar800 #main, #twocolum-rightbar800 #main, #twocolum-subleftbar800 #main, #twocolum-subrightbar800 #main, #threecolum800 #main, #threesubcolum800 #main { width:778px; margin:auto; } #onecolum #main, #onecolum-subleftbar #main, #onecolum-subrightbar #main, #twocolum-leftbar #main, #twocolum-rightbar #main, #twocolum-subleftbar #main, #twocolum-subrightbar #main, #threecolum #main, #threesubcolum #main { width:auto; margin:auto; } /* ########################################## # ONE-COLUM CSS ########################################## */ #onecolum #leftbar, #onecolum #rightbar, #onecolum1024 #leftbar, #onecolum1024 #rightbar, #onecolum800 #leftbar, #onecolum800 #rightbar, #onecolum #subleftbar, #onecolum #subrightbar, #onecolum1024 #subleftbar, #onecolum1024 #subrightbar, #onecolum800 #subleftbar, #onecolum800 #subrightbar { display:none; } /* HIDE ALL LEFT AND RIGHT BAR */ #onecolum-subleftbar1024 #leftbar, #onecolum-subleftbar1024 #rightbar, #onecolum-subrightbar1024 #leftbar, #onecolum-subrightbar1024 #rightbar, #onecolum-subleftbar800 #leftbar, #onecolum-subleftbar800 #rightbar, #onecolum-subrightbar800 #leftbar, #onecolum-subrightbar800 #rightbar, #onecolum-subleftbar #leftbar, #onecolum-subleftbar #rightbar, #onecolum-subrightbar #leftbar, #onecolum-subrightbar #rightbar { display:none; } /* HIDE SUBRIGHT BAR */ #onecolum-subleftbar1024 #subrightbar, #onecolum-subleftbar800 #subrightbar, #onecolum-subleftbar #subrightbar { display:none; } /* HIDE SUBLEFT BAR */ #onecolum-subrightbar1024 #subleftbar, #onecolum-subrightbar800 #subleftbar, #onecolum-subrightbar #subleftbar { display:none; } #onecolum-subleftbar1024 #subleftbar, #onecolum-subleftbar800 #subleftbar, #onecolum-subleftbar #subleftbar { float:left; } #onecolum-subrightbar1024 #subrightbar, #onecolum-subrightbar800 #subrightbar, #onecolum-subrightbar #subrightbar { float:right; } #onecolum #subcontentarea, #onecolum1024 #subcontentarea, #onecolum800 #subcontentarea { margin:0px; } #onecolum-subleftbar1024 #subcontentarea, #onecolum-subleftbar800 #subcontentarea, #onecolum-subleftbar #subcontentarea { margin:0 0 0 215px; } #onecolum-subrightbar1024 #subcontentarea, #onecolum-subrightbar800 #subcontentarea, #onecolum-subrightbar #subcontentarea { margin:0 215px 0 0; } /* ****************************************** * IE 6 CASE ****************************************** */ * html #onecolum-subleftbar1024 #subleftbar, * html #onecolum-subleftbar800 #subleftbar, * html #onecolum-subleftbar #subleftbar { margin-right:-3px; } * html #onecolum-subleftbar1024 #subcontentarea, * html #onecolum-subleftbar800 #subcontentarea, * html #onecolum-subleftbar #subcontentarea { margin:0 0 0 212px; } * html #onecolum-subrightbar1024 #subrightbar, * html #onecolum-subrightbar800 #subrightbar, * html #onecolum-subrightbar #subrightbar { margin-left:-3px; } * html #onecolum-subrightbar1024 #subcontentarea, * html #onecolum-subrightbar800 #subcontentarea, * html #onecolum-subrightbar #subcontentarea{ margin:0 212px 0 0; } /* ########################################## # TWO-COLUM LEFTBAR CSS ########################################## */ #twocolum-leftbar1024 #leftbar, #twocolum-leftbar800 #leftbar, #twocolum-leftbar #leftbar { float:left; } #twocolum-leftbar1024 #rightbar, #twocolum-leftbar800 #rightbar, #twocolum-leftbar #rightbar { display:none; } #twocolum-leftbar1024 #subleftbar, #twocolum-leftbar800 #subleftbar, #twocolum-leftbar #subleftbar { display:none; } #twocolum-leftbar1024 #subrightbar, #twocolum-leftbar800 #subrightbar, #twocolum-leftbar #subrightbar { display:none; } #twocolum-leftbar1024 #contentarea, #twocolum-leftbar800 #contentarea, #twocolum-leftbar #contentarea { margin:0 0 0 215px; } #twocolum-leftbar1024 #subcontenttxt, #twocolum-leftbar800 #subcontenttxt, #twocolum-leftbar #subcontenttxt { margin:0px; } /* ****************************************** * IE 6 CASE ****************************************** */ * html #twocolum-leftbar1024 #leftbar, * html #twocolum-leftbar800 #leftbar, * html #twocolum-leftbar #leftbar { margin-right:-3px; } * html #twocolum-leftbar1024 #contentarea, * html #twocolum-leftbar800 #contentarea, * html #twocolum-leftbar #contentarea { margin:0 0 0 212px; } /* ########################################## # TWO COLUMN SUB-LEFTBAR CSS ########################################## */ #twocolum-subleftbar1024 #leftbar, #twocolum-subleftbar800 #leftbar, #twocolum-subleftbar #leftbar { display:none; } #twocolum-subleftbar1024 #subrightbar, #twocolum-subleftbar800 #subrightbar, #twocolum-subleftbar #subrightbar { display:none; } #twocolum-subleftbar1024 #subleftbar, #twocolum-subleftbar800 #subleftbar, #twocolum-subleftbar #subleftbar { float:left; } #twocolum-subleftbar1024 #rightbar, #twocolum-subleftbar800 #rightbar, #twocolum-subleftbar #rightbar { float:right; } #twocolum-subleftbar1024 #contentarea, #twocolum-subleftbar800 #contentarea, #twocolum-subleftbar #contentarea { margin:0 215px 0 0;} #twocolum-subleftbar1024 #subcontentarea, #twocolum-subleftbar800 #subcontentarea, #twocolum-subleftbar #subcontentarea { margin:0 0 0 215px; } /* ****************************************** * IE 6 CASE ****************************************** */ * html #twocolum-subleftbar1024 #contentarea, * html #twocolum-subleftbar800 #contentarea, * html #twocolum-subleftbar #contentarea { margin:0 212px 0 0; } * html #twocolum-subleftbar1024 #subcontentarea, * html #twocolum-subleftbar800 #subcontentarea, * html #twocolum-subleftbar #subcontentarea { margin:0 0 0 212px; } /* ########################################## # TWO-COLUM RIGHTBAR CSS ########################################## */ #twocolum-rightbar1024 #leftbar, #twocolum-rightbar800 #leftbar, #twocolum-rightbar #leftbar { display:none; } #twocolum-rightbar1024 #subleftbar, #twocolum-rightbar800 #subleftbar, #twocolum-rightbar #subleftbar { display:none; } #twocolum-rightbar1024 #subrightbar, #twocolum-rightbar800 #subrightbar, #twocolum-rightbar #subrightbar { display:none; } #twocolum-rightbar1024 #rightbar, #twocolum-rightbar800 #rightbar, #twocolum-rightbar #rightbar { float:right; } #twocolum-rightbar1024 #contentarea, #twocolum-rightbar800 #contentarea, #twocolum-rightbar #contentarea { margin:0 215px 0 0;} #twocolum-rightbar1024 #subcontenttxt, #twocolum-rightbar800 #subcontenttxt, #twocolum-rightbar #subcontenttxt { margin:0px; padding:0px; } /* ****************************************** * IE 6 CASE ****************************************** */ * html #twocolum-rightbar1024 #contentarea, * html #twocolum-rightbar800 #contentarea, * html #twocolum-rightbar #contentarea { margin:0 212px 0 0; } * html #twocolum-rightbar1024 #rightbar, * html #twocolum-rightbar800 #rightbar, * html #twocolum-rightbar #rightbar { margin-left:-3px; } /* ########################################## # TWO COLUMN SUB-RIGHTBAR CSS ########################################## */ #twocolum-subrightbar1024 #rightbar, #twocolum-subrightbar800 #rightbar, #twocolum-subrightbar #rightbar { display:none; } #twocolum-subrightbar1024 #subleftbar, #twocolum-subrightbar800 #subleftbar, #twocolum-subrightbar #subleftbar { display:none; } #twocolum-subrightbar1024 #leftbar, #twocolum-subrightbar800 #leftbar, #twocolum-subrightbar #leftbar { float:left; } #twocolum-subrightbar1024 #subrightbar, #twocolum-subrightbar800 #subrightbar, #twocolum-subrightbar #subrightbar { float:right; } #twocolum-subrightbar1024 #contentarea, #twocolum-subrightbar800 #contentarea, #twocolum-subrightbar #contentarea { margin:0 0 0 215px; border:1px solid #ff0000; } #twocolum-subrightbar1024 #subcontentarea, #twocolum-subrightbar800 #subcontentarea, #twocolum-subrightbar #subcontentarea { margin:0 215px 0 0; border:1px solid; } /* ****************************************** * IE 6 CASE ****************************************** */ * html #twocolum-subrightbar1024 #subrightbar, * html #twocolum-subrightbar800 #subrightbar, * html #twocolum-subrightbar #subrightbar { margin-left:-3px; } * html #twocolum-subrightbar1024 #contentarea, * html #twocolum-subrightbar800 #contentarea, * html #twocolum-subrightbar #contentarea { margin:0 0 0 212px; } * html #twocolum-subrightbar1024 #subcontentarea, * html #twocolum-subrightbar800 #subcontentarea, * html #twocolum-subrightbar #subcontentarea { margin:0 212px 0 0; } /* ########################################## # THREE-COLUM CSS ########################################## */ #threecolum1024 #subleftbar, #threecolum800 #subleftbar, #threecolum #subleftbar { display:none; } #threecolum1024 #subrightbar, #threecolum800 #subrightbar, #threecolum #subrightbar { display:none; } #threecolum1024 #leftbar, #threecolum800 #leftbar, #threecolum #leftbar { float:left; } #threecolum1024 #rightbar, #threecolum800 #rightbar, #threecolum #rightbar { float:right; } #threecolum1024 #contentarea, #threecolum800 #contentarea, #threecolum #contentarea { margin:0 215px; border:1px solid #ff0000; } #threecolum1024 #subcontenttxt, #threecolum800 #subcontenttxt, #threecolum #subcontenttxt { margin:0px; } /* ****************************************** * IE 6 CASE ****************************************** */ * html #threecolum1024 #leftbar, * html #threecolum800 #leftbar, * html #threecolum #leftbar { margin-right:-3px; } * html #threecolum1024 #rightbar, * html #threecolum800 #rightbar, * html #threecolum #rightbar { margin-left:-3px; } * html #threecolum1024 #contentarea, * html #threecolum800 #contentarea, * html #threecolum #contentarea { margin:0 212px; } /* ########################################## # THREE SUB COLUMN CSS ########################################## */ #threesubcolum1024 #leftbar, #threesubcolum800 #leftbar, #threesubcolum #leftbar { display:none; } #threesubcolum1024 #rightbar, #threesubcolum800 #rightbar, #threesubcolum #rightbar { display:none; } #threesubcolum1024 #subleftbar, #threesubcolum800 #subleftbar, #threesubcolum #subleftbar { float:left; } #threesubcolum1024 #subrightbar, #threesubcolum800 #subrightbar, #threesubcolum #subrightbar { float:right; } #threesubcolum1024 #contentarea, #threesubcolum800 #contentarea, #threesubcolum #contentarea { margin:0; } #threesubcolum1024 #subcontentarea, #threesubcolum800 #subcontentarea, #threesubcolum #subcontentarea { margin:0 215px; } /* ****************************************** * IE 6 CASE ****************************************** */ * html #threesubcolum1024 #subrightbar, * html #threesubcolum800 #subrightbar, * html #threesubcolum #subrightbar { margin-left:-3px; } * html #threesubcolum1024 #subleftbar, * html #threesubcolum800 #subleftbar, * html #threesubcolum #subleftbar { margin-right:-3px; } * html #threesubcolum1024 #subcontentarea, * html #threesubcolum800 #subcontentarea, * html #threesubcolum #subcontentarea { margin:0 212px; } /* ########################################## # TOPBAR & NAVIGATION CSS ########################################## */ #topbar { height:78px; } /* ########################################## # CONTAINER CSS ########################################## */ #container { padding:0px 10px; min-height:1px; } * + html #container { margin-bottom:0px; } * html #container { height:1px; } #contentarea { min-height:1px; } * html #contentarea { height:1px; } #subcontentarea { min-height:1px; } * html #subcontentarea { height:1px; } .contenttxt { display:table; width:100%; } .contenttxt #subcontenttxt { display:table; width:100%; } /* ########################################## # SIDEBAR CSS ########################################## */ .sidebar { width:200px; } .subsidebar { width:200px; } /* ########################################## # FOOTER CSS ########################################## */ .clearfloat { font-size:0px; line-height:0px; height:0px; clear:both; } #footer { clear:both; position:relative;}