/* Flexnav Base Styles */
.flexnav { -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; -webkit-transform-style: preserve-3d; overflow: hidden; margin: 0 auto; width: 100%; max-height: 0; padding-left:0; font-family: "Oswald", sans-serif;}
.flexnav.opacity { opacity: 0; }
.flexnav.flexnav-show { max-height: 2000px; opacity: 1; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.flexnav.one-page { position: fixed; top: 50px; right: 5%; max-width: 200px; }
.flexnav ul{padding-left:0; display:none;}
.flexnav li { font-size: 100%; position: relative; overflow: hidden; }
.flexnav li a { position: relative; display: block; padding: .675em; z-index: 2; overflow: hidden; color: #fff; 
border-bottom: 1px solid #004577; text-decoration: none; font-size:.938em; font-weight: 300; text-transform:uppercase; }
.flexnav li ul { width: 100%; }
.flexnav li ul li { font-size: 100%; position: relative; overflow: hidden; }
.flexnav li ul.flexnav-show li { overflow: visible; }
.flexnav li ul li a {background:#004577; display: block; color:#99c8e9; border-bottom:1px solid #00375f; }
.flexnav ul li ul li a { background: #bfbfbc; }
.flexnav ul li ul li ul li a { background: #cbcbc9; }
.flexnav .touch-button { position: absolute; z-index: 999; top: 0; right: 0; width: 50px; height: 44px; display: inline-block; background: #acaca1; background: rgba(0, 0, 0, 0.075); text-align: center; }
.flexnav .touch-button span {top:6px; position: relative; color: #E0ECF2;}
.flexnav .touch-button:hover { cursor: pointer; }
.flexnav .touch-button .navicon { position: relative; top: 1.1em; font-size: 12px; color: #9A2731; }
.menu-button { position: relative; display: block; padding: 1em; background: none; color: white; cursor: pointer;text-transform:uppercase; }
.menu-button.one-page { position: fixed; top: 0; right: 5%; padding-right: 45px; }
.menu-button .touch-button { background: transparent; position: absolute; z-index: 999; top: 0; right: 0; width: 50px; height: 50px; display: inline-block; text-align: center;}
.menu-button .touch-button span { position: relative; top: .9em; color: white;display:inline-block;width:1.25em; font-family: Arial;}

@media all and (min-width: 768px) {
body.one-page {padding-top: 70px;}
.flexnav {overflow: visible;}
.flexnav.opacity {opacity: 1;}
.flexnav.one-page {top: 0; right: auto; max-width: 1080px;}
.flexnav li {position: relative; list-style: none; float: left; display: block; background: none; overflow: visible;}
.flexnav li a {border-bottom: none; background: none; padding:0.5em 1.0875emem; color:white;}
.flexnav > li > a{max-width:100%;text-align:center;}
.flexnav li:hover > a{color:#fff; background: #004171;}
.flexnav li > ul {background: rgba(53,53,53,.9); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dd353535', endColorstr='#dd353535'); /* IE */ position: absolute; top: auto; left: 0; min-width: 250px;/*min-width: 400px; -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;*/}
.flexnav li > ul li {width: 100%; float:none;}
.flexnav li:last-child ul, .flexnav li:nth-last-child(2) ul, .flexnav li:nth-last-child(3) ul {right: 0; left: auto;}
.flexnav li ul li > ul {margin-left: 100%; top: 0;}
.flexnav li ul li a {background: transparent; border:none; color:white; padding:.75em 1.125em;}
.flexnav li ul li:last-child a{border-bottom:none;}
.flexnav li ul li:hover a{background:rgba(0,84,145,.9);color:white;}
.flexnav li ul.open {display: block; opacity: 1; visibility: visible; z-index: 1;}
.flexnav li ul.open li {overflow: visible; max-height: 100px; }
.flexnav li ul.open ul.open {margin-left: 100%; top: 0;}
.no-touch .flexnav .touch-button,.no-touch .flexnav .touch-button .navicon{display:none;width:0;height:0;}
.flexnav .touch-button{height:37px;width:35px;}
.menu-button {display: none;}
}
.oldie body.one-page {padding-top: 70px;}
.oldie .flexnav {overflow: visible;}
.oldie .flexnav.one-page {top: 0; right: auto; max-width: 1080px;}
.oldie .flexnav li {position: relative; list-style: none; float: left; display: block; background-color: #a6a6a2; width: 20%; min-height: 50px; overflow: visible;}
.oldie .flexnav li:hover > ul {display: block; width: 100%; overflow: visible;}
.oldie .flexnav li:hover > ul li {width: 100%; float: none;}
.oldie .flexnav li a {border-bottom: none; overflow: visible;}
.oldie .flexnav li > ul {background: #acaca1; position: absolute; top: auto; left: 0; display: none; z-index: 1; overflow: visible; }
.oldie .flexnav li ul li ul {top: 0;}
.oldie .flexnav li ul li a {border-bottom: none;}
.oldie .flexnav li ul.open {display: block; width: 100%; overflow: visible;}
.oldie .flexnav li ul.open li {width: 100%;}
.oldie .flexnav li ul.open ul.open {margin-left: 100%; top: 0; display: block; width: 100%; overflow: visible;}
.oldie .flexnav ul li:hover ul {margin-left: 100%; top: 0;}
.oldie .menu-button {display: none;}
.oldie.ie7 .flexnav li {width: 19.9%;}

/* Subnav Styles */
.subnav h2, .subnav h2 a{color:#005491;font-size:16px;font-size:1rem;text-decoration:none;line-height:1.25em; font-weight: 400;}
.interior .content .subnav h2 {margin: 0 0 10px; padding: 0; border-bottom: none;}
.subnav ul{list-style-type:none;padding-left:0;margin:0;}
.subnav ul li ul{display:none;}
.subnav ul li a{color:#6f6f70; text-decoration:none; font-size:1em; font-weight:400; text-transform:uppercase;display:block;padding:.75em 0; border-bottom:1px solid #ccc; position: relative; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out;}
.subnav ul li a:hover{color:#005491;}
.subnav ul li ul li a{color:#fff; background: #959595; padding:.875em 1.25em;}
.subnav ul li ul li a:hover{background:#b1b1b1;color:#fff;}
.hasChildren:after {
    content: "\25BE";
    float: right;
    font-size: 0.875em;
    position: absolute;
    right: -5px;
    top: 11px;
    font-family: Arial;
}
/* No-transition IE8 styles */
.no-csstransitions .flexnav > li > a {max-width:none;}
.no-csstransitions .flexnav li a {padding:0.5em .875em;}

@media all and (min-width:768px) and (orientation:portrait){
	.flexnav > li > a{padding:.7em .6em;max-width:112px; font-size: .675em;}
	.touch .flexnav > li.item-with-ul > a {padding-right: 2em;}
	.flexnav .touch-button {height: 30px; width: 20px;}
	.flexnav .touch-button span {top: 2px;}
}
@media all and (min-width:768px) and (max-width:1024px) and (orientation:landscape){
/*	.touch .flexnav > li > a{padding:1.125em .5em;}*/
	.flexnav li a {font-size: .875em; padding:0.5em .875em;}
	.touch .flexnav > li.item-with-ul > a{padding-right:1.825em;}
	.flexnav .touch-button{width:30px;}
}