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%; } #imContentContainer { position: relative; } #imContent { position: relative; } #imContentGraphics { position: absolute; top: 0; bottom: 0; } #imFooPad { float: left; margin: 0 auto; } #imBtMnContainer { clear: both; } .imPageRow { position: relative; clear: both; float: left; width: 100%; } .imHGroup:after, .imUGroup:after, .imVGroup:after, .imPageRow:after { content: ""; display: table; clear: both; } #imFooterBg { position: absolute; left: 0; bottom: 0; width: 100%; } #imFooter { position: relative; } #imStickyBarContainer { visibility: hidden; position: absolute; overflow: hidden; } #imPageToTop { position: fixed; bottom: 30px; right: 30px; z-index: 5000; display: none; opacity: 0.75 } #imPageToTop:hover {opacity: 1; cursor: pointer; } @media (min-width: 1200px) { #imPageExtContainer { background-image: none; background-color: rgba(224, 224, 224, 1); } #imPage { padding-top: 0px; padding-bottom: 0px; min-width: 1200px; } #imHeaderBg { height: 300px; background-image: none; background-color: transparent; } #imHeader { position: relative; margin-bottom: 0; margin-left: 0; margin-right: 0; height: 300px; background-image: none; background-color: rgba(255, 255, 255, 1); } #imHeaderObjects { margin-left: auto; margin-right: auto; position: relative; height: 300px; width:1200px; } #imContent { min-height: 380px; padding: 5px 0 5px 0; } #imContentGraphics { left: 0; right: 0; margin-left: auto; margin-right: auto; min-height: 380px; background-image: none; background-color: rgba(255, 255, 255, 1); } #imFooterBg { height: 40px; background-image: none; background-color: transparent; } #imFooter { margin-left: 0; margin-right: 0; height: 550px; background-image: none; background-color: rgba(0, 75, 151, 1); } #imFooterObjects { margin-left: auto; margin-right: auto; position: relative; height: 550px; width:1200px; } #imSideBarContainer { display: none; } #imStickyBarContainer { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 40px; box-sizing: border-box; z-index: 10301; } #imStickyBarGraphics { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 40px; box-sizing: border-box; background-image: url('BCKGRD-top.png'); background-position: left top; background-repeat: repeat; background-attachment: scroll; background-color: rgba(0, 75, 151, 1); opacity: 1} #imStickyBar { position: relative; top: 0; left: 0; margin: auto; width: 1200px } #imStickyBarObjects { position: relative; height: 40px; } #imFooPad { height: 380px; } #imSideBarContainer { width: 1200px; } #imHeader { width: 100%; } #imFooter { width: 100%; } #imSideBar { width: 150px; } #imContentGraphics { width: 1200px; } } @media (max-width: 1199px) and (min-width: 719px) { #imPageExtContainer { background-image: none; background-color: rgba(224, 224, 224, 1); } #imPage { padding-top: 0px; padding-bottom: 0px; min-width: 719px; } #imHeaderBg { height: 290px; background-image: none; background-color: transparent; } #imHeader { position: relative; margin-bottom: 0; margin-left: 0; margin-right: 0; height: 290px; background-image: none; background-color: rgba(255, 255, 255, 1); } #imHeaderObjects { margin-left: auto; margin-right: auto; position: relative; height: 290px; width:719px; } #imContent { min-height: 380px; padding: 5px 0 5px 0; } #imContentGraphics { left: 0; right: 0; margin-left: auto; margin-right: auto; min-height: 380px; background-image: none; background-color: rgba(255, 255, 255, 1); } #imFooterBg { height: 420px; background-image: none; background-color: transparent; } #imFooter { margin-left: 0; margin-right: 0; height: 720px; background-image: none; background-color: rgba(0, 75, 151, 1); } #imFooterObjects { margin-left: auto; margin-right: auto; position: relative; height: 720px; width:719px; } #imSideBarContainer { display: none; } #imStickyBarContainer { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 40px; box-sizing: border-box; z-index: 10301; } #imStickyBarGraphics { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 40px; box-sizing: border-box; background-image: url('BCKGRD-top.png'); background-position: left top; background-repeat: repeat; background-attachment: scroll; background-color: rgba(0, 75, 151, 1); opacity: 1} #imStickyBar { position: relative; top: 0; left: 0; margin: auto; width: 719px } #imStickyBarObjects { position: relative; height: 40px; } #imFooPad { height: 380px; } #imSideBarContainer { width: 719px; } #imHeader { width: 100%; } #imFooter { width: 100%; } #imSideBar { width: 150px; } #imContentGraphics { width: 719px; } } @media (max-width: 718px) and (min-width: 480px) { #imPageExtContainer { background-image: none; background-color: rgba(224, 224, 224, 1); } #imPage { padding-top: 0px; padding-bottom: 0px; min-width: 480px; } #imHeaderBg { height: 370px; background-image: none; background-color: transparent; } #imHeader { position: relative; margin-bottom: 0; margin-left: 0; margin-right: 0; height: 370px; background-image: none; background-color: rgba(255, 255, 255, 1); } #imHeaderObjects { margin-left: auto; margin-right: auto; position: relative; height: 370px; width:480px; } #imContent { min-height: 380px; padding: 5px 0 5px 0; } #imContentGraphics { left: 0; right: 0; margin-left: auto; margin-right: auto; min-height: 380px; background-image: none; background-color: rgba(255, 255, 255, 1); } #imFooterBg { height: 550px; background-image: none; background-color: transparent; } #imFooter { margin-left: 0; margin-right: 0; height: 980px; background-image: none; background-color: rgba(0, 75, 151, 1); } #imFooterObjects { margin-left: auto; margin-right: auto; position: relative; height: 980px; width:480px; } #imSideBarContainer { display: none; } #imStickyBarContainer { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 40px; box-sizing: border-box; z-index: 10301; } #imStickyBarGraphics { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 40px; box-sizing: border-box; background-image: url('BCKGRD-top.png'); background-position: left top; background-repeat: repeat; background-attachment: scroll; background-color: rgba(0, 75, 151, 1); opacity: 1} #imStickyBar { position: relative; top: 0; left: 0; margin: auto; width: 480px } #imStickyBarObjects { position: relative; height: 40px; } #imFooPad { height: 380px; } #imSideBarContainer { width: 480px; } #imHeader { width: 100%; } #imFooter { width: 100%; } #imSideBar { width: 150px; } #imContentGraphics { width: 480px; } } @media (max-width: 479px) { #imPageExtContainer { background-image: none; background-color: rgba(224, 224, 224, 1); } #imPage { padding-top: 0px; padding-bottom: 0px; } #imHeaderBg { height: 400px; background-image: none; background-color: transparent; } #imHeader { position: relative; margin-bottom: 0; margin-left: 0; margin-right: 0; height: 400px; background-image: none; background-color: rgba(255, 255, 255, 1); } #imHeaderObjects { margin-left: auto; margin-right: auto; position: relative; height: 400px; width:320px; } #imContent { min-height: 380px; padding: 5px 0 5px 0; } #imContentGraphics { left: 0; right: 0; margin-left: auto; margin-right: auto; min-height: 380px; background-image: none; background-color: rgba(255, 255, 255, 1); } #imFooterBg { height: 1320px; background-image: none; background-color: transparent; } #imFooter { margin-left: 0; margin-right: 0; height: 1320px; background-image: none; background-color: rgba(0, 75, 151, 1); } #imFooterObjects { margin-left: auto; margin-right: auto; position: relative; height: 1320px; width:320px; } #imSideBarContainer { display: none; } #imStickyBarContainer { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 40px; box-sizing: border-box; z-index: 10301; } #imStickyBarGraphics { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 40px; box-sizing: border-box; background-image: url('BCKGRD-top.png'); background-position: left top; background-repeat: repeat; background-attachment: scroll; background-color: rgba(0, 75, 151, 1); opacity: 1} #imStickyBar { position: relative; top: 0; left: 0; margin: auto; width: 320px } #imStickyBarObjects { position: relative; height: 40px; } #imFooPad, #imBtMnContainer, #imBtMn, #imPgMnContainer { display: none; } #imHeader { width: 100%; } #imFooter { width: 100%; } #imPage, #imSideBar, #imContent, #imContentGraphics { box-sizing: border-box; width: 100%; } }