/* Basic code - don't modify */
 #nav{
 width:140px;
 left:-23px;
 position:relative;
 color:#fff;
 top:-310px;
 z-index:999;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:400;
 z-index:1000;
 }
 
#nav ul { display: block; margin: 0; padding: 0; position: relative; z-index:1000; }
 #nav ul li { display: block; list-style: none; margin: 0; padding: 0; float: none; position: relative; }
 #nav ul a { display: block; }
 #nav ul ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
 * html #nav ul ul { line-height: 0; } /* IE6 "fix" */
	#nav ul ul a { zoom: 1; display:block;} /* IE6/7 fix */
	#nav ul ul li { float: none;
	border-bottom:dotted!important;
	border-bottom:1px!important;
	border-bottom:#993300!important;
	  }
	#nav ul ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul ul { width: auto; min-width:150px; z-index:1000; }
#nav ul ul ul { left: 145px; z-index:1000;}

/* Everything else is theming */
 
#nav ul {
   
	white-space:nowrap;
	color:#fff;
}
#nav ul *:hover { background-color: none; 

 background-repeat:no-repeat;
  background-position:top center;
}
#nav ul a { 
	background: transparent;
	padding:0px 0px 5px 0px;
	color:#fff;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
	line-height: 1;
	font-weight:600;
	}
  #nav ul li {
	border-right:0px dotted #fff;
	border-bottom:1px solid #CCC;
		padding-top:5px;
	
  }
   #nav ul li.hover { color:#511c15; background-image:url(../nava.png);background-repeat:no-repeat; background-position:center;}
  #nav ul li.hover a { color:#511c15; }
    #nav ul ul li.hover a { color:#511c15; background:none!important;}
    #nav ul li.hover a.hover { color:#fff;}
	#nav ul ul li.hover a.hover { color:#593f00; background:none!important; text-decoration:underline;}
	#nav ul ul li.hover  { color:#593f00; background-color:#CCCCCC}
  #nav ul li.hover ul a {color:#511c15;  }
  #nav ul ul {left:140px; 
  top: 8px; 
  left:135px;

  text-align:left;
  }
  
    #nav ul ul li { 
	
	margin-left:3px;
	padding-bottom:0px;
	text-decoration:none;
	}
	#nav ul ul li a{ 

	text-decoration:none!important;
	margin-top:-2px;
	}
	#nav ul ul li.hover { 
	background-color:transparent!important;
	background-image:url(nava6.png)!important;
	background-position:left center; 
	background-repeat:repeat-y;
	zheight:20px;
	}
	
	#nav ul ul li { 
	border-bottom: 1px #993300 dotted!important;
	height:20px;
	z-index:1000;
	
	}
	
	#nav ul ul.hover li { border:none;}
	#nav ul ul.hover li.hover a.hover{ border:none;}
    #nav ul ul li a { color:#511c15; 
	padding:6px 15px; 
	text-transform:lowercase; 
	font-size:11px;
	margin-left:6px;
	top:-2px;
	position:relative;
	z-index:1000;
	}
      #nav ul ul a.hover{ color:#511c15;}
   #nav ul ul a { border-top: 0px solid #511c15; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul ul a { border-bottom: none; } - I also needed this for IE6/7 */

#navl2{
 background: url(topl2_1.png) no-repeat!important;
 background-position:0px 0px;
z-index:1000;

 position:relative;
 top:0px;
}
#navr2{
 background: url(topr2_1.png) no-repeat right bottom!important;
 background-position:0px 0px;
 height:14px;
 width:14px;
 left:100%;
 position:relative;
 top:0px;
z-index:1000;

 position:relative;

}
#navl2bg{
  background: url(bg.png) right bottom!important;
  position:relative;
  left:14px
  z-index:1000;
}
#navtl2{
 background: url(botl2_1.png) no-repeat!important;
 background-position:0px 0px;
z-index:1000;

 position:relative;
 top:0px;
}
#navtr2{
 background: url(botr2_1.png) no-repeat right bottom!important;
 background-position:0px 0px;
 height:14px;
 width:14px;
 left:100%;
 position:relative;
 top:0px;

z-index:1000;
 position:relative;

}