html { position: relative; margin: 0; padding: 0; height: 100%; } body { margin: 0; padding: 0; text-align: left; height: 100%; } #imPageExtContainer {min-height: 100%; } #imPageIntContainer { position: relative;} #imPage { position: relative; width: 100%; } #imHeaderBg { position: absolute; left: 0; top: 0; width: 100%; } #imContent { position: relative; } #imFooterBg { position: absolute; left: 0; bottom: 0; width: 100%; } #imStickyBarContainer { visibility: hidden; position: fixed; overflow: hidden; } #imPageToTop { position: fixed; bottom: 30px; right: 30px; z-index: 10500; display: none; opacity: 0.75 } #imPageToTop:hover {opacity: 1; cursor: pointer; } @media (min-width: 1150px) { #imPageExtContainer { background-image: none; background-color: rgba(232, 238, 255, 1); } #imPage { padding-top: 0px; padding-bottom: 0px; min-width: 1150px; } #imHeaderBg { height: 460px; background-image: none; background-color: rgba(232, 238, 255, 1); } #imHeader { background-image: none; background-color: transparent; } #imHeaderObjects { margin-left: auto; margin-right: auto; position: relative; height: 460px; width:1150px; } #imContent { align-self: start; padding: 5px 0 5px 0; } #imContentGraphics { min-height: 600px; background-image: none; background-color: rgba(249, 250, 255, 1); } #imFooterBg { height: 50px; background-image: none; background-color: rgba(232, 238, 255, 1); } #imFooter { background-image: none; background-color: transparent; } #imFooterObjects { margin-left: auto; margin-right: auto; position: relative; height: 50px; width:1150px; } #imSideBar { background-image: none; background-color: rgba(211, 218, 220, 1); overflow: visible; zoom: 1; z-index: 200; } #imSideBarObjects { position: relative; height: 600px; } } @media (max-width: 1149.9px) and (min-width: 720px) { #imPageExtContainer { background-image: none; background-color: rgba(232, 238, 255, 1); } #imPage { padding-top: 0px; padding-bottom: 0px; min-width: 720px; } #imHeaderBg { height: 500px; background-image: none; background-color: rgba(232, 238, 255, 1); } #imHeader { background-image: none; background-color: transparent; } #imHeaderObjects { margin-left: auto; margin-right: auto; position: relative; height: 500px; width:720px; } #imContent { align-self: start; padding: 5px 0 5px 0; } #imContentGraphics { min-height: 600px; background-image: none; background-color: rgba(242, 245, 255, 1); } #imFooterBg { height: 50px; background-image: none; background-color: rgba(232, 238, 255, 1); } #imFooter { background-image: none; background-color: transparent; } #imFooterObjects { margin-left: auto; margin-right: auto; position: relative; height: 50px; width:720px; } #imSideBar { background-image: none; background-color: rgba(211, 218, 220, 1); overflow: visible; zoom: 1; z-index: 200; } #imSideBarObjects { position: relative; height: 600px; } } @media (max-width: 719.9px) and (min-width: 480px) { #imPageExtContainer { background-image: none; background-color: rgba(232, 238, 255, 1); } #imPage { padding-top: 0px; padding-bottom: 0px; min-width: 480px; } #imHeaderBg { height: 330px; background-image: none; background-color: rgba(232, 238, 255, 1); } #imHeader { background-image: none; background-color: transparent; } #imHeaderObjects { margin-left: auto; margin-right: auto; position: relative; height: 330px; width:480px; } #imContent { align-self: start; padding: 5px 0 5px 0; } #imContentGraphics { min-height: 600px; background-image: none; background-color: rgba(242, 245, 255, 1); } #imFooterBg { height: 50px; background-image: none; background-color: rgba(232, 238, 255, 1); } #imFooter { background-image: none; background-color: transparent; } #imFooterObjects { margin-left: auto; margin-right: auto; position: relative; height: 50px; width:480px; } #imSideBar { background-image: none; background-color: rgba(211, 218, 220, 1); overflow: visible; zoom: 1; z-index: 200; } #imSideBarObjects { position: relative; height: 600px; } } @media (max-width: 479.9px) { #imPageExtContainer { background-image: none; background-color: rgba(232, 238, 255, 1); } #imPage { padding-top: 0px; padding-bottom: 0px; } #imHeaderBg { height: 400px; background-image: none; background-color: rgba(232, 238, 255, 1); } #imHeader { background-image: none; background-color: transparent; } #imHeaderObjects { margin-left: auto; margin-right: auto; position: relative; height: 400px; width:320px; } #imContent { align-self: start; padding: 5px 0 5px 0; } #imContentGraphics { min-height: 600px; background-image: none; background-color: rgba(242, 245, 255, 1); } #imFooterBg { height: 50px; background-image: none; background-color: rgba(232, 238, 255, 1); } #imFooter { background-image: none; background-color: transparent; } #imFooterObjects { margin-left: auto; margin-right: auto; position: relative; height: 50px; width:320px; } #imSideBar { background-image: none; background-color: transparent; overflow: visible; zoom: 1; z-index: 200; } #imSideBarObjects { position: relative; height: 600px; } }