/* === STYLE SHEET FOR FCBC PUBLIC SITE === */
/* --- Style sheet created June 2007 - CSNR Web Services --- */
/* --- Heading/Markup arranged:
* nav-col
    * bcHome
    * primary
    * light blue
    * grey
* right-col
    * highlight
    * menuBox

/* == 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 B.C. Home LINK ====== */
    #bcHome { height: 33px; padding-left: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 33px; border-bottom: 1px solid #B3CDE6; background-image: url(../images/menus/left_navigation_BChome_background.gif); background-position: top left; background-repeat: no-repeat; }
    #bcHome a { font-weight: bold; text-decoration: none; color: #021553; background-color: transparent; }
    #bcHome a:hover { color: #FFFFFF; background-color: transparent; }

/* ====== FORMATTING FOR PRIMARY (nav-primary) BLUE (#6699CC) MENUS ====== */
    #primary {  }

        /* ----- First Level Unordered List (Dark Blue #021553 on Blue #6699CC) ----- */
            #nav-primary { 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; }
            #nav-primary li { margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; }
            #nav-primary a { text-decoration: none; color: #021553; background-color: transparent; }
            #nav-primary a:hover { color: #FFFFFF; background-color: transparent; }

/* ====== FORMATTING FOR SECTION LINKS (navMenuLightBlue and navExpandLightBlue) LIGHT BLUE (#B4CEE6) MENUS ====== */
    #section { height: 1%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; background-color: #B4CEE6; border-left: 1px solid #999999; }

        /* ----- Light Blue Menu Title (Grey #333333 on Light Blue #B4CEE6 with Blue #6699CC edge) ----- */
            #sectionTitle { padding: 0px 12px 0px 12px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 24px; border-bottom: 1px solid #FFFFFF; color: #021553; background-image: url(../images/menus/left_navigation_sectionTitle_background.gif); background-position: top left; background-repeat: no-repeat; }
            #secondTitle { padding: 0px 12px 0px 12px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }

        /* ----- Light Blue Unordered List (Grey #333333 on Light Blue #B4CEE6) ----- */
            ul.navMenuLightBlue { margin: 0px; padding: 0px 4px 6px 20px; line-height: 15px; list-style-image: url(../images/menus/left_navigation_lightBlue_bulletArrow.gif); }
            ul.navMenuLightBlue li { margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; }

        /* ----- Expanding Light Blue Unordered List (Grey #333333 on Light Blue #9BBEDE) ----- */
            ul.navExpandLightBlue { margin: 0px 0px 0px 0px; padding: 8px 0px 6px 19px; list-style: none; line-height: 15px; }
            ul.navExpandLightBlue li { margin: 0px 0px 6px 0px; padding: 0px 4px 0px 0px; text-indent: -15px; }
            ul.navExpandLightBlue li ul { margin: 0px 0px 0px 0px; padding: 6px 0px 6px 17px; list-style-image: url(../images/menus/left_navigation_lightBlue_bulletArrow.gif); }
            ul.navExpandLightBlue li ul li { margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; text-indent: 0px; }

/* ====== FORMATTING FOR KEY INFORMATION (nav-key) GREY (#CCCCCC) MENUS ====== */
    #key { height: 1%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; background-color: #CCCCCC; border-left: 1px solid #999999; }

        /* ----- Grey Menu Title (Dark Grey #333333 on Grey #CCCCCC with Light Blue #9BBEDE edge) ----- */
            #keyTitle { padding: 0px 12px 0px 12px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 24px; border-bottom: 1px solid #FFFFFF; color: #021553; background-image: url(../images/menus/left_navigation_keyTitle_background.gif); background-position: top left; background-repeat: no-repeat; }

        /* ----- Grey Expanding Menu (Dark Grey #333333 on Grey #CCCCCC) with Sub-menu Arrow Bullets ----- */
            ul.navExpandGrey { margin: 0px 0px 0px 0px; padding: 8px 0px 6px 19px; list-style: none; line-height: 15px; }
            ul.navExpandGrey li { margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; text-indent: -15px; }
            ul.navExpandGrey li ul { margin: 0px 0px 0px 0px; padding: 6px 0px 6px 17px; list-style-image: url(../images/menus/left_navigation_grey_bulletArrow.gif); }
            ul.navExpandGrey li ul li { margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; text-indent: 0px; }

        /* ----- Grey Menu (Dark Grey #333333 on Grey #CCCCCC) with Arrow Bullets ----- */
            ul.navMenuGrey { margin: 0px; padding: 0px 4px 6px 20px; line-height: 15px; list-style-image: url(../images/menus/left_navigation_grey_bulletArrow.gif); }
            ul.navMenuGrey li { margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; }


/* === FORMATTING FOR OPTIONAL RIGHT NAVIGATION (highlight) MENUS === */
    div.highlight { margin: 0 0 20px 0; border-top: 1px solid #999999; }

        /* ----- Formatting for Highlight Menu Title ----- */
            div.highlightTitle { padding: 0px 0px 0px 25px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #990000; background-image: url(../images/menus/right_navigation_highlightTitle_background.gif); background-position: top left; background-repeat: no-repeat; }

        /* ----- Formatting for OPTIONAL Highlight Menu Text ----- */
            div.highlightText { padding: 4px 0px 4px 25px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

        /* ----- Formatting for Highlight Menu Links ----- */
            div.highlightLinks { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
            div.highlightLinks ul { margin: 4px 0px 0px 16px; padding: 0px 0px 0px 25px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; list-style-image: url(../images/menus/right_navigation_highlightLinks_bullet.gif); }
            div.highlightLinks ul li { margin: 0px 0px 6px 0px; }


/* === FORMATTING FOR OPTIONAL RIGHT NAVIGATION (button) MENUS === */
	#menuButtons { padding: 0 0 5px 0; }
		
        /* ----- Formatting for Button Images ----- */
			#menuButtons img { padding: 0 0 10px 0; }

/* === FORMATTING FOR OPTIONAL RIGHT NAVIGATION (menuBox) GREY (#CCCCCC) MENUS === */
    div.menuBox { margin: 0 0 20px 0; }

        /* ----- Formatting for Menu Box Top ----- */
            div.menuBoxTop { height: 8px; font-size: 1px; background-image: url(../images/menus/right_navigation_menuBoxTop_background.gif); background-position: top left; background-repeat: no-repeat; }

        /* ----- Formatting for Menu Box Title ----- */
            div.menuBoxTitle { padding: 0px 10px 4px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; color: #000066; background-color: #FFFFFF; }

        /* ----- Formatting for OPTIONAL Menu Box Text ----- */
            div.menuBoxText { padding: 4px 10px 0px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; border-right: 1px solid #999999; border-left: 1px solid #999999; color: #333333; background-color: #CCCCCC; }

        /* ----- Formatting for Menu Box Links ----- */
            div.menuBoxLinks { padding: 0px 10px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; border-right: 1px solid #999999; border-left: 1px solid #999999; color: #333333; background-color: #CCCCCC; }
            div.menuBoxLinks ul { margin: 0px 0px 0px 0px; padding: 6px 0px 1px 26px; list-style-image: url(../images/menus/right_navigation_menuBoxLinks_bullet.gif); }
            div.menuBoxLinks ul li { margin: 0px 0px 6px 0px; }

        /* ----- Formatting for Menu Box Bottom ----- */
            div.menuBoxBottom { height: 8px; font-size: 1px; background-image: url(../images/menus/right_navigation_menuBoxBottom_background.gif); background-position: top left; background-repeat: no-repeat; }


/* === FORMATTING FOR OPTIONAL HORIZONTAL MENUS === */
    #menuDrop { float: left; display: inline; margin: 0 0 15px 15px; }

        /* ----- Formatting for Top Level Unordered Lists ----- */
            #menuDrop ul { margin: 0; padding: 0; list-style: none; }
            #menuDrop ul li { float: left; position: relative; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; border-right: 4px solid #FFFFFF; background-color: #666666; }
            #menuDrop ul li a { display: block; padding: 4px; font-weight: bold; text-decoration: none; color: #FFFFFF; background-color: transparent; }
            #menuDrop ul li a:hover { text-decoration: underline; color: #FFFF00; background-color: transparent; }

        /* ----- Hover CSS for Drop Down Functionality ----- */
            #menuDrop ul li:hover ul, #menuDrop ul li.sfhover ul { display: block; }

        /* ----- Formatting for Sub Level Unordered Lists ----- */
            #menuDrop ul li ul { display: none; position: absolute; padding-top: 4px; border-top: 1px solid #FFFFFF; background-color: #666666; }
            #menuDrop ul li ul li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border-right: none; background-color: #666666; }
            #menuDrop ul li ul li a { display: block; padding: 0 2px 4px 14px; font-weight: normal; text-decoration: none; color: #EEEEEE; background-color: transparent; background-image: url(../images/menus/menuDrop_background.gif); background-position: top left; background-repeat: no-repeat; }
            #menuDrop ul li ul li a:hover { text-decoration: underline; color: #FFFF00; background-color: transparent; }