/*

 padding: top right bottom left

 Website colors and accents:

 white (generic background of dropdown menus): #FFFFFF

 any ie and firefox differences need to go at the end of the sub, then repeat it in the actual header of the page to get it to work for ie 7, see Tanja for details:

*/

/********* Main Drop Down Menu *********/

/* nav: sets up the top level navigation menu */

ul#nav {
	margin: 0px;
	padding: 0px 1px 0px 0px;     /* padding of position of whole menu */ 
 	float: right;
 	list-style: none;
}

/* nav li: deals with position and size, top level of the menu, ie the tabs */

ul#nav li {
	float: left;
 	padding: 0px 0px 0px 10px;    /* padding of tab images (left and right tab), needed */
 	line-height: 9px;             /* height of tab */
	z-index: 1000;
	position: relative;
}

ul#nav li a {
	text-decoration: none;
	padding: 6px 12px 4px 2px;	
}

/* nav li ul: deals with position and size, first dropdown menu */

ul#nav li ul {
	display: none; 
	z-index: 300; 
	position: absolute; 
	top: 19px;              /* vertical position of first level dropdown */
	list-style: none;
}

ul#nav li:hover ul {
	display: block; 
	background-image: none; /* FIXED THIS */
	padding: 0px 0px 0px 0px; /* padding of actual box of first dropdown menu, needed */
	width: 165px;             /* width of the dropdown menu, colored area */
}

ul#nav li#nav_searches:hover ul {
	left: -130px;             /* ie: moves the horizontal location of the first dropdown menu */
	left /* */: -91px;        /* firefox: moves the horizontal location of the first dropdown menu */
}

ul#nav li#nav_genomes:hover ul {
	left: -101px;             /* ie: moves the horizontal location of the first dropdown menu */
	left /* */: -61px;        /* firefox: moves the horizontal location of the first dropdown menu */
}

ul#nav li#nav_compana:hover ul {
	left: -79px;             /* ie: moves the horizontal location of the first dropdown menu */
	left /* */: -40px;        /* firefox: moves the horizontal location of the first dropdown menu */
}

ul#nav li#nav_genes:hover ul {
	left: -156px;             /* ie: moves the horizontal location of the first dropdown menu */
	left /* */: -118px;       /* firefox: moves the horizontal location of the first dropdown menu */
}

ul#nav li#nav_downloads:hover ul {
	left: -120px;             /* ie: moves the horizontal location of the first dropdown menu */
	left /* */: -81px;        /* firefox: moves the horizontal location of the first dropdown menu */
}

ul#nav li#nav_carts:hover ul {
	left: -153px;             /* ie: moves the horizontal location of the first dropdown menu */
	left /* */: -114px;       /* firefox: moves the horizontal location of the first dropdown menu */
}

/* nav li ul li: deals with position and size first dropdown menu text */

ul#nav li ul li {
	padding: 0px 0px 0px 0px;  /* position of text in the box, needed */ 
}

/* ul#nav li ul li.submenu: puts the arrow on submenu */

ul#nav li ul li.submenu {
	background-repeat: no-repeat !important;     /* stops the arrow from repeating */
	background-position: 0.5% 40% !important;    /* puts the arrow in the middle of the cell */
}

ul#nav li:hover ul li {
	width: 165px;        /* width of the dropdown menu, mouseover area, needed */
	height: 20px;        /* height of each cell first level dropdown, needed */
}

/* ul#nav li:hover ul li a: removes background from submenu */

ul#nav li:hover ul li a {
	margin: 0px 0px 0px 9px !important;    /* margin of text all dropdowns use margin so arrows are visible, needed */ 
	padding: 5px 0px 0px 0px !important;    /* padding of text all dropdowns, needed */
	background-image: url("#") !important;  /* keeps the tab from showing in the dropdown, needed */
}

/* ul#nav li:hover ul li ul: deals with position and size, submenu, hides the box */

ul#nav li:hover ul li ul {
	display: none; 
 	position: absolute; 
	top: -1px;            /* moves the vertical position of the second dropdown menu, needed */
}

ul#nav li#nav_searches:hover ul li ul {
	left: -208px;         /* ie: moves the horizontal location of the second dropdown menu */
	left /* */: -168px;   /* firefox: moves the horizontal location of the second dropdown menu */
}

ul#nav li#nav_genomes:hover ul li ul {
	left: -208px;         /* ie: moves the horizontal location of the second dropdown menu */
	left /* */: -168px;   /* firefox: moves the horizontal location of the second dropdown menu */
}

ul#nav li#nav_compana:hover ul li ul {
	left: -208px;         /* ie: moves the horizontal location of the second dropdown menu */
	left /* */: -168px;   /* firefox: moves the horizontal location of the second dropdown menu */
}

ul#nav li#nav_genes:hover ul li ul {
	left: -208px;         /* ie: moves the horizontal location of the second dropdown menu */
	left /* */: -168px;   /* firefox: moves the horizontal location of the second dropdown menu */
}

ul#nav li#nav_downloads:hover ul li ul {
	left: -208px;         /* ie: moves the horizontal location of the second dropdown menu */
	left /* */: -168px;   /* firefox: moves the horizontal location of the second dropdown menu */
}

ul#nav li#nav_carts:hover ul li ul {
	left: -208px;         /* ie: moves the horizontal location of the second dropdown menu */
	left /* */: -168px;   /* firefox: moves the horizontal location of the second dropdown menu */
}

/* ul#nav li:hover ul li:hover: change color when you mouse over submenu */

ul#nav li:hover ul li:hover {
	background: #FFFFFF;  /* makes the backgound white and hides the tab image, needed */
}

/* ul#nav li:hover ul li:hover ul: display block for selected box in submenu */

ul#nav li:hover ul li:hover ul {
	display: block; 
}

/* ul#nav li ul li ul li.submenu2: puts the arrow on submenu2 */

ul#nav li ul li ul li.submenu2 {
	background-repeat: no-repeat !important;     /* stops the arrow from repeating */
	background-position: .5% 40% !important;
}

ul#nav li:hover ul li:hover ul li {
	width: 165px;        /* width of the dropdown menu, mouseover area, needed */
	height: 20px;        /* height of each cell second level dropdown, needed */
}

/* nav li ul li ul li ul: deals with position and size, submenu2, hides the box */

ul#nav li:hover ul li ul li ul {
	display: none !important;  /* stops the next level menu from showing */
	left : -217px;             /* ie: moves the horizontal location of the third dropdown menu */
	left /* */: -177px;        /* firefox: moves the horizontal location of the third dropdown menu */
}

ul#nav li:hover ul li:hover ul li:hover ul {
	display: block !important;
}

/* ul#nav li:hover ul li:hover ul li:hover & a: change color when you mouse over submenu */

ul#nav li:hover ul li:hover ul li:hover {
	background: #FFFFFF; 
}

ul#nav li:hover ul li:hover ul li:hover a {
	background: #FFFFFF !important; 
}

/* ul#nav li:hover ul li:hover ul li:hover ul li:hover & a: change color when you mouse over submenu2 */

ul#nav li:hover ul li:hover ul li:hover ul li:hover {
	background-color: #FFFFFF !important; 
}

ul#nav li:hover ul li:hover ul li:hover ul li:hover a {
  	background-color: #FFFFFF !important;
}

/********* Organism Drop Down Menu *********/

ul#nav_org {
	margin: 0px;
	padding: 0px;
	float: right;
 	list-style: none;
}

ul#nav_org li {
	float: left;
 	margin: 0px;
 	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 100;
}

ul#nav_org li a {
	display: block;
	text-decoration: none;
}

ul#nav_org li a.org_drop_down {
 	padding: 0px 13px 0px 0px !important;
}

ul#nav_org li ul {
	display: none; 
	left: -1px; 
	position: absolute; 
	top: 13px;
	list-style: none;
}

/* ul#nav_org li:hover ul: first level of drop down menu */

ul#nav_org li:hover ul {
	display: block; 
	position: absolute;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 170px;       /* width of the first dropdown menu, colored area */
	left: -112px;       /* ie: moves the horizontal location of the first dropdown menu */
	left /* */: -76px;  /* firefox: moves the horizontal location of the first dropdown menu */
}

/* ul#nav_org li ul li: these are the first level names */

ul#nav_org li ul li {
	text-align: left;
	font-style: normal;
}

ul#nav_org li ul li a {
	background: url("") no-repeat !important;
	text-align: left;
	font-size: 12px; 
	padding: 3px 0px 0px 10px !important;        /* ie: moves the text */
	padding /* */: 4px 0px 0px 8px !important;   /* firefox: moves the text */
}


ul#nav_org li:hover ul li {
	display: block; 
	width: 170px;  /* width of the first dropdown menu, mouseover area*/
	height: 20px; 
	font-style: normal;
}

ul#nav_org li:hover ul li:hover {
	display: block; 
	background-color: #FFFFFF !important; 
}

ul#nav_org li:hover ul li ul {
	display: none; 
	position: absolute;
	top: -1px;
	left: -213px;        /* ie: moves the horizontal location of the second dropdown menu */
	left /* */: -173px;  /* firefox: moves the horizontal location of the second dropdown menu */
}

ul#nav_org li:hover ul li:hover ul {
	display: block; 
	width: 170px;  /* width of the second dropdown menu */
}

ul#nav_org li ul li ul li {
	font-size: 12px !important;
	text-align: left;
	background: url("") no-repeat !important;
}

ul#nav_org li ul li ul li.final_option {
	background: url("/Burkholderia/images/spacer.gif") no-repeat 0.2% 50% !important;
}

ul#nav_org li ul li ul li.orgmenu2 {
	font-size: 12px !important;
	text-align: left;
	background: url("") no-repeat !important;
	text-align: left;
}

ul#nav_org li ul li ul li a {
	background: url("") no-repeat !important;
	padding: 3px 0px 0px 1px !important;        /* ie: moves the text */
	padding /* */: 4px 0px 0px 1px !important;  /* firefox: moves the text */
}

ul#nav_org li:hover ul li:hover ul li {
	display: block; 
	width: 162px;   /* width of the second dropdown menu, mouseover area*/
	height: 20px; 
	font-style: normal;
	font-size: 12px;
	padding: 0px 0px 0px 8px !important;
}

ul#nav_org li:hover ul li:hover ul li.nothing:hover {
	display: block; 
	background-color: #FFFFFF !important; 
}

ul#nav_org li:hover ul li:hover ul li ul {
	display: none; 
	position: absolute;
	top: -1px;
	left: -213px;        /* ie: moves the horizontal location of the third dropdown menu */
	left /* */: -173px;  /* firefox: moves the horizontal location of the third dropdown menu */
}

ul#nav_org li:hover ul li:hover ul li:hover ul {
	display: block; 
	width: 170px;        /* width of the third dropdown menu */
}

ul#nav_org li ul li ul li ul li {
	background: url("") no-repeat !important;
	text-align: left;
	font-style: normal;
	font-size: 12px !important;
	padding: 0px 0px 0px 8px !important;
}

ul#nav_org li ul li ul li ul li.orgmenu3 {
	background: url("") no-repeat !important;
	text-align: left;
	font-style: normal;
	font-size: 12px !important;
	padding: 0px 0px 0px 8px !important;
	text-align: left;
}

ul#nav_org li:hover ul li:hover ul li:hover ul li {
	display: block; 
	width: 162px;    /* width of the third & fourth dropdown menu, mouseover area*/
	height: 20px; 
	font-size: 12px;
	font-style: normal;
	padding: 0px 0px 0px 8px !important;
}

ul#nav_org li:hover ul li:hover ul li:hover ul li:hover {
	display: block; 
	background-color: #FFFFFF !important; 
}

ul#nav_org li:hover ul li:hover ul li:hover ul li ul {
	display: none; 
	position: absolute;
	top: -1px;
	left: -213px;         /* ie: moves the horizontal location of the fourth dropdown menu */
	left /* */: -173px;   /* firefox: moves the horizontal location of the fourth dropdown menu */
}

ul#nav_org li:hover ul li:hover ul li:hover ul li:hover ul {
	display: block; 
	width: 170px;          /* width of the fourth dropdown menu */
}

ul#nav_org li ul li ul li ul li ul li {
	background: url("") no-repeat !important;
	text-align: left;
	font-style: normal;
	font-size: 12px !important;
	padding: 0px 0px 0px 8px !important;
}