/* -----------------------------------------
   Header Menu 
----------------------------------------- */

@media screen and (max-width: 58.75em) { #top-menu { margin-bottom: 15px; border-top: 2px solid #F69321; } }
#top-menu .has-dropdown .dropdown-left, #top-menu .has-dropdown .dropdown-right { display: none; }
#top-menu.top-bar .title-area,
#top-menu.top-bar.expanded .title-area,
#top-menu .top-bar-section ul { background-color: #0B52A0; }
#top-menu .top-bar-section ul li { background-color: #003768; }
#top-menu.top-bar.expanded .title-area { background-color: #F69321; }

.top-bar .name h1 a:hover { color: #F69321; text-decoration: none; }
#top-menu.top-bar.expanded .toggle-topbar a:hover span { box-shadow: none; }
.top-bar .toggle-topbar a:hover { text-decoration: none; }
.top-bar .toggle-topbar.menu-icon:hover span:after { box-shadow:  0 0 0 1px #f69321, 0 7px 0 1px #f69321, 0 14px 0 1px #f69321 }
.top-bar.expanded .toggle-topbar.menu-icon:hover span:after { box-shadow:  0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff }
.top-bar .toggle-topbar.menu-icon:hover a { color: #F69321; }
.top-bar.expanded .menu-icon:hover 
.top-bar .toggle-topbar a:hover { color: #F69321; }


.top-bar.expanded .name h1 a:hover { color: #FFF; }
.top-bar.expanded .toggle-topbar a  { color: #FFF; }
.top-bar.expanded .toggle-topbar a:hover span { box-shadow: 0 10px 0 1px #FFF, 0 16px 0 1px #FFF, 0 22px 0 1px #FFF; }
.top-bar.expanded .toggle-topbar a:hover { color: #FFF; }

.top-bar.expanded .top-bar-section ul li > a { background-color: #0B52A0; }
.top-bar-section ul li > a { color: #F4EFE7; font-weight: bold; }
.top-bar-section ul li:hover > a { color: #F4EFE7; }
.top-bar.expanded .top-bar-section ul li a:hover { background-color: #003768; text-decoration: none; }


@media screen and (min-width: 768px) {
	#top-menu { background-color: #FFF; height: auto; margin-bottom: 0; }
	#top-menu .title-area { display: none; }

	#top-menu .top-bar-section > ul { background-color: #0B52A0; width: 100%; display: inline-block; border-top: 2px solid #F69321; border-bottom: 1px solid #ccc; }

	/*#top-menu .top-bar-section ul > li { background-color: #F4EFE7; }*/
	#top-menu li.divider { display: none; visibility: hidden; }
	#top-menu li:hover > a, #top-menu .active > a { background-color: #F4EFE7; color: #0B52A0; border-bottom: 1px solid #ccc; border-top-left-radius: 3px; border-top-right-radius: 3px; }
	#top-menu li.active a:first-child:after { border-top-color: #0B52A0; }
	#top-menu .active > a { border-bottom: 1px solid transparent; }
	#top-menu li:first-child > a { border-top-left-radius: 0; }
	#top-menu li:last-child > a { border-top-right-radius: 0; }
	
	#top-menu li > a { background-color: #0B52A0; line-height: 30px; padding: 0 22.7px 0 23px !important; border-bottom: 1px solid #0B52A0; font-weight: bold; }
	#top-menu li > a:hover { text-decoration: none; }
	/* TODO */ /*#top-menu .active > a { background-color: #F69321; color: #0B52A0; }*/
	#top-menu .has-dropdown { position: static; }
	
	
	#top-menu .has-dropdown a:first-child:after {
		display: inline-block;
		margin: 0 0 -3px 10px;
		position: static;
		border-style: solid;
	}

    #top-menu .has-dropdown:hover a:first-child:after { border-top-color: #0B52A0; }
    #top-menu .has-dropdown:last-child:hover { border-right: #0B52A0; background-color: #F4EFE7; }

	#top-menu .has-dropdown .top-bar-dropdown { position: relative; }
	#top-menu .has-dropdown .dropdown { visibility: hidden; display: none; }
	#top-menu .has-dropdown .dropdown-left {
		position: absolute;
		left: -1px;
		width: 1002px;
		margin: 0 auto;
		z-index: 10000;
	    top: 31px;
	}

	#top-menu .has-dropdown .dropdown-right {
		position: absolute;
		width: 1002px;
		left: -1px;
		margin: 0 auto;
		z-index: 100;
		top: 31px;
	}

	#top-menu .has-dropdown .dropdown-left a:hover, #top-menu .has-dropdown .dropdown-right a:hover { text-decoration: underline; }

	#top-menu .has-dropdown .dropdown-container { background-color: #F4EFE7; border: 1px solid #ccc; border-top: none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-top: 2px; padding: 15px 0; float: left; width: 100%; }

	.no-js #top-menu .has-dropdown:hover .dropdown-left, .no-js #top-menu .has-dropdown:hover .dropdown-right,
	.lt-ie9 #top-menu .has-dropdown:hover .dropdown-left, .lt-ie9 #top-menu .has-dropdown:hover .dropdown-right { display: block; }

	#top-menu .has-dropdown li a { background-color: #F4EFE7; width: auto; display: inline-block; }

	#top-menu .has-dropdown .dropdown-container li, #top-menu .has-dropdown .dropdown-container li a { line-height: 24px; color: #000; border-bottom: none; }
	#top-menu .has-dropdown .dropdown-container li a:hover { background-color: transparent; color: #F69321; }
	#top-menu .has-dropdown .dropdown-container li:hover {
	    background-color: transparent;
	    color: #FFF;
	}
	
	#top-menu .has-dropdown .dropdown-container li a:hover { color: #F69321; }

	#top-menu .has-dropdown .dropdown-container .dropdown-header { color: #FFF; margin: 0 15px 10px 15px; border-bottom: 1px dashed #ccc; display: none; /* TODO: Remove */ }

	#top-menu .has-dropdown .container-left { float: left; }
	#top-menu .has-dropdown .container-left li { margin: 0; /*min-width: 235px;*/ width: 250px; padding-bottom: 10px; }

	#top-menu .has-dropdown .container-right { width: 30%; float: right; }
	#top-menu .has-dropdown .container-right li { width: 100%; margin: 0; }
	#top-menu .has-dropdown .container-right img { padding-right: 10px; }

	#top-menu .has-dropdown .container-full-width { width: 100%; }

	#top-menu .has-dropdown .container-left li { background: none; }
}

/* -----------------------------------------
   Main Menu
----------------------------------------- */
/* TODO: Remove */
#main-menu .menu-iamge,
#sub-main-menu .menu-iamge { margin-bottom: 15px; text-align: center; }

#main-menu .menu-iamge img,
#sub-main-menu .menu-iamge img { max-height: 100px; padding: 0 5px; }

#main-menu .menu-image,
#sub-main-menu .menu-image { margin-bottom: 15px; text-align: center; }

#main-menu .menu-image img,
#sub-main-menu .menu-image img { max-height: 100px; padding: 0 5px; }

#main-menu ul, #main-menu ul li ul,
#sub-main-menu ul, #sub-main-menu ul li ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #FFF;
}
#main-menu ul li ul,
#sub-main-menu ul li ul { border: none; }
#main-menu ul,
#sub-main-menu ul { margin: 10px 0; border-radius: 3px; border: 1px solid #0B52A0; }
#main-menu ul li,
#sub-main-menu ul li { margin: 0; background-color: #F4EFE7; padding: 0; border-top: 1px solid #ccc; }
#main-menu ul li:first-child, #main-menu ul li:first-child:hover, #main-menu ul li ul li:first-child, #main-menu ul li ul li:first-child:hover,
#sub-main-menu ul li:first-child, #sub-main-menu ul li:first-child:hover, #sub-main-menu ul li ul li:first-child, #sub-main-menu ul li ul li:first-child:hover { border-top: none; }

/*#main-menu ul li.menu-list-item-parent {
    background-color: #F4EFE7;
    background-image: url('../img/caret-down-2.gif');
    background-repeat: no-repeat;
    background-position: 97% 12px;
}
/*#main-menu ul li.menu-list-item-parent:hover {
    background-image: url('../img/caret-down-2.gif');
}*/

#main-menu ul li.menu-list-item-parent-selected,
#sub-main-menu ul li.menu-list-item-parent-selected {
    background-image: url('../img/caret-down-2.gif');
    background-repeat: no-repeat;
    background-position: 97% 12px;
}

#main-menu ul li:hover,
#sub-main-menu ul li:hover { background-color: #0B52A0; border-top: 1px solid #ccc; }
#main-menu ul > li:hover > a,
#sub-main-menu ul > li:hover > a { color: #FFF; }
#main-menu ul li a,
#sub-main-menu ul li a { color: #0B52A0; font-size: 13px; line-height: 20px; padding: 5px 0; margin: 0 15px; display: block; white-space: normal; }
#main-menu ul li a:hover,
#sub-main-menu ul li a:hover { text-decoration: underline; }

#main-menu ul li.menu-list-item-parent-selected,
#sub-main-menu ul li.menu-list-item-parent-selected { background-color: #0B52A0; }

/*#main-menu ul li.menu-list-item-parent { background-color: #0B52A0; }*/
/*#main-menu ul li a.menu-link-item-parent-selected, #main-menu ul li a.menu-link-item-parent-anchor { color: #FFF; font-weight: bold; }*/
/*#main-menu ul li ul.menu-list-item-parent-selected-children { display: block; }*/
#main-menu .dropdown,
#sub-main-menu .dropdown { display: none; }
#main-menu .dropdown li,
#sub-main-menu .dropdown li { background-color: #E1E1E1; }
#main-menu .menu-list-item-parent-selected .dropdown,
#sub-main-menu .menu-list-item-parent-selected .dropdown { display: block; }

#main-menu ul li.menu-list-item-parent-selected a.menu-link-item-parent-selected,
    #sub-main-menu ul li.menu-list-item-parent-selected a.menu-link-item-parent-selected { color: #fff; }

#main-menu ul li ul li a,
#sub-main-menu ul li ul li a { margin: 0 0 0 25px; font-size: 12px; padding-right: 5px; }

#main-menu ul li ul li:hover a,
#sub-main-menu ul li ul li:hover a { color: #FFF; }
/*#main-menu .menu-list-item-parent:hover ul.menu-list-item-parent-selected-children { display: block; }
#main-menu .has-dropdown:hover .dropdown { display: block; }*/

#main-menu .menu-caption { display: none; }
.menu-caption {
	margin-bottom: 10px;
	padding: 5px 0;
	font-size: 18px;
	color: #0B52A0;
    border-bottom: 2px solid #0B52A0;
    font-weight: bold;
}

@media screen and (min-width: 58.75em) {
    #main-menu ul,
    #sub-main-menu ul { margin-top: 0; }
    
    #main-menu ul li.menu-list-item-parent, #main-menu ul li.menu-list-item-parent-selected,
    #sub-main-menu ul li.menu-list-item-parent, #main-menu ul li.menu-list-item-parent-selected {
        background-position: 95% 12px;
    }
}

/* REMOVE */
/*#top-menu .has-dropdown:first-child .dropdown-left { display: block; }*/