/*- The Navigation, Desktop Version */


/*- Navigation Container */
        nav {margin:0; padding:0; background-color:#1c2841; color:white; height:auto; text-align:left;}  


/*- Set-Up Default Mobile & Desktop */
#navDESKTOP {display:none;}
 #navMOBILE {display:inline;}


/*- ------------------------------------------------ */				
/*- Adjust Navigation, Desktop or Mobile */
/*- ------------------------------------------------ */

@media only screen and (max-device-width:768px) {
                                    #navDESKTOP {display:inline;}
                                     #navMOBILE {display:none;}}

       @media only screen and (max-width:768px) {
                                    #navDESKTOP {display:inline;}
                                     #navMOBILE {display:none;}}

/*- ------------------------------------------------ */
/*@media only screen and (max-device-width:638px) {
#navDESKTOP {display:none;}
 #navMOBILE {display:inline;}}

       @media only screen and (max-width:638px) {
#navDESKTOP {display:none;}
 #navMOBILE {display:inline;}}*/

/*- End */


/* - Unseleted, Welcome Banner */
                             nav #welcome {padding:14px 12px 14px 12px; text-align:center;}
                          nav #welcome h1 {font-weight:500; margin:0; padding-bottom:4px;}
                      nav #welcome a:link {color:white; text-decoration:underline;}
                     nav #welcome a:hover {color:white; text-decoration:none;}
                   nav #welcome a:visited {color:white; text-decoration:underline;}
                    nav #welcome a:active {color:white; text-decoration:underline;}


/*- Button Container */
                        nav .btnContainer {position:relative; display:inline-block; margin:0; padding:0;}
                         nav .firstBUTTON {margin-left:32px;}   
             nav .btnContainer .noPOINTER {cursor:default;}

/*- Button, Resting */
                                 nav .btn {margin:0 0 0 0; padding:14px 12px 14px 12px; border:none; background-color:transparent; cursor:pointer; color:white; font-size:1.1em;} 
                    nav .btn > .altBUTTON {color:#89c403;} 


/*- Button, Hover */
             nav .btnContainer:hover .btn {margin:0; padding:14px 12px 14px 12px; color:white; box-shadow:inset 0px 1px 0px 0px #a4e271;
                                           background:linear-gradient(to bottom, #89c403 5%, #77a809 100%); background-color:#89c403;}    
nav .btnContainer:hover .btn > .altBUTTON {color:white;} 


/*-Button Only - No Dropdown Menu */
                 nav .btnContainer a:link {text-decoration:none;}
                nav .btnContainer a:hover {color:black; text-decoration:none;}    



/*- ------------------------------------------------ */
/*- Navigation Dropdown */
/*- ------------------------------------------------ */

/*- Dropdown Menu - Display on Hover */
nav .btnContainer:hover .btnMenu {display:block;}    


/*- Dropdown Menu - Canvas (Hidden by Default). */
                    nav .btnMenu {margin:0 0 0 -1px; display:none; position:absolute; background-color:#D7DBEF;
                                  box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index:1; width:260px; text-align:left;}    


/*- Dropdown Menu - Resting Link (inside the dropdown). Light Gray:#D7DBEF, Dark Blue:#2E2E5B */
                  nav .btnMenu a {color:black; padding:6px 8px; display:block; line-height:normal;}    


/*- Dropdown Menu - Hover Link */
            nav .btnMenu a:hover {background-color:#89c403; color:white; text-decoration:none;}   

/*- End */