/* Basic code - don't modify */
 
#nav {
	display: block;
	position: relative; 
	height: 36px;
	list-style: none;
	padding: 5px 0 0 0;
	text-transform: uppercase;
	clear: both;
	margin: 0;
}
#nav li {
	display: block;
	position: relative;
	float: left;
	width: 196px;
	text-align: center;
	background: #4e1418 url(../i/backgrounds/li.gif) no-repeat top left;
	height: 36px;
	margin: 0;
	padding: 0;
}
#nav li.orange {
	background-image: url(../i/backgrounds/li_orange.gif);
}
#nav a {
  display: block;
  color: #FFFFFF;
  text-decoration: none;
  line-height: 18px;
  font-weight: bold;
}
  #nav ul { display: none; position: absolute; left: 0; margin: 0px; padding: 0px; text-transform:none; border:none; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; background-image:none; height:24px; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 194px; }
#nav ul ul { left: 194px; }

/* Everything else is theming */
 
#nav { height: 36px; }
#nav *:hover { }
#nav a { line-height: 18px; }
  #nav li.hover a {  }
  #nav ul { top: 36px; line-height:36px; border:1px solid #55181C; border-width:0 1px 1px; }
  #nav li.orange ul {border:1px solid #B07332; border-width:0 1px 1px; }
  #nav li.orange ul li {background-color:#DB8F3E; }
    #nav ul li a { height:24px; line-height:24px; }
    #nav ul li a:hover { background-color:#63161D;}
    #nav li.orange ul li a:hover { background-color:#C78238;}
      #nav ul a.hover {  }
   #nav ul a { border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
 #nav ul a { border-bottom: none; } /*- I also needed this for IE6/7 */