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

        /* ----- 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 0px 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 RELATED LINKS (related) GREY (#CCCCCC) MENUS ====== */
    #related { 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) ----- */
            #relatedTitle { 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_relatedTitle_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: 8px 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 RESOURCES (resource) GREY (#CCCCCC) MENUS ====== */
    #resource { 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 Grey #CCCCCC edge) ----- */
            #resourceTitle { 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_resourceTitle_background.gif); background-position: top left; background-repeat: no-repeat; }


/* === FORMATTING FOR OPTIONAL RIGHT NAVIGATION (feature) LINK === */
    div.featureBox { width: 174px; margin: 0 0 20px 0; }

        /* ----- Formatting for Feature Box Top ----- */
            div.featureBoxTop { height: 10px; font-size: 1px; background-image: url(../images/menus/right_navigation_featureBoxTop_background.gif); background-position: top left; background-repeat: no-repeat; }

        /* ----- Formatting for Feature Box Title ----- */
            div.featureBoxTitle { padding: 0px 9px 3px 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 17px; color: #003399; background-color: #CFE2F5; border-right: 1px solid #6699CC; border-bottom: 1px solid #6699CC; border-left: 1px solid #6699CC; }

        /* ----- Formatting for Feature Box Text ----- */
            div.featureBoxText { padding: 4px 9px 0px 9px; font-family: "Times New Roman", Times, serif; font-size: 15px; font-style: italic; line-height: 15px; color: #333333; background-color: #FFFFFF; border-right: 1px solid #6699CC; border-left: 1px solid #6699CC; }
            div.featureBoxText img { padding-top: 5px; }

        /* ----- Formatting for Feature Box Bottom ----- */
            div.featureBoxBottom { height: 10px; font-size: 1px; background-image: url(../images/menus/right_navigation_featureBoxBottom_background.gif); background-position: top left; background-repeat: no-repeat; }


/* === 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 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; }

        /* ----- 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 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; 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 (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; }