﻿/* Navigation */
/* Based on Son of Suckerfish: http://www.htmldog.com/articles/suckerfish/dropdowns */

#nav {
	margin: 0 13px;
	float: left;
	width: 960px;
	height: 44px;
	font-size: 1.6em;
	/*background: #161640;*/
	font-family: "Helvetica Neue W01 77 Bd Cn", Arial, sans-serif;
}

/* Begin First Level Lists */

#nav ul {
	float: left;
	width: auto;
	height: 44px;
	margin: 0;
	padding: 0;
	line-height: 1;
	list-style: none;
  /*border-right: 1px solid #5b5b75;*/
}
#nav ul#media-center { border: 0; }

/* All List Items */

#nav ul li { 
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
}

#nav ul li a {
	display: block;
	margin: 0;
	padding: 0;
	width: auto;
	height: 44px;
	overflow: hidden; 
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	background: url('../../SiteImages/bg-nav-rounded.gif') top center #161640;
	cursor: pointer;
}

/*#nav ul li a span { display: block; padding: 13px 0 15px 0; } */
#nav ul li a span { left: -999em; position: absolute; }
#nav ul li a img { padding: 0; margin: 0 auto; }
#nav ul li ul li a img { padding: 0; }

#nav ul li.item1 a { width: 88px;  background: url('../../SiteImages/bg-nav-rounded.gif') top left no-repeat; }
#nav ul li.item2 a { width: 122px; }
#nav ul li.item3 a { width: 115px; }
#nav ul li.item4 a { width: 177px; }
#nav ul li.item5 a { width: 115px; }
#nav ul li.item6 a { width: 108px; }
#nav ul li.item7 a { width: 124px; }
#nav ul li.item8 a { width: 111px; background: url('../../SiteImages/bg-nav-rounded.gif') top right no-repeat;}

#nav ul li a em { display: block; height: 44px; }

#nav ul li.sfhover.item1 a em  { background: url('../../SiteImages/nav/military_on.png') top center no-repeat; }
#nav ul li.sfhover.item1 img.menu-image { display: none; }
#nav ul li.sfhover.item2 a em  { background: url('../../SiteImages/nav/civil_on.png') top center no-repeat; }
#nav ul li.sfhover.item2 img.menu-image { display: none; }
#nav ul li.sfhover.item3 a em  { background: url('../../SiteImages/nav/commercial_on.png') top center no-repeat; }
#nav ul li.sfhover.item3 img.menu-image { display: none; }
#nav ul li.item4 a:hover { background: url('../../SiteImages/nav/instruction_on.png') top center no-repeat; }
#nav ul li.item4 a:hover img.menu-image { display: none; }
#nav ul li.item5 a:hover  { background: url('../../SiteImages/nav/courseware_on.png') top center no-repeat; }
#nav ul li.item5 a:hover img.menu-image { display: none; }
#nav ul li.sfhover.item6 a em  { background: url('../../SiteImages/nav/about_on.png') top center no-repeat; }
#nav ul li.sfhover.item6 img.menu-image { display: none; }
#nav ul li.sfhover.item7 a em  { background: url('../../SiteImages/nav/media_on.png') top center no-repeat; }
#nav ul li.sfhover.item7 img.menu-image { display: none; }
#nav ul li.sfhover.item8 a em  { background: url('../../SiteImages/nav/contact_on.png') top center no-repeat; }
#nav ul li.sfhover.item8 img.menu-image { display: none; }

#nav ul li.item8 ul li a { background: none; }

#nav ul li.sfhover.item4 a:hover em { background: url('../../SiteImages/nav/instruction_on.png') top center no-repeat; }

#nav ul li.sfhover a, #nav ul li a:hover { color: #000000; background: url('../../SiteImages/bg-nav-rounded.gif') bottom center no-repeat; }
#nav ul li.sfhover.item1 a, #nav ul li.item1 a:hover { background: url('../../SiteImages/bg-nav-rounded.gif') bottom left no-repeat; color: #000000; }
#nav ul li.sfhover.item8 a, #nav ul li.item8 a:hover { background: url('../../SiteImages/bg-nav-rounded.gif') bottom right no-repeat; color: #000000; }

#nav ul li.sfhover.item1 ul li a, #nav ul li.sfhover.item8 ul li a { background: none; }



/* Begin Second Level Lists */

#nav ul li ul { 
	position: absolute;
	background: #FFFFFF;
	width: 200px;
	height: auto;
	margin: 0 0 0 -1px;
	padding: 0;
	left: -999em;
	z-index: 999;
	font-size: 12px;
	border: 1px solid #939492;
	border-top: 0;
	font-family: Arial, Helvetica, sans-serif;
}

#nav ul li.item1 ul { margin-left: 0; /*border-left: 0;*/ }
#nav ul li.item6 ul, #nav ul li.item7 ul { width:150px; }
#nav ul li.item7 ul { margin-left: 0px; /*border-right: 0;*/ }
#nav ul li.item8 ul { margin-left: -91px; /*border-right: 0;*/ }

#nav ul li ul li { float: left;	margin: 0;	padding: 0;	width: 200px; }

#nav ul li ul li a { display: block; overflow: visible; text-align: left; margin: 0; padding: 0; width: 200px; height: auto;}

#nav ul li.item1 ul li a { display: block; overflow: visible; text-align: left; margin: 0; padding: 0; width: 200px; height: auto;}
#nav ul li.item2 ul li a { display: block; overflow: visible; text-align: left; margin: 0; padding: 0; width: 200px; height: auto;}
#nav ul li.item3 ul li a { display: block; overflow: visible; text-align: left; margin: 0; padding: 0; width: 200px; height: auto;}
#nav ul li.item4 ul li a { display: block; overflow: visible; text-align: left; margin: 0; padding: 0; width: 200px; height: auto;}
#nav ul li.item5 ul li a { display: block; overflow: visible; text-align: left; margin: 0; padding: 0; width: 150px; height: auto;}
#nav ul li.item6 ul li a { display: block; overflow: visible; text-align: left; margin: 0; padding: 0; width: 150px; height: auto;}
#nav ul li.item7 ul li a { display: block; overflow: visible; text-align: left; margin: 0; padding: 0; width: 150px; height: auto;}
#nav ul li.item8 ul li a { display: block; overflow: visible; text-align: left; margin: 0; padding: 0; width: 200px; height: auto;}

#nav ul li ul li a span { left: auto; position: static; display: block; padding: 7px 10px; line-height:14px;}

#nav ul li ul li .sf-sub-indicator { display: block; position: absolute; right: 0;  width: 10px; height: 28px; background: url('../../SiteImages/_global/arrow-red-small.gif') left no-repeat; }

#nav ul li.sfhover ul li a { background: none; } 

#nav ul li.active ul li a { background: none; } /* Negated top level highlighting on sub levels */

#nav ul li.item8 ul li a:hover  { background: #ECECEC; }

#nav ul li.item1 ul li a:hover  { background: #ECECEC; }

#nav ul li ul li a:hover  { background: #ECECEC; }

#nav ul li.active ul li a:hover  { background: #ECECEC; }

#nav ul li.item8 ul li.sfhover a:hover  { background: #ECECEC; }

#nav ul li.item1 ul li.sfhover a:hover  { background: #ECECEC; }

#nav ul li.item8 ul li.sfhover a  { background: #ECECEC; }

#nav ul li.item1 ul li.sfhover a  { background: #ECECEC; }

#nav ul li ul li.sfhover a  { background: #ECECEC; }


/* Begin Third Level Lists */

#nav ul li ul li ul { 
	position: absolute;
	background: #ECECEC;
	width: 200px;
	margin: -28px 0 0 250px; /* Adjust -1em to fit the height of a list item */
	padding: 0;
	left: -9999em;
	z-index: 999;
	border: 1px solid #939492;
}
#nav ul li.item1 ul li ul { margin-left: 200px; }
#nav ul li.item6 ul li ul { margin-left: 150px; }
#nav ul li.item8 ul li ul { margin-left: -200px; margin-top: -27px; }

#nav ul li ul li ul li { float: left; margin: 0; padding: 0; width: 200px;}
#nav ul li ul li ul a { display: block; margin: 0; padding: 0; width: 200px;}

#nav ul li.item1 ul li ul li a:hover, #nav ul li.item8 ul li ul li a:hover  { background: #cacad3; }

#nav ul li ul li ul li a:hover  { background: #cacad3; }

#nav ul li.active ul li ul li a:hover  { background: #cacad3; }

#nav ul li.item1 ul li.sfhover ul li a:hover, #nav ul li.item8 ul li.sfhover ul li a:hover  { background: #cacad3; }

#nav li:hover { position: static; background-position: 0 0; } /* Fixes IE sticky dropdowns somehow? */
#nav li.sfhover ul ul ul { left: -999em; }
#nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul ul ul { left: -999em; }
#nav li:hover ul ul { left: -999em; }
#nav li li li.sfhover ul { left: auto; }

#nav li li.sfhover ul { left: auto; }

#nav li.sfhover ul { left: auto; }

#nav li li li:hover ul { left: auto; }

#nav li li:hover ul { left: auto; }

#nav li:hover ul { left: auto; }






/*---SharePoint Global Navigation Styles---*/
/*
.menu-horizontal{
margin-left: 15px;
  float: left;
  width: 960px;
  height: 44px;
  font-size: 11pt;
}
.menu-horizontal ul li {
color:#fff!important;
min-height:44px;
border:0px;
padding:0px;
margin:0px;
}
.menu-horizontal ul li a{
color: #2d2d2d !important;
font-weight:bold;
border:0px!important;
padding:0px !important;
margin:0px;
height:44px!important;
 padding-left: 20px; padding-right: 20px;
 }
 .menu-horizontal ul.root li a:hover {
text-decoration:none!important;
color: #000000 !important;
border:0px;
padding:0px;
margin:0px;
color: #000000; background: url('../../SiteImages/bg-nav-rounded.gif') bottom center no-repeat #FFFFFF;
}

.menu-horizontal ul li a { width: 156px; background: url('../../SiteImages/nav/military_off.gif') no-repeat;}
.menu-horizontal ul li a:hover { background: url('../../SiteImages/nav/military_on.gif') no-repeat;}

.menu-horizontal ul li + li a {  width: 188px; background: url('../../SiteImages/nav/civil_off.gif') top center no-repeat;}
.menu-horizontal ul li + li a:hover {  background: url('../../SiteImages/nav/civil_on.gif') top center no-repeat;}

.menu-horizontal ul li + li + li a {width: 165px; background: url('../../SiteImages/nav/commercial_off.gif') top center no-repeat;}
.menu-horizontal ul li + li + li a:hover { background: url('../../SiteImages/nav/commercial_on.gif') top center no-repeat;}

.menu-horizontal ul li + li + li + li a { width: 114px; background: url('../../SiteImages/nav/about_off.gif') top center no-repeat;}
.menu-horizontal ul li + li + li + li a:hover { background: url('../../SiteImages/nav/about_on.gif') top center no-repeat;}

.menu-horizontal ul li + li + li + li + li a {width: 129px; background: url('../../SiteImages/nav/media_off.gif') top center no-repeat;}
.menu-horizontal ul li + li + li + li + li a:hover {background: url('../../SiteImages/nav/media_on.gif') top center no-repeat;}

.menu-horizontal ul li + li + li + li + li + li a {  width: 95px; background: url('../../SiteImages/nav/careers_off.gif') top center no-repeat;}
.menu-horizontal ul li + li + li + li + li + li a:hover {  background: url('../../SiteImages/nav/careers_on.gif') top center no-repeat;}

.menu-horizontal ul li + li + li + li + li + li + li a {  width: 113px; background: url('../../SiteImages/nav/contact_off.gif') top center no-repeat;}
.menu-horizontal ul li + li + li + li + li + li + li a:hover { background: url('../../SiteImages/nav/contact_on.gif') top center no-repeat;}


.menu-horizontal ul.root .additional-background{	left: -999em; position: absolute;}
.menu-horizontal ul.static li ul .additional-background{	left: 0 !important; position:absolute;}

.menu-horizontal ul li ul li a{
color:#000000 !important;
font-weight:bold;
background: #FFFFFF !important;
	display: block;
	overflow: visible;
	text-align: left;
	margin: 0;
	padding: 0;
	width: 200px;
	height: auto;

 }

.menu-horizontal ul.dynamic li ul{
	position: absolute;
	background: #FFFFFF;
	width: 200px;
	height: auto;
	margin: 0 0 0 -1px;
	padding: 0;
	left: -999em;
	z-index: 999;
	font-size: 12px;
	border: 1px solid #939492;
	border-top: none;
	font-family: Arial, Helvetica, sans-serif !important;

}
.menu-horizontal A.dynamic-children span {
display: block; background: url('../../SiteImages/_global/arrow-red-small.gif') left no-repeat;
width: 200px;
height:
}

.menu-horizontal A.dynamic-children SPAN.additional-background {
background: none !important;
}

.menu-horizontal ul.static .menu-item-text{
	padding: 12px 20px;
}



.menu-horizontal ul.dynamic {
background-image:none!important;
border:1px solid #f7f7f7;
border-top: none;
border-bottom:1px solid #ccc;
margin:0px;
padding:0px;

}
.menu-horizontal li.dynamic {
background-image:none!important;
}
.menu-horizontal li.dynamic > .menu-item {
display:block;
padding-left:19px!important;
white-space:nowrap;
font-weight:normal;
background-color:#ffffff!important;
color:#333!important;
}
.menu-horizontal li.dynamic > a:hover {
background-color:#ffffff;
}

*/


