/* === STYLE SHEET FOR FCBC PUBLIC SITE === */
/* --- Style sheet created June 2007 - CSNR Web Services --- */
/* --- Sections arranged:
* wrapper
    * topBookmark
    * nav-col
    * content
        * header
            * sec-nav-bar
                * search
                * sec-nav
                * font-sizer
            * nav
            * breadcrumbs
                * crumbs
                * print
        * image-header
        * main-col
        * right-col
    * footer
        * back-to-top
        * footer-links

/* == 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
== */

body { margin: 0 0 20px 0; }
img { border:none; }


/* ====== FORMATTING FOR WRAPPER ====== */
    #wrapper { width: 960px; margin-right: auto; margin-left: auto; }


/* ====== FORMATTING FOR TOP OF PAGE BOOKMARK ====== */
    #topBookmark { }


/* ====== FORMATTING FOR LEFT NAVIGATION COLUMN (nav-col) ====== */
    #nav-col { float: left; width: 164px; padding-right: 1px; background-image: url(../images/left_navigation_column_background.gif); background-position: top left; background-repeat: repeat-y; }

        /* ----- Formatting for BC Crest Logo and Link to Government Homepage ----- */
            #bcCrest { height: 85px; }

        /* ----- DIV to create the left 15 pixel grey line at the end of the left navigation column ----- */
            #nav-col-end { height: 28px; font-size: 1px; background-image: url(../images/left_navigation_column_end.gif); background-position: top left; background-repeat: no-repeat; }


/* ====== FORMATTING FOR HEADER ====== */
    #header { }

        /* ----- Formatting for Search, Navigation and Text Re-sizer Bar ----- */
            #sec-nav-bar { }

                /* ----- Formatting for Search ----- */
                    #search { float: left; width: 410px; height: 59px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; border-right: 1px solid #999999; background-color: #FFFFFF; }
                    #ilmbSearch { margin: 0px; padding: 0px; }
                    #qt { width: 230px; margin: 5px 0px 6px 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
                        /*-- 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: 12px; 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: 15px; 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 { padding-left: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; border-top: 1px solid #999999; }
                /*-- Hack to stop the 3-pixel bug in IE6 --\*/
                    * html #nav { padding-left: 12px; }
            #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 Bread Crumb Trail Holder DIV ----- */
            #breadcrumbs { border-top: 1px solid #999999; border-bottom: 1px solid #999999; }

                /* ----- Formatting for Print Icon ----- */
                    #print { float: right; position: relative; top: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
                    #print img { position: relative; top: 4px; padding: 0 8px 0 14px; }

                /* ----- Formatting for Bread Crumb Trail ----- */
                    #crumbs { width: 594px; min-height: 32px; margin: 0; padding-left: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; border-right: 1px solid #999999; }
                        /*-- Hack to stop the 3-pixel bug in IE6 --\*/
                            * html #crumbs { padding-left: 12px; height: 32px; }
                    #crumbs ul { margin: 0; padding: 5px 0 5px 0; list-style: none; }
                    #crumbs ul li { display: inline; margin: 0; padding-left: 12px; background-image: url(../images/breadcrumb_chevron.gif); background-position: top left; background-repeat: no-repeat; }


/* ====== FORMATTING FOR SPACER ====== */
    div.spacer { height: 15px; font-size: 1px; }


/* ====== FORMATTING FOR OPTIONAL HEADER IMAGE ====== */
    #image-header { margin: 0 0 20px 15px; }
        /*-- Hack to stop the 3-pixel bug in IE6 --\*/
            * html #image-header { margin: 0 0 20px 12px; }


/* ====== FORMATTING FOR MAIN CONTENT ====== */
    #mainContent { margin-left: 165px; }


/* ====== FORMATTING FOR CONTENT (Content text formatting written in common.css) ====== */
    #content { margin: 15px 0px 0px 0px; background-image: url(../images/content_background.gif); background-position: top right; background-repeat: repeat-y; }

        /* ----- DIV to create the right 15 pixel grey line at the end of the main column ----- */
            #content-end { clear: both; height: 15px; font-size: 1px; }


/* ====== FORMATTING FOR MAIN CONTENT COLUMN (main-col) ====== */
    #main-col { float: left; width: 580px; padding: 0px 26px 0px 15px; }
        /*-- Hack to stop the 3-pixel bug in IE6 --\*/
            * html #main-col { padding: 0px 23px 0px 15px; }


/* ====== FORMATTING FOR MAIN CONTENT (TWO) COLUMN (two-col) ====== */
    #two-col { float: left; width: 780px; padding: 0px 0px 0px 15px; }
        /*-- Hack to stop the 3-pixel bug in IE6 --\*/
            * html #two-col { padding: 0px 0px 0px 15px; }


/* ====== FORMATTING FOR RIGHT NAVIGATION COLUMN (right-col) ====== */
    #right-col { float: right; width: 174px; }

        /* ----- Formatting for text to appear at the top of the right navigation column ----- */
            #freeFormTop { margin: 0 0 20px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: italic; line-height: 20px; }


/* ====== 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 ----- */
            #back-to-top { margin-bottom: 20px; text-align: right; }
            #back-to-top img { padding: 14px 9px 0px 0px; }

        /* ----- Formatting for the Footer Links ----- */
            #footer-links { padding-top: 8px; text-transform: uppercase; border-top: 1px solid #999999; }
            #footer-links-container { float: right; text-align: right; }