/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */

/* remove all list stylings */

#navigation #main-navigation  {
	font-family:Arial, Helvetica, sans-serif;
	background:#4eaeb2;
}

#navigation #main-navigation li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;    /* set font size for li less than size of the a tag in the li to override other li styles from other style sheets that include this horizontal navigation menu  -   jdr */
}

.horizontalMenu, .horizontalMenu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.horizontalMenu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
	
}

.horizontalMenu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.horizontalMenu li li {
	float: none;/* items of the nested menus are kept on separate lines */
}

.horizontalMenu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.horizontalMenu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

.horizontalMenu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.horizontalMenu:after, .horizontalMenu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.horizontalMenu, .horizontalMenu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.horizontalMenu ul {
	background-image: url(https://www.fws.gov/mountain-prairie/homePageNavigationImages/empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.horizontalMenu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
/* -- sticky.submenu.END -- */


/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */

.horizontalMenu {
	border-top: 1px #066 solid;                     /* jdr was f5edc8 then 096 -  very top pixel across main menu  */
	border-bottom: 1px #4eaeb2;                     /* jdr can't see what this does - was f5edc8 */
	}
	

/*  add background images to horizontal buttons individually */

.n1, .n2, .n3, .n4, .n5, .n6, .n7, .n8, .n9 {
	background-image: url(https://www.fws.gov/mountain-prairie/homePageNavigationImages/gradientTeal-no-right-shadow-250x70.jpg);          /* jdr was navbg.gif, then navbgjdr.gif -  background for main navigation */
	/* background-repeat: repeat-x;             jdr commented out 02292012 */
	background-position:bottom right;
}


.horizontalMenu, .horizontalMenu ul li {
	background:#066;                          /*  jdr was f9de58  then #096  small area below the image below */
	
}

.horizontalMenu ul {
	width: 12em;        /*jdr defines the width of the sub menu items */                        
}

.horizontalMenu  .li4 .x4 {               /* set width of drop down for ES */
	width:11.75em;
}

.horizontalMenu  .hzmli8 .x8 {               /* set width of drop down for External Affairs */
	width:11.7em;                   /*was 10.6 em  */
}

.horizontalMenu ul ul {
	border-top: 1px solid white;
}

.horizontalMenu ul li {                                   /* background of the second level list  */
	background-image: none;
	background-color: #9ff              /* jdr  was 9ff  and prior e5e8ce  */ 
}

/* change the background of the drop down menus individually */


.horizontalMenu .x1 li {
	background-color:#4eaeb2;	
}

.horizontalMenu .x2 li {
	background-color:#ca2827;	
}

.horizontalMenu .x3 li {
	background-color:#1b3b74;
}

.horizontalMenu .x4 li {
	background-color:#9ba930;
}

.horizontalMenu .x5 li {
	background-color:#9f7e3a;
}

.horizontalMenu .x6 li {
	background-color:#6699d1;
}

.horizontalMenu .x7 li {
	background-color:#f1c61b;
}

.horizontalMenu .x8 li {
	background-color:#e39734;	
}


.horizontalMenu ul li {        /* set so other ul li definitions won't set properties of this */
	font-size:1em;
}

.horizontalMenu ul li a {
	font-size: .8em;                /* changed from 11 px */
	border-bottom: 1px white solid;
	border-left: 1px white solid;
	border-right: 1px white solid;
}

.horizontalMenu a {
	color: #ffffff;                              /*   jdr letter colors on main navigation - was 68261  */
	font-size:1.0em;        /* 1.6em = 16pt */
	font-weight: bold;
	text-decoration: none;
	display: block;
	position: relative;
	padding: 10px 16px 10px 16px;               /*   jdr was 10 8 10 8  */
	/* border-left: 1px #ffffff solid;             /*   jdr was f5edc8 then 096 - left border on main menu  */
}

.horizontalMenu .hzmli8 a {                      /*  special padding for last menu item to fill out to the right border */
	padding-right:30px;             /*  will need to adjust with top level menu item changes to compensate for extra or less space at end of menu list */
}

/*  add a 1 pixel right white border to all but the last top level menu item buttons */

.horizontalMenu .li1, .horizontalMenu .hzmli2, .horizontalMenu .li3, .horizontalMenu .li4, .horizontalMenu .li5, .horizontalMenu .li6, .horizontalMenu .li7 {
	border-right:1px #ffffff solid;
}

/*    don't need the below code since we've split them out to individual horizontal buttons */

/* .menu a:hover, .menu li:hover>a {
	color: #000000;                                 /*  jdr  text color on hover   */
/*	background-color: #33cccc;                      /*  jdr hover background  bottom border  - was 68261a  */
/*	background-image: url(NavBG-HoverJDR.gif);         /* jdr */
/*	background-repeat: repeat-x;
/*	background-position: top left; */
/* }  

/* change individual horizontal  buttons different colors when hovering */

.horizontalMenu .li1 a:hover, .horizontalMenu .li1:hover>a {              /*when hovering over first button */
	background-color:#4eaeb2;
	background-image:none;
/*	background-image:url(https://www.fws.gov/mountain-prairie/homePageNavigationImages/navbg-hover-4eaeb2.gif);
	background-repeat:repeat-x;
	background-position:top left;  */
	}

.horizontalMenu .hzmli2 a:hover, .horizontalMenu .hzmli2:hover>a {              /*when hovering over 2nd button */
	background-color:#ca2827;
	background-image:none;
/*	background-image:url(https://www.fws.gov/mountain-prairie/homePageNavigationImages/navbg-hover-ca2827.gif);
	background-repeat:repeat-x;
	background-position:top left;  */
	}
	
.horizontalMenu .li3 a:hover, .horizontalMenu .li3:hover>a {              /*when hovering over 3rd button */
	background-color:#1b3b74;
	background-image:none;
	/* background-image:url(https://www.fws.gov/mountain-prairie/homePageNavigationImages/navbg-hover-1b3b74.gif);
	background-repeat:repeat-x;
	background-position:top left; */
}

.horizontalMenu .li4 a:hover, .horizontalMenu .li4:hover>a {              /*when hovering over 4th button */
	background-color:#9da930;
	background-image:none;
/*	background-image:url(https://www.fws.gov/mountain-prairie/homePageNavigationImages/navbg-hover-9da930.gif);
	background-repeat:repeat-x;
	background-position:top left; */
	}
	
.horizontalMenu .li5 a:hover, .horizontalMenu .li5:hover>a {              /*when hovering over 5th button */
	background-color:#9f7e3a;
	background-image:none;
/*	background-image:url(https://www.fws.gov/mountain-prairie/homePageNavigationImages/navbg-hover-9f7e3a.gif);
	background-repeat:repeat-x;
	background-position:top left;  */
	}
	
.horizontalMenu .li6 a:hover, .horizontalMenu .li6:hover>a {              /*when hovering over 6th button */
	background-color:#6699d1;
	background-image:none;
/*	background-image:url(https://www.fws.gov/mountain-prairie/homePageNavigationImages/navbg-hover-6699d1.gif);
	background-repeat:repeat-x;
	background-position:top left; */
	}
	
.horizontalMenu .li7 a:hover, .horizontalMenu .li7:hover>a {              /*when hovering over 7th button */
	background-color:#f1c61b;
/*	background-image:url(https://www.fws.gov/mountain-prairie/homePageNavigationImages/navbg-hover-f1c61b.gif);
	background-repeat:repeat-x;
	background-position:top left;  */
	background-image:none;
	}
	
.horizontalMenu .hzmli8 a:hover, .horizontalMenu .hzmlli8:hover>a {              /*when hovering over 8th button */
	background-color:#e39734;
	background-image:none;
	}	
/*   end of hover background color 	changes for top level menu items */


/* change background of second level menu items which hovered over */

.horizontalMenu .li1 .x1 a:hover, .horizontalMenu .li1 .x1:hover>a {              /*when hovering over 2nd button's second level navigation items */
	background-color:#5ac5c2;
	background-image:none;
	/*
	background-image:url(https://www.fws.gov/mountain-prairie/homePageNavigationImages/navbg-hover-5ac5c2.gif);
	background-repeat:repeat-x;
	background-position:top left; */
}



.horizontalMenu .hzmli2 .x2 a:hover, .horizontalMenu .hzmli2 .x2:hover>a {              /*when hovering over 2nd button's second level navigation items */
	background-color:#ee312e;
	background-image:none;
	color:#ffffff;     /* sub link white when hovered */
/*	background-image:url(https://www.fws.gov/mountain-prairie/homePageNavigationImages/navbg-hover-ee312e.gif);
	background-repeat:repeat-x;
	background-position:top left;  */
}

.horizontalMenu .li3 .x3 a:hover, .horizontalMenu .li3 .x3:hover>a {              /*when hovering over 3rd button's second level navigation items */
	background-color:#1b6ba5;
	background-image:none;
	color:#ffffff;
	/*	background-image:url(https://www.fws.gov/mountain-prairie/homePageNavigationImages/navbg-hover-1b6ba5.gif);
	background-repeat:repeat-x;
	background-position:top left; */
}

.horizontalMenu .li4 .x4 a:hover, .horizontalMenu .li4 .x4:hover>a {              /*when hovering over 4th button's second level navigation items */
	background-color:#9dc22b;
	background-image:none;
	/*
	background-image:url(https://www.fws.gov/mountain-prairie/homePageNavigationImagesnavbg-hover-9dc22b.gif);
	background-repeat:repeat-x;
	background-position:top left; */
}

.horizontalMenu .li5 .x5 a:hover, .horizontalMenu .li5 .x5:hover>a {              /*when hovering over 5th button's second level navigation items */
	background-color:#c1a054;
	background-image:none;
	color:#ffffff;
/*	background-image:url(https://www.fws.gov/mountain-prairie/homePageNavigationImages/navbg-hover-c1a054.gif);
	background-repeat:repeat-x;
	background-position:top left; */
}

.horizontalMenu .li6 .x6 a:hover, .horizontalMenu .li6 .x6:hover>a {              /*when hovering over 6th button's second level navigation items */
	background-color:#65bcdd;
	background-image:none;
	/*	background-image:url(https://www.fws.gov/mountain-prairie/homePageNavigationImages/navbg-hover-65bcdd.gif);
	background-repeat:repeat-x;
	background-position:top left; */
}

.horizontalMenu .li7 .x7 a:hover, .horizontalMenu .li7 .x7:hover>a  {              /*when hovering over 7th button's second level navigation items */
	background-color:#f1d736;
	background-image:none;
	/*
	background-image:url(https://www.fws.gov/mountain-prairie/homePageNavigationImages/navbg-hover-f1d736.gif);
	background-repeat:repeat-x;
	background-position:top left;  */
}

.horizontalMenu .hzmli8 .x8 a:hover, .horizontalMenu .hzmli8 .x8:hover>a {              /*when hovering over 8th button's second level navigation items */
	background-color:#e3b537;
	background-image:none;
	/* background-image:url(https://www.fws.gov/mountain-prairie/homePageNavigationImages/navbg-hover-e3b537.gif);
	background-repeat:repeat-x;
	background-position:top left; */
}

/* end of setting background colors for hovered second level navigation items */

.horizontalMenu li li a {
	font-weight: normal;
	padding: 3px 8px 3px 8px;
	color:#000000;                                  /*  jdr - added to change color of secondary links */
}

/*  change the color of the dropdown elements to white */

.horizontalMenu .hzmli2 li a {
	color:#ffffff;
}

.horizontalMenu .li3 li a {
	color:#ffffff;
}

.horizontalMenu .li5 li a {
	color:#ffffff;
}


/*  don't change the color of the upper lever link after visited */

.horizontalMenu .n1:visited {
	color:#ffffff;
}
.horizontalMenu .n2:visited {
	color:#ffffff;
}
.horizontalMenu .n3:visited {
	color:#ffffff;
}
.horizontalMenu .n4:visited {
	color:#ffffff;
}
.horizontalMenu .n5:visited {
	color:#ffffff;
}
.horizontalMenu .n6:visited {
	color:#ffffff;
}
.horizontalMenu .n7:visited {
	color:#ffffff;
}
.horizontalMenu .n8:visited {
	color:#ffffff;
}


/*    jdr commented out because this may be overriding the second level background changes made above */

/*.horizontalMenu ul li a:hover {
	background-image: none;
}
*/

.horizontalMenu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

.horizontalMenu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 0px;              /*  was 5px but wanted it flush with the item */
	left: 100%;           /* was 90% - changed 06112012 jdr */
	border-top:medium #F00 hidden;          /* this hides the rogue with top border that was above the secondary menu - jdr */
	}