/*******************************************************************
                Top Menu Styles

Created By: Brian Gaines
NOTE: CSS for the top-level menu of the Master Page

Katie...Image Updates:
navBackground_1x29.gif - resized background image of top menu 
repeated horizontally - smaller graphic

navSeparator_1x27.gif - used as separator image between menu items
*******************************************************************/

/*** Container styles for the Menu ***/
div.menu
{
    font-family: Arial, Sans-Serif;
	font-size: 12px;
	text-decoration: none; /* No underline on the text */
	height: 29px; /* Total Height of Menu Grid Container */
	background-image: url('../NFA-images/navBackground_1x29.gif'); /* Images repeated continuously the width of container */
	background-repeat: repeat-x; /* Repeat this 1px x 29px graphic horizontally the width of Menu container */
	border-top: 1px solid #d5d1ba; /* Top border of Menu */
	border-bottom: 1px solid #d5d1ba; /* Bottom border of Menu */
	padding:0; /* Zero padding around all 4 borders */
	margin-bottom: 10px; /* Distance between Menu bar and page content */
	letter-spacing: .05em;
	font-weight: normal

}

    /*** General Menu styles ***/
    div.menu .top-menu {} /* placeholder when it is needed - is referenced from menu control */
    
        /*** Link Behavior Styles ***/
        div.menu .top-menu a 
        {
            line-height:29px;
            height:100%;
            width:100%;
            display:block; 
        }
        
        div.menu .top-menu a, 
        div.menu .top-menu a:link, 
        div.menu .top-menu a:visited,
        div.menu .top-menu a:active
        {
            color:#000066; 
            text-decoration:none;            
        }
        
        div.menu .top-menu a:hover
        {
            color:#ffffff; 
            text-decoration:none;
        }
        
        div.menu .top-menu a:active, 
        div.menu .top-menu a:focus 
        {
            outline:0;
        }

        /*** Padding Constraints for Menu Items ***/
        div.menu .top-menu .static-hover-style,
        div.menu .top-menu .static-menu-item-style,
        div.menu .top-menu .static-menu-item-style table,
        div.menu .top-menu .static-menu-selected-style,
        div.menu .top-menu .dynamic-menu-item-style,
        div.menu .top-menu .dynamic-hover-style,
        div.menu .top-menu .dynamic-menu-selected-style
        {   
            /*  Viewing the Menu in IE looks a little different than when viewing it in FF. 
                For instance, the highlight color does not bump up next to the separator 
                graphic in FF as it does in IE - It still looks fine. */
            
            /*  clockwise: top right bottom left*/
            padding:0px 0px 0px 3px;                                /* Padding between current menu item and whatever is left of it */
            margin:0px 3px 0px 0px;                                 /* Handles the hovering over Menu Items when our separator graphic is rendered */           
        }
        
        /*** Height Constraints for Menu Items -- Applies to selected state ***/
        div.menu .top-menu .static-hover-style,
        div.menu .top-menu .static-menu-selected-style,
        div.menu .top-menu .dynamic-menu-selected-style,
        div.menu .top-menu .dynamic-hover-style
        {
            height:27px;
        }
        
        /*** Static ItemStyle Behavior Styles ***/
        div.menu .top-menu .static-menu-style {} /* placeholder when it is needed - is referenced from menu control */      
        div.menu .top-menu .static-menu-item-style {} /* placeholder when it is needed - is referenced from menu control */
                       
        div.menu .top-menu .static-hover-style,
        div.menu .top-menu .static-menu-selected-style,
        div.menu .top-menu .static-menu-selected-style a
        {
            background-color:#0a246a;
            color:#ffffff; 
        }
               
        /*** Dynamic ItemStyle Behavior Styles ***/
        div.menu .top-menu .dynamic-menu-style {} /* placeholder when it is needed - is referenced from menu control */
        div.menu .top-menu .dynamic-menu-item-style {} /* placeholder when it is needed - is referenced from menu control */
        
        div.menu .top-menu .dynamic-hover-style,
        div.menu .top-menu .dynamic-menu-selected-style,
        div.menu .top-menu .dynamic-menu-selected-style a        
        {
            background-color:#0a246a;
            color:#ffffff; 
        }
        
	/* 2nd-Tier Menu */        
div.menu2
{
       font-family: Arial, Sans-Serif;
       font-size: 12px;
       text-decoration: none; /* No underline on the text */
       height: 29px; /* Total Height of Menu Grid Container */
       background-image: url(/NFA-images/bg-secnavbar.gif); /* Images repeated continuously the width of container */
       background-repeat: repeat-x; /* Repeat this 1px x 29px graphic horizontally the width of Menu container */
       border-top: solid 1px #d5d1ba; /* Top border of Menu */
       border-bottom: solid 1px #d5d1ba; /* Bottom border of Menu */
       padding:0; /* Zero padding around all 4 borders */
       margin-bottom: 10px; /* Distance between Menu bar and page content */
       letter-spacing: .05em;
       font-weight: normal;
}
    /*** General Menu styles ***/
    div.menu2 .top-menu2 {} /* placeholder when it is needed - is referenced from menu control */
    
        /*** Link Behavior Styles ***/
        div.menu2 .top-menu2 a
        {
            line-height:29px;
            height:100%;
            width:100%;
            display:block; 
        }        
        
        div.menu2 .top-menu2 a, 
        div.menu2 .top-menu2 a:link, 
        div.menu2 .top-menu2 a:visited,
        div.menu2 .top-menu2 a:active
        {
            color:#000066; 
            text-decoration:none;      
        }
        
        div.menu2 .top-menu2 a:hover
        {
            background-color:#0a246a;
            color:#ffffff; 
            text-decoration:none;
        }
        
        div.menu2 .top-menu2 a:active, 
        div.menu2 .top-menu2 a:focus 
        {
            outline:0;
        }

        /*** Padding Constraints for Menu Items ***/
        div.menu2 .top-menu2 .static-hover-style,
        div.menu2 .top-menu2 .static-menu-item-style,
        div.menu2 .top-menu2 .static-menu-item-style table,
        div.menu2 .top-menu2 .static-menu-selected-style
        {   
            /*  Viewing the Menu in IE looks a little different than when viewing it in FF. 
                For instance, the highlight color does not bump up next to the separator 
                graphic in FF as it does in IE - It still looks fine. */
            
            /*  clockwise: top right bottom left*/
            padding:0px 0px 0px 13px;                                /* Padding between current menu item and whatever is left of it */
            margin:0px 9px 0px -6px;                                 /* Handles the hovering over Menu Items when our separator graphic is rendered */           
        }
   
                
        /*** Height Constraints for Menu Items -- Applies to selected state ***/
        div.menu2 .top-menu2 .static-hover-style,
        div.menu2 .top-menu2 .static-menu-selected-style
        {
            height:27px;
        }
        
        /*** Static ItemStyle Behavior Styles ***/
        div.menu2 .top-menu2 .static-menu-style {} /* placeholder when it is needed - is referenced from menu control */      
        div.menu2 .top-menu2 .static-menu-item-style {} /* placeholder when it is needed - is referenced from menu control */
                       
        div.menu2 .top-menu2 .static-hover-style,
        div.menu2 .top-menu2 .static-menu-selected-style,
        div.menu2 .top-menu2 .static-menu-selected-style a
        {
            /*background-color:/*#0a246a;green;*/
            color:#ffffff; 
        }

        /*** Dynamic ItemStyle Behavior Styles ***/       
        .dynamic-menu-style
        {
            margin:2px 0px 0px 0px;
               padding:0;
               border-left: solid 1px #d5d1ba;                        
               border-right: solid 1px #d5d1ba;                       
               border-bottom: solid 1px #d5d1ba;                      
               font-family: Arial, Sans-Serif;
               font-size: 12px;
               letter-spacing: .05em;
               font-weight: normal;
               text-decoration: none;                                 
        }
        
        .dynamic-menu-item-style 
        {
            text-decoration:none;    
               height: 25px;                                          
               background-color:#EBF0F3; 
        }               
        
        .dynamic-menu-item-style a,
        .dynamic-menu-item-style a:link,
        .dynamic-menu-item-style a:visited,
        .dynamic-menu-item-style a:active
        {
            color:#000066; 
            text-decoration:none;      
        }
                
        .dynamic-menu-item-style,
        .dynamic-hover-style,
        .dynamic-menu-selected-style 
        {
            padding:0;                                
            margin:0px 3px 0px 0px;                                 
        }                                 
        .dynamic-menu-item-style a:hover,
        .dynamic-hover-style,
        .dynamic-menu-selected-style,
        .dynamic-menu-selected-style a
        {
            background-color:#0a246a;
            color:#ffffff; 
        }   


/*******************************************************************
                More Custom Styles Here

NOTES:

*******************************************************************/
.menuSide
{
    font-family:Arial, Sans-Serif;
    font-size:12px;
    text-decoration:none;                                           /* No underline on the text */
    margin:10px 18px; 
    padding:0; 
    list-style-type:none;
    
}
/*** Link Behavior Styles ***/
        .menuSide a, 
        .menuSide a:link, 
        .menuSide a:visited,
        .menuSide a:active
        {
            color:#000; 
            text-decoration:none;       
                 
        }
        
        .menuSide a:hover
        {
            color:#000; 
            text-decoration:underline;
        }
        
        .menuSide a:active, 
        .menuSide a:focus 
        {
            outline:0;
        }
        /*** Padding Constraints for Menu Items ***/
        .menuSide  .static-hover-style,
        .menuSide  .static-menu-item-style,
        .menuSide  .static-menu-item-style table,
        .menuSide  .static-menu-selected-style,
        .menuSide  .dynamic-menu-item-style,
        .menuSide  .dynamic-hover-style,
        .menuSide .dynamic-menu-selected-style
        {   
            /*  Viewing the Menu in IE looks a little different than when viewing it in FF. 
                For instance, the highlight color does not bump up next to the separator 
                graphic in FF as it does in IE - It still looks fine. */
            
            /*  clockwise: top right bottom left*/
            padding:0px 0px 12px 0px;                                /* Padding between current menu item and whatever is left of it */
                                            /* Handles the hovering over Menu Items when our separator graphic is rendered */           
        }
/*
ul.lnav {margin:10px 18px; padding:0; list-style-type:none;}
ul.lnav a, ul.lnav a:link, ul.lnav a:visited {color:#000; text-decoration:none;}
ul.lnav a:hover {color:#000; text-decoration:underline;}
ul.lnav a:active {color:#000; text-decoration:none;}
ul.lnav li {padding-bottom:12px;}

ul.lnav ul  {margin:10px 0 0 15px; list-style-type:none;}
ul.lnav ul a, ul.lnav ul a:link, ul.lnav ul a:visited {font-size:11px; color:#000;}
ul.lnav ul a:hover {color:#000;}
ul.lnav ul a:active {color:#000;}
ul.lnav ul li {padding-bottom:6px;}
*/