.menu-wrapper {
	width:974px;
	padding: 5px 0 0 13px ;
	height: 36px;
	line-height:30px;
	background: url(http://www.golfmax.net/websites/00616/images/menubg.jpg);
	float:left;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	margin-bottom: 5px;
}



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;
}
ul.dropdown li a {
	display: block;
	padding: 7px 12px;
}
ul.dropdown li {
	padding: 0;
}
ul.dropdown li.dir {
	padding: 7px 12px 7px 12px;
}
ul.dropdown ul li.dir {
	padding-right: 15px;
}



ul.dropdown ul a:hover {
	background-color: #ae4504;
}
ul.dropdown li:hover > a.dir {
	background-color: #712d03;
	color: #fff;
}
ul.dropdown ul li:hover > a.dir {
	background-color: #ae4504;
	color: #fff;
}
/* ADVANCED */
	
	ul.dropdown li a {
	display: block;
	padding: 1px 14px 0 14px;
	height:35px;
	line-height:30px;
}
/* highlight "active" menu item */
ul.dropdown li a.selected {
	
}
ul.dropdown li {
	padding: 0;
}
ul.dropdown li.dir {
	padding: 7px 20px 7px 14px;
}
ul.dropdown ul li.dir {
	padding-right: 15px;
}
ul.dropdown li {
}
/*********************************************************************************

the class below is where you set the width of the drop "ul li a". The actual li a link. The rollover area. 
This needs to be set to match the ul less the left and right padding. 220px - 5px - 14px = 201px

**********************************************************************************/
ul.dropdown ul a {
	padding: 0 5px 0 14px;
	width: 231px; /* Especially for IE */
	border-bottom: 1px solid #4e6f20;
}
ul.dropdown ul a.last {
	border-bottom:4px solid #9C8AA5;
}

ul.dropdown ul a:hover {
	background-color: #4e6f20;
}

/* This clas is for ie6 specifically. Gets called via JavaScript */
ul.dropdown a.open {
	background-color: #4e6f20;
	color: #fff;
}
ul.dropdown ul a.open {
	background-color: #4e6f20;
	color: #fff;
}
/* This clas is for ie6 specifically. Gets called via JavaScript */


ul.dropdown li:hover > a.dir {
	background-color: #4e6f20;
	color: #fff;
}
ul.dropdown ul li:hover > a.dir {
	background-color: #4e6f20;
	color: #fff;
}
/*  DEFAULT */
	
	ul.dropdown {
	font: normal 12px Arial, Helvetica, sans-serif;
}
ul.dropdown li {
	padding: 0 0;
	color: #fff;
	line-height: normal;
}
ul.dropdown li.hover, ul.dropdown li:hover {
}
ul.dropdown a:link, ul.dropdown a:visited {
	color: #fff;
	text-decoration: none;
}
ul.dropdown a:hover {
	color: #fff;
	text-decoration: none;
}
ul.dropdown a:active {
	color: #fff;
}

/*********************************************************************************

the class below is where you set the width of the drop "ul". The dark purple drop background currently 220px

**********************************************************************************/

ul.dropdown ul {
	width: 250px;
	background-color: #fff;
	color: #fff;
	font-size: 11px;
	border-bottom:4px solid #4e6f20;	
}
ul.dropdown ul li {
	background-color: transparent;
	color: #000;
	filter: none;
}
ul.dropdown ul li.hover, ul.dropdown ul li:hover {
	background-color: #4e6f20;
}
ul.dropdown ul a:link, ul.dropdown ul a:visited {
	color: #4e6f20;
}
ul.dropdown ul a:hover {
	color: #fff;
	text-decoration: none;
}
ul.dropdown ul a:active {
	color: #fff;
}
ul.dropdown *.dir {
	padding-right: 12px;
	background-image: none;
	background-position: 100% 50%;
	background-repeat: no-repeat;
}