@charset "UTF-8";

nav {margin: 0 auto; padding: 0;}
/* body, nav, ul, li, a  {margin: 0 auto; padding: 0;}
body {font-family: Arial Black, Arial, sans-serif; }           */
a {text-decoration: none;}              

.menuwrapper {
	width:100%;
	height:auto;
	max-width: 1064px;                                                     /* width of navbar */
	background-color:#001A44;                                     /* blue starfield: navy */
/*    background-color:#99A1A8;                                 /* ncc1701d: blue-grey */
}

.toggleMenu {
    background: #666;
    color: #fff;
    display:  none;
    padding: 10px 15px;
}

.nav {
    border-bottom:1px solid #2b2e30;
    border-top: 1px solid #2b2e30;
    border-right:none;
    list-style: none;
    margin:0 auto;
/*    *zoom: 1;          */
}

.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}

.nav:after {clear: both;}

.nav ul {
    list-style: none; 		/* strip off bullets */
    width: 9em;
}

.nav a {
    color:#F1EBDE;
    font-family:"Arial Rounded MT Bold";
    font-size:18px;
    font-weight:bolder;
    padding: 22px 25px;			/* adjusts navbar height  and spacing between buttons */
    text-shadow: 1em 1em 2em #000000;
}

.nav li {
    float: left;
    position: relative;
}

.nav li:hover, .nav li:focus { background-color:#0B4185; }

.nav > li > .parent {
    background-image: url("includes/jscripts/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}

.nav > li > a {
   display: block;
   border-left: 2px solid rgba(255, 255, 255, 0.05);
   border-right: 2px solid rgba(0,0,0,0.2);
   }

.nav li  ul {
    position: absolute;
    left: -9999px;
   background-color:#666;
}

.nav li a:hover, nav li a:focus {color:#000409;}

.nav > li:active {background-color:#99A1A8; color:#000409;}
.nav > li.hover > ul { left: 0; }
.nav li li.hover ul {left: 100%;top: 0;}

.nav li li a {
    width:200px;
    height:20px;
    background: #002d60;				/* child dropdown list color */
    border-top: 1.5px solid #777;
    display: block;
    font-family: Arial Black, Verdana;
    font-size:14px;
    font-weight:bold;
    line-height:20px;
    position: relative;
    z-index:100;
}

.nav li li a:hover, .nav li li a:focus {color:#000409;}

.nav li li li a {
    width:175px;
    background:#99a1a8;					/* grandchild dropdown list color */
    border-top: 1.5px solid #888;
    z-index:200;
}


@media screen and (max-width: 768px) {
    .active {display: block;}
    .nav > li {float: none;}
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("includes/jscripts/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

}