/*body  {
behavior: url(includes/csshover.htc);
 WinIE behavior call } */

div#nav-cat {
	width: 240px; 
	margin: -1px 0 0 -1px;
  	background-color: transparent;  
	font-weight:bold;
  	text-align: left;
  	line-height: 23px;
	/*height: 130px;*/
  	}

div#nav-cat ul {
	margin: 0; 
	padding: 0; 
	padding-top: 0; 
	width: 240px;
	background-color: transparent;
	background-repeat: no-repeat;
	}

div#nav-cat ul.level2 {
	margin: 3px; 
	padding: 2px; 
	width: 220px; 
  	background-color: transparent; 
  	border: none;
	font-weight: normal;
	}
	
div#nav-cat ul.level2, div#nav-cat ul.level3, div#nav-cat ul.level4, div#nav-cat ul.level5   {
	background-color: #ffffff;
	}

div#nav-cat li {
	background-image: url(../images/b1.gif); 
 	position: relative;
 	background-repeat: no-repeat;
 	list-style: none; 
 	margin: 0px;
 	height: 23px;
 	z-index: 30;
	width: 250px;
 	padding-left: 15px;
	}
	
div#nav-cat li.submenuCurrent  {
	position:relative;
 	background-repeat: no-repeat;
 	list-style: none;
 	margin: 0px;
	height: auto;
 	z-index: 20;
 	padding-left: 8px;
	}	
	
/* change it to whatever space you want to put space between buttons*/}
/* <---this line may help or hinder IE menu shifting issues */
div#nav-cat li li {
	margin: 0px; 
	/* this overrides the margin-top in the declaration above */
	} 
	
div#nav-cat li:hover {
	border-bottom: 1px solid #89BD59;
	border-top: 1px solid #89BD59;
	line-height: 23px;
	width: 220px;
	/*background-image: url(../images/b1_over.gif); 
	background-repeat: no-repeat;
	*/
	}


div#nav-cat li.submenu {

	background-color: transparent; 


}
div#nav-cat li.submenu:hover {
	background-color: transparent; 
	}
	
div#nav-cat ul {
	background-color: #ffffff;
	}
	
div#nav-cat li a {
	padding: 0 0 0.5em 0.5em;
	width:220px; 
	color: #663366; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
	/*border-left: 0.5em solid #BBB;}
	div#nav li a:hover {border-left-color: red;}*/
	
div#nav li a:hover {
	border: none;
}

div#nav-cat>ul a {
	width: 220px;
	text-decoration: none;
	}

div#nav-cat>ul ul a {
	width: 220px;
	text-decoration: none;
	}

div#nav-cat ul ul {
	position: absolute; 
	top: 0; 
	left: 220px;   
	display: none;
	}
	
div#nav-cat ul ul.level12 {
	padding-left: 5px;
	position: relative; 
	top: 0px; 
	left: 0px;   
	display:inline;	
	font-weight: normal;
	}
	
div#nav-cat ul.level1 li.submenu:hover ul.level2, div#nav-cat ul.level2 li.submenu:hover ul.level3, div#nav-cat ul.level3 li.submenu:hover ul.level4, div#nav-cat ul.level4 li.submenu:hover ul.level5, div#nav-cat ul.level5 li.submenu:hover ul.level6 {
	display: inline;
	}