
#nav {
    top: 0;
    width: 100%;
    margin-top: -1em;
    position: absolute;
}





	/* ######################################################### SUPER NEW MENU !!################################ */	

	/* ----- DEFAULT SECTION (there should be NO need to make changes to this section!) */
		ul.dropdown,
		ul.dropdown li,
		ul.dropdown ul {
		 list-style: none;
		 margin: 0;
		 padding: 0;
		}
		
		ul.dropdown {
		 position: relative;
		 z-index: 597;
		 float: left;
		}
		
		ul.dropdown li {
		 float: left;
		 line-height: 1.3em;
		 vertical-align: middle;
		 zoom: 1;
		}
		
		ul.dropdown li.hover,
		ul.dropdown li:hover {
		 position: relative;
		 z-index: 599;
		 cursor: default;
		}
		
		ul.dropdown ul {
		 visibility: hidden;
		 position: absolute;
		 top: 100%;
		 left: 0;
		 z-index: 598;
		 width: 100%;
		}
		
		ul.dropdown ul li {
		 float: none;
		}
		
		ul.dropdown ul ul {
		 top: 1px;
		 left: 99%;
		}
		
		ul.dropdown li:hover > ul {
		 visibility: visible;
		}
		
		
  /* ----- END OF DEFAULT SECTION */
		
  /* ----- ALL LEVELS (incl. first) */

	/*Cover all and first level (if want diffrent on diffrent level overide with same CSS in sections below!)*/
	ul.dropdown {
	 font: normal 12px Arial,"Trebuchet MS", Arial, Helvetica, sans-serif;
	 text-transform: none;
	 border-bottom:2px solid #A8C9A2; 	/*Thickness of the bottom boarder */
	 background-color:#A1B798  ;
	}

	ul.dropdown li{
	 padding: 0;						/* top padding on all items*/
	 background-color: #A1B798;
	 line-height: normal;
	 color: #715036;                    /* This is relevent if the text in the <li> is NOT a link! */
	}
	
	/* Padding with 2 numbers is LEFT/RIGHT then TOP/BOTTOM*/
	/* Padding with 4 numbers is TOP RIGHT BOTTOM LEFT*/
	
	ul.dropdown a{
 	 padding:4px 2px 4px 16px;
	 display:block;
	 }
	 
 	ul.dropdown span{
 	 padding:4px 0px 4px 8px;
	 display:block;
	 
	 }
 	
	ul.dropdown li.hover,
	ul.dropdown li:hover {
	color: #715036; text-decoration:none; 
	}


	ul.dropdown a:link { color: #715036; text-decoration: none; }
	ul.dropdown a:visited { color: #715036; text-decoration: none; }
	ul.dropdown a:hover { color: #F1E5B8; text-decoration: underline; }
	ul.dropdown a:active { color: #DD6018; }

    /*Styleing for the active link / currnet page */
    ul.dropdown ul li.active > a { font-style:italic; }
    ul.dropdown li.active > a { font-style:italic;}




	/* ----- END LEVEL */


	/* ----- NON-FIRST LEVEL */

	ul.dropdown ul {
	 width: 175px;
	 padding-left: 0px;						/*Put padding on the left of a menu sub item*/
	 background-color: #333;
	 color: #CCCC00;
	 font-size: 11px;
	 text-transform: none;
	 filter: alpha(opacity=91);
	 -moz-opacity: .9;
	 KhtmlOpacity: .9;
	 opacity: .9;
	}

		ul.dropdown ul li {
		 background-color: transparent;
		 color: #000;
		}

		ul.dropdown ul > li.hover,
		ul.dropdown ul > li:hover {
		background: url(/bongo/assets/gif/bullet1.gif) no-repeat 5px 8px;
		padding-left:0px;                  /*putting padding here will make the menu bounce */
		background-color: transparent;
		}

        /*non linking*/
 	    ul.dropdown ul span{
 	     padding:4px 0px 4px 16px;
	     display:block;
	     font-weight:bolder;
	     color:#CCCC00;
	     }
	     
 	    ul.dropdown ul li.hover span,
 	    ul.dropdown ul li:hover span {
 	      background: none !important;
	     }



        ul.dropdown ul li.parent    a { background: url('../png/nav-more.png') no-repeat 100% 50% !important; background-color: transparent; }
        ul.dropdown ul li.parent li a { background: none !important; }


		ul.dropdown ul a:link,
		ul.dropdown ul a:visited { color: #CCCC99; }
		ul.dropdown ul a:hover { color:#FFFFFF; text-decoration:none;}
		ul.dropdown ul a:active { color: #CCCC99; }


	/* ----- END LEVEL */

	/* ##################################################### END SUPER NEW MENU !!######################### */	








/* SECTION FOR THE ADMIN PAGE MOVE STUFF !!*/



#nav li:hover   div,
#nav li.sfhover div {
    left: auto;
    z-index: 2;
}

#nav li.dont-expand div { left: -999em !important; }

#nav li:hover div li       div, #nav li.sfhover div li         div { left: -999em; }
#nav li:hover div li:hover div, #nav li.sfhover div li.sfhover div { left: auto;   }

#nav li:hover div li:hover div li       div, #nav li.sfhover div li.sfhover div li         div { left: -999em; }
#nav li:hover div li:hover div li:hover div, #nav li.sfhover div li.sfhover div li.sfhover div { left: auto;   }

#nav li:hover div li:hover div li:hover div li       div, #nav li.sfhover div li.sfhover div li.sfhover div li         div { left: -999em; }
#nav li:hover div li:hover div li:hover div li:hover div, #nav li.sfhover div li.sfhover div li.sfhover div li.sfhover div { left: auto;   }

    
    
    /* Put here because li's will get overridden by section code*/
    /* Used to define specials in the admin menu */
    /* i.e. non link and direct link */
    ul.dropdown li.oddone > a { color:red; }
    li.oddone > a { color:red; }


