/* Rudimentary mega menu CSS for demonstration */

        /* mega menu list */
        .nav-menu {
            display: block;
            list-style: none;
            margin: 0;
			padding:0;
            z-index: 15; 
			clear:both; 
			background:#013b63; 
			border-radius:10px 10px 0 0; 
			position:relative;
        }

        /* a top level navigation item in the mega menu */
        .nav-item {
            list-style: none;
            display: inline-block;
			padding: 0px 0px;
        }

        /* first descendant link within a top level navigation item */
        .nav-item > a {
            position: relative;
            display: inline-block;
            margin: 0;
			padding:6px 10px;
			border-bottom: 0;
			color: #FFF;
			background-color: #003a63;
			text-decoration:none;
			font:normal 18px/21px 'GothamHTFBoldCondensed';
        }

        /* focus/open states of first descendant link within a top level 
           navigation item */
        .nav-item > a:focus,
        .nav-item > a.open,
        .nav-item > a.hover {
			color: #FFFFF;
            background-color: #590c0d;
        }

		.nav-item li.hover, nav-item:focus {background:#590c0d;}

        /* open state of first descendant link within a top level 
           navigation item */
        .nav-item > a.open {
            background-color: #590c0d;
            border-bottom: none;
            z-index: 1;
        }

        /* sub-navigation panel */
        .sub-nav {
            position: absolute;
            display: none;
            margin: 0;
            padding: 0;
            background-color: #590c0d;
			color:#FFFFFF;
			font-weight:normal; 
			text-transform:none; 
			font-family:'open_sanssemibold'; 
        }


        /* sub-navigation panel open state */
        .sub-nav.open {
            display: block;
        }


        /* list of items within sub-navigation panel */
        .sub-nav ul {
            display: inline-block;
            vertical-align: top;
            margin: 0px;
            padding: 0px;
        }

        /* list item within sub-navigation panel */


		.sub-nav li a.hover {
			color:#FFFFFF;
			text-decoration:underline;
        }
		


.nav-menu li:focus, nav-menu li:hover {
	color:#FFF; 
	background:#013b63;
}

.sub-nav-group li:focus, .sub-nav-group li:hover {
	color:#FFF; 
	background:#003a63;
}

.sub-nav-group, .sub-nav-group li {padding:0; margin:0;}

        .sub-nav li {
            display: block;
            list-style-type: none;
			padding: 0.5em 0.5em;
			min-width:250px;
			padding: 7px 12px;
        }
        .sub-nav li a {
			color:#FFFFFF;
			text-decoration:none;
        }

@media screen and (max-width: 480px) {
    .sub-nav {display:none; display:hidden; visibility:hidden;}
	.nav-item {display:block;}
	.sub-nav-group {display:none; display:hidden; visibility:hidden;}
	.nav-menu {width:100%; position:relative; border-radius:10px 10px 0 0; }
	.nav-item {border-bottom: 1px solid #dedede; padding: 0; margin:0px 10px;}
	.sub-nav-group, .sub-nav-group li {padding:0px 10px; margin:0;}
	.subnav ul {padding:0; margin:0;}
	.subnav li {padding:3px; margin:0;}
	.subnav li:hover {background:#590c0d;}
	
			
	
}
@media screen and (max-width: 775px) {
	.sub-nav {display:none; display:hidden; visibility:hidden;}
	.nav-item {display:block;}
	.sub-nav-group {display:none; display:hidden; visibility:hidden;}
	.nav-menu {width:100%; position:relative; border-radius:10px 10px 0 0; }
	.nav-item {border-bottom: 1px solid #dedede; padding: 0; margin:0px 10px;}
	.sub-nav-group, .sub-nav-group li {padding:0px 10px; margin:0p;}
	.subnav ul {padding:0; margin:0;}
	.subnav li {padding:3px; margin:0;}
	.subnav li:hover {background:#590c0d;}
}

.mobilenav {display: block;
            list-style-type: none;
			margin:0px;
			padding:0px;
            z-index: 15; 
			clear:both; 
			background:#013b63; 
			border-radius:5px; 
			position:relative;
			text-decoration:none;
			font:normal 18px/21px 'GothamHTFBoldCondensed';}

.mobilenav ul {list-style-type: none; margin:0px; padding:0px;} 
.mobilenav ul li {list-style-type: none; margin:0px; padding:5px 10px;}

.mobilenav li {width:98%; position:relative; background-color: #013b63; border-bottom: 1px solid #dedede; }
.mobilenav li:hover {background:#590c0d;}
.mobilenav li:focus {background:#590c0d;}
.mobilenav li a {color:#FFFFFF; width:98%; height:33px; text-decoration:none;}