/* === STYLE SHEET FOR APPLICATION SITE === */ /* --- Style sheet created August 2008 - ILMB Web Services --- */ /* --- Sections arranged: * wrapper * topBookmark * navigationLinks * header * pageLayout * leftColumn * footer * footerToTop * footerLinks /* == Suggested Attribute order: * float * clear * width * height * position * display * margin * padding * list-style * font (family - size - weight) * letter-spacing * line-height * text (align - decoration - indent) * vertical-align * border * color * background (color - image) * other == */ /* ====== FORMATTING FOR FCBC HEADER ====== */ #headerMasthead { height: 85px; } /* ----- Formatting for the vFCBC Logo ----- */ #mastheadLogo { float: left; width: 164px; height: 85px; border-right: 1px solid #999999; } /* ----- Formatting for the vFCBC Application Title ----- */ #mastheadBanner { height: 85px; padding-left: 180px; border-bottom: 1px solid #999999; } /*-- HACK FOR iExplorer -- */ #mastheadBanner { #padding-left: 12px; } #mastheadBannerText { padding-top: 35px; font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold; color: #666666; background-color: transparent; } /* ----- Formatting for the vFCBC Logo ----- */ #mastheadLinks { float: right; height: 85px; border-bottom: 1px solid #999999; vertical-align: middle; } /* ====== FORMATTING FOR PAB HEADER ====== */ /* ----- Formatting for Search, Navigation and Text Re-sizer Bar ----- */ #sec-nav-bar { } /* ----- Formatting for Search ----- */ #search { float: left; width: 50%; height: 59px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; border-right: 1px solid #999999; background-color: #FFFFFF; } #fcbcSearch { margin: 0px; padding: 0px; } #qt { width: 60%; margin: 5px 0px 6px 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } /*-- Hack to ensure proper margin in IE6 --\*/ * html #qt { margin: 4px 0px 2px 0px; } #s-all, #s-section { margin: 6px 0px 0px 0px; padding: 0px; } /*-- Hack to ensure proper padding in IE6 --\*/ * html #s-section { margin: 5px 0px 0px 0px; } * html #s-all { margin: 5px 0px 0px 0px; } /* ----- Formatting for Top Navigation Links (sec-nav) ----- */ #sec-nav { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 29px; text-align: right; border-bottom: 1px dashed #999999; } /* ----- Formatting for Font Re-Sizer ----- */ #font-sizer { height: 29px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 29px; text-align: right; } /*-- Hack to ensure proper margin in IE6 --\*/ * html #font-sizer img { margin: 9px 0px 0px 0px; } /* ----- Formatting for Main Government Navigation Links ----- */ #nav { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 25px; border-top: 1px solid #999999; } #nav a { text-decoration: none; font-weight: bold; color: #000099; } #nav a:visited { color: #000099; background-color: #FFFFFF; } #nav a.active { color: #669ACC; background-color: #FFFFFF; } #nav a.active:visited { color: #669ACC; background-color: #FFFFFF; } /* ====== FORMATTING FOR LEFT NAVIGATION COLUMN ====== */ /* ----- Formatting for the BC Home Link ----- */ #bcHome { height: 33px; padding-left: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 33px; background-image: url(/shared/images/left_navigation_bc_home_background.gif); background-position: top left; background-repeat: no-repeat; } #bcHome a { font-weight: bold; text-decoration: none; color: #000000; background-color: transparent; } #bcHome a:hover { color: #FFFFFF; background-color: transparent; } /* ----- Formatting for the Blue Navigation Link Area ----- */ #blueNavigation { background-color: #6699CC; border-top: 1px solid #FFFFFF; } /* ----- Formatting for Blue Navigation Links (Black #000000 on Blue #6699CC) ----- */ #blueNavigationLinks { margin: 0px 0px 0px 0px; padding: 8px 0px 6px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 15px; list-style: none; background-color: #6699CC; } #blueNavigationLinks li { margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; } #blueNavigationLinks a { text-decoration: none; color: #000000; background-color: transparent; } #blueNavigationLinks a:hover { color: #FFFFFF; background-color: transparent; } /* ----- Formatting for the White Navigation Link Area ----- */ #whiteNavigation { padding: 8px 0 6px 0; height: 1%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; background-color: #FFFFFF; border-top: 1px solid #999999; border-left: 1px solid #999999; } /* ----- Formatting for White Navigation Title (Blue #003366 on White #FFFFFF) ----- */ div.whiteNavigationTitle { padding: 0px 12px 6px 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #003366; } /* ----- Formatting for White Navigation Links (Black #000000 on White #FFFFFF) ----- */ ul.whiteNavigationLinks { margin: 0px 0px 4px 0px; padding: 0px 0px 0px 29px; line-height: 15px; list-style-image: url(/shared/images/left_navigation_white_bulletArrow.gif); } ul.whiteNavigationLinks li { margin: 0px 0px 2px 0px; padding: 0px 0px 4px 0px; } /* ----- Formatting for the Grey Navigation Link Area ----- */ #greyNavigation { padding: 8px 0 6px 0; height: 1%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; background-color: #CCCCCC; border-top: 1px solid #999999; border-left: 1px solid #999999; } /* ----- Formatting for White Navigation Title (Blue #003366 on White #FFFFFF) ----- */ div.greyNavigationTitle { padding: 0px 12px 6px 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #003366; } /* ----- Formatting for White Navigation Links (Black #000000 on White #FFFFFF) ----- */ ul.greyNavigationLinks { margin: 0px 0px 4px 0px; padding: 0px 0px 0px 29px; line-height: 15px; list-style-image: url(/shared/images/left_navigation_grey_bulletArrow.gif); } ul.greyNavigationLinks li { margin: 0px 0px 2px 0px; padding: 0px 0px 4px 0px; } /* ----- Formatting for the Exit this eService Link ----- */ #exitService { height: 22px; padding: 10px 6px 0 11px; font-family: "Times New Roman", Times, serif; font-size: 16px; font-weight: bold; background-color: #0066CC; color: #FFFFFF; border-top: 1px solid #999999; } #exitService a { color: #FFFFFF; text-decoration: none; background-color: #0066CC; } /* ----- DIV to create the left 15 pixel grey line at the end of the left navigation column ----- */ #navigationEnd { height: 28px; font-size: 1px; background-image: url(/shared/images/left_navigation_column_end.gif); background-position: top left; background-repeat: no-repeat; background-color: #0066CC; } /* ====== FORMATTING FOR PAGE CONTENT BANNER ====== */ #pageContentBanner { background-color: #014A8E; width: 99%; margin-top: 15px; } #pageContentBannerText { display: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; color: #999999; background-color: transparent; } /* ====== FORMATTING FOR FOOTER ====== */ #footer { clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #999999; background-color: #FFFFFF; } /* ----- Formatting for the Back-to-Top link ----- */ #footerToTop { margin-bottom: 8px; text-align: right; } #footerToTop img { padding: 14px 9px 0px 0px; } /* ----- Formatting for the Footer Links ----- */ #footerLinks { padding-top: 8px; border-top: 1px solid #999999; } #footerLinksContainer { float: right; text-align: right; text-transform: uppercase; }