#nav div {
	overflow:hidden !important;
}


/*==============================================*/
/*		SET STYLES FOR ALL LINKS & FOLDERS		*/
/*		added by: DJC - 02/10/20				*/


/*-- DEFAULT STATE --*/
a.treenode,
a.treenodeLevel2,
a.treenodeLevel3 {
	
	cursor:pointer;
	text-decoration:none;
	
}

/*-- OVER & SELECTED STATES --*/
a.treenodeOver, a.treenodeSelect,
a.treenodeOverLevel2, a.treenodeSelectLevel2,
a.treenodeOverLevel3, a.treenodeSelectLevel3 {
	/*color:#b5791b;*/
	/*padding: 0 2px 2px 21px;*/
	white-space:normal;
	
	/*background: url(treeLevel2_over.gif) left 50% no-repeat;*/
	/*background: url(dot.gif) left 50% no-repeat;*/
	
	cursor:pointer;
	text-decoration:none;
}







/*==============================================*/
/* SETS ALL LINKS & NESTED TEXT ----- */
/*- MODIFY THIS GROUP OF STYLES THAT WILL EFFECT ALL Actual Links & nested spans DOWN to LEVEL 3 ITEMS 
	(if you need more levels just add appropriate classNames) 						----- */

/*- default state -*/

/*---------- discovered:  do not need.  just simply need className */
a.treenode span.treenode,
a.treenodeLevel2 span.treenodeLevel2,
a.treenodeLevel3 span.treenodeLevel3 {
	
	cursor:pointer;
	text-decoration:none;
}
	


/*- :hover and selected states -*/

/*--strictly overwrites folder style:  ONLY USED FOR CURSOR CONTROL, otherwise it's pointless because ".treenode" will style the look --*/

a.treenode span.treenodeOver, a.treenodeSelect span.treenodeSelect,
a.treenodeLevel2 span.treenodeOverLevel2, a.treenodeLevelSelect2 span.treenodeSelectLevel2,
a.treenodeLevel3 span.treenodeOverLevel3, a.treenodeLevelSelect3 span.treenodeSelectLevel3 {
	/*color:#b5791b;*/
	white-space:normal;
	
	cursor:pointer;
	text-decoration:none;
}




/*==============================================*/
/* FOLDERS ----- */
/*- MODIFY THIS GROUP OF STYLES THAT WILL EFFECT ALL FOLDERS DOWN to LEVEL 3 ITEMS 
	(if you need more levels just add appropriate classNames) 						----- */

/*- all states (default, hover, selected) -*/
span.treenode, span.treenodeOver, span.treenodeSelect,
span.treenodeLevel2, span.treenodeOverLevel2, span.treenodeSelectlevel2,
span.treenodeLevel3, span.treenodeOverLevel3, span.treenodeSelectlevel3 {
	
	/*text-decoration: none;*/
	cursor:default;
	padding: 1px 16px;
}

/*- default state -*/
span.treenode,
span.treenodeLevel2,
span.treenodeLevel3, {
	
	
}

/*- :hover and selected states -*/
span.treenodeOver, span.treenodeSelect,
span.treenodeOverLevel2, span.treenodeSelectlevel2,
span.treenodeOverLevel3, span.treenodeSelectlevel3 {
	
	
}







/*==============================================*/
/*		BEGIN UNIQUELY STYLING EACH LEVEL		*/


/* LEVEL 1 ----- */
/*- MODIFY THIS GROUP OF STYLES THAT WILL EFFECT ALL TOP LEVEL ITEMS ----- */
.treenode,
.treenodeOver,
.treenodeSelect,
.treenodeExpanded,
.treenodeDisabled {	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	text-align: left;
	vertical-align: middle;	
	/*cursor: pointer;*/
	/*display: block;*/
	white-space: normal;
	text-decoration:none;
	
	color:#4f411b;
	/*padding-left:20px;*/
	
	/*background:url(linkDivider.gif) no-repeat left top;*/
	
}

/*- Control :Hover state Uniquely -*/
.treenodeOver {
	/*background: url(linkHover.gif) no-repeat left top;*/
	/*color:#b5791b;*/
}


/*- Control Selected, Expanded, Collapsed Unique Styles -*/
.treenodeSelect,
.treenodeExpanded,
.treenodeDisabled {
	/*background: url(linkSelected.gif) no-repeat left top;*/
	color:#b5791b;
}
/*- ONLY ADD NECESSARY STYLE CHANGES ----- */

/*  ////////  KEY //////////
a.treenode span.treenode = actual link & nested text (When nav item links to a page)
span.treenode = folder
////////////////////////////*/

/* ACTUAL LINK */
a.treenode span.treenode {
	
	/*padding: 4px 7px;*/     
	/*color: #fff;*/	
	/*text-transform:uppercase;*/
	
	/*cursor:pointer;*/
}



/* SELECTED LINK */
a.treenodeSelect span.treenodeSelect,
a.treenodeSelect span.treenodeExpanded {
	
	/*padding: 4px 7px;*/   
	/*color: #fff;*/
	/*background:none;*/
}

/* FOLDERs */

/* ALL LEVEL1 FOLDER STATES */
span.treenode, span.treenodeOver, span.treenodeSelect {
	/*background:url(linkDivider.jpg) no-repeat top center;
	display:inline-block;*/
}

/* FOLDER NORMAL STATE */
span.treenode {
	/*background:#001944;*/
	/*text-transform:uppercase;*/
	/*padding: 4px 7px;*/     
	/*color: #fff;*/
	
	/*cursor:default;*/
	
	
	background:url(linkDivider.gif) no-repeat top left;
	display:inline-block;
	width:200px;
	padding:10px 0 10px 24px;
}

/* FOLDER OVER STATE */
span.treenodeOver {
	/*backgound:none;*/
	/*padding: 4px 7px;*/   
	/*color: #ccc;*/
	/*text-transform:uppercase;*/
	
	/*cursor:default;*/
	/*padding-left:24px*/;
	
	background:url(linkHover.gif) no-repeat top left;
	display:inline-block;
	width:200px;
	padding:10px 0 10px 24px;
	
}

/* EXPANDED FOLDER */
span.treenodeSelect {
	
	/*padding: 4px 7px;*/  
	/*color: #fff;*/
	/*cursor:default;*/
	/*padding-left:24px;*/
	
	background:url(linkSelected.gif) no-repeat top left;
	display:inline-block;
	width:200px;
	padding:10px 0 10px 24px;
}

/* FIX SO WHEN YOU CLICK LINK IT DOESN'T ACT AS FOLDER BEFORE YOU GO TO PAGE */
a.treenode span.treenodeSelect {
	/*color: #fff;*/
	/*padding: 4px 7px;*/  
}

.treenodeDisabled {    
	/*color: #fff; */
}



/* LEVEL 2 ----- */
/*- MODIFY THIS GROUP OF STYLES THAT WILL EFFECT ALL LEVEL 2 ITEMS ----- */

.treenodeLevel2,
.treenodeOverLevel2,
.treenodeSelectLevel2,
span.treenodeLevel2,
span.treenodeOverLevel2,
span.treenodeSelectLevel2
{	
	/*background-color:#4c4d4a;*/
	background:none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	/*display: block;*/
	white-space:normal;
	color: #4f411b;
	/*padding-left:26px;*/
	
	text-decoration:none;
	text-transform:capitalize;
}

a.treenodeLevel2 span.treenodeLevel2,
span.treenodeLevel2
{   
	/*color: #fff;*/
	white-space:normal;
	/*padding: 2px 0px 2px 14px;*/
	/*background: url(dot.gif) #4c4d4a left 50% no-repeat;*/
	/*cursor: pointer;*/
	/*border:1px solid transparent;*/
}

/* styling for 2nd level folders - only in ff*/
div > span.treenodelevel2,
div > span.treenodeOverlevel2,
div > span.treenodeSelectlevel2 {
	margin: 0 0 0 0px;
}

a.treenodeOverLevel2 span.treenodeOverLevel2,
a.treenodeSelectLevel2 span.treenodeSelectLevel2,
a.treenodeLevel2 span.treenodeOverLevel2,
a.treenodeLevel2 span.treenodeSelectLevel2,
span.treenodeOverLevel2,
span.treenodeSelectLevel2 
{   
	color:#b5791b;
	/*padding: 2px 0px 2px 14px;*/
	white-space:normal;
	/*background: url(dot.gif) #979994 left 50% no-repeat;*/
	text-decoration:none;
	/*cursor: pointer;*/
	
	/*border:1px solid #053474;*/

}



/* LEVEL 3 ----- */
/*- MODIFY THIS GROUP OF STYLES THAT WILL EFFECT ALL LEVEL 3 ITEMS ----- */

.treenodeLevel3,
.treenodeOverLevel3,
.treenodeSelectLevel3 {	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	/*display: block;*/
	/*padding: 0 2px 2px 21px;*/
	white-space:normal;
	text-decoration:none;
}


/*- Level 3 Actual Links & Nested Text Selectors -*/
a.treenodeLevel3 span.treenodeLevel3 {    
	/*color: #fff;*/
	/*padding: 0 2px 2px 21px;*/
	white-space:normal;
	background: url(dot.gif) left 50% no-repeat;
}

	/*- :hover and selected states -*/
a.treenodeOverLevel3 span.treenodeOverLevel3,
a.treenodeSelectLevel3 span.treenodeSelectLevel3,
a.treenodeLevel3 span.treenodeOverLevel3,
a.treenodeLevel3 span.treenodeSelectLevel3 {    
	color:#b5791b;
	/*background: url(treeLevel2_over.gif) left 50% no-repeat;*/
	/*padding: 0 2px 2px 21px;*/
	white-space:normal;
	background: url(dot.gif) left 50% no-repeat;
}

/*- Level 3 FOLDERS -*/
span.treenodeLevel3,
span.treenodeOverLevel3,
span.treenodeSelectlevel3 {
	
	text-decoration: none;
}