@charset "windows-1252"; /* http://www.pmob.co.uk/ */ /* must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */ /* 02-11-2013 Ann: make stickyfooter only for SCREEN media to avoid printing issue in IE However, the first two styles has to apply to PRINT as well, which is duplicated in main.css */ @media screen { * { margin:0px; padding:0px; } ul, ol, blockquote { margin:5px; margin-left:40px; } dl{ margin:5px; margin-left:5px; } html, body, form { height: 100%; /* gives layout 100% height */ overflow:inherit; /* triggers 100% height in Opera 9.5 */ } /* ------------------------------------------------------------------------------------------ */ /* Page Wrapper */ /* ------------------------------------------------------------------------------------------ */ #c_PageWrapper { width: 980px; min-height: 100%;/* gives layout 100% height */ margin: auto; /* add by Ann -- so the content is centered*/ background-color:#FFFFFF; background-image:url('../../Images/ORA/wrapper_bg.gif') } * html #c_PageWrapper { height:100%; /* IE6 treats height as min-height */ } /*Opera Fix*/ body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; /* 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. -------------------------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------------------ */ /* Top Tool Bar */ /* ------------------------------------------------------------------------------------------ */ #c_TopToolBarHolder { position:relative; height:21px; background-color:#CCCCCC; } #c_TopToolBarTable { position:absolute; right: 0px; height:21px; } #c_TopToolBarTable td { font-size:10px; } /* ------------------------------------------------------------------------------------------ */ /* Top Navigation Bar */ /* ------------------------------------------------------------------------------------------ */ #c_TopNavHolder { position:relative; height:21px; background-color:#031F58; background-image:url('../../Images/ORA/topnav_bg.gif'); background-repeat: repeat-x; } #c_TopNavTable { position:absolute; right: 0px; height:21px; } #c_TopNavTable td { font-size:10px; padding-right: 6px; padding-left: 6px; border-left: 1px solid #68B0D8; } #c_TopNavTable .section_1 { background-color:#2B8ED5; background-image:url('../../Images/ORA/topnav_link1_bg.gif'); } #c_TopNavTable .section_2 { background-color:#4F9AB2; background-image:url('../../Images/ORA/topnav_link2_bg.gif'); } #c_TopNavTable a, #c_TopNavTable a:visited { text-decoration:none; color:#FFFFFF; } #c_TopNavTable a:hover, #c_TopNavTable a:active { text-decoration:underline; color:#FFFFFF; } /* ------------------------------------------------------------------------------------------ */ /* Header (Logo and Search Box) */ /* ------------------------------------------------------------------------------------------ */ #c_HeaderHolder { position:relative; height:80px; background-color:#69C7E0; background-image:url('../../Images/ORA/header_bg.jpg'); border-bottom: #dae8f4 1px solid; } #c_HeaderLogo { float:left; border:0px; } #c_HeaderRight { position:absolute; right:0px; bottom:15px; color:#FFFFFF; float: left; width: 380px; } /* ------------------------------------------------------------------------------------------ */ /* Breadcrumb */ /* ------------------------------------------------------------------------------------------ */ #c_BreadcrumbHolder { position:relative; height:17px; background-color:#FFFFFF; } #c_BreadcrumbSpace { position:absolute; left:0px; height:17px; width: 196px; background-image:url('../../Images/ORA/breadcrumb_bg.gif'); border-bottom: #c1d7d7 1px solid; } #c_Breadcrumb { position:absolute; height:17px; left:197px; width:784px; border-bottom: #d8dedf 1px solid; } #c_Breadcrumb table { height:17px; } #c_Breadcrumb td { font-size:10px; line-height:normal; padding-left:10px; } /* ------------------------------------------------------------------------------------------ */ /* Content */ /* ------------------------------------------------------------------------------------------ */ #c_MainContentHolder { overflow: auto; /* If overflow is clipped, a scroll-bar should be added to see the rest of the content */ padding-bottom: 26px; /* must be same height as the footer */ } #c_LeftNavHolder { width: 196px; float: left; } #c_ContentHolder { float: right; width: 784px; } /* ------------------------------------------------------------------------------------------ */ /* Footer */ /* ------------------------------------------------------------------------------------------ */ #c_FooterHolder { width:980px; position: relative; clear:both; margin: auto; /* add by Ann -- so the content is centered */ margin-top: -26px; /* negative value of footer height */ height: 26px; background-color:#000B49; background-image: url('../../Images/ORA/footer_bg.gif'); background-repeat: repeat-x; text-align:center; } #c_Footer { color:#FFFFFF; font-size:10px; padding-top:4px; } #c_Footer a:link, #c_Footer a:active, #c_Footer a:hover, #c_Footer a:visited{ color:#FFFFFF; } }