ul.jd_menu, 
ul.jd_menu_vertical {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	display: none;
}
ul.jd_menu li {
	float: left;
}
ul.jd_menu_vertical {
/*	width: 300px;*/
}
ul.jd_menu_vertical li {
	float: none;
}

/* -- Sub-Menus -- */
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	position: absolute;
	display: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index: 10000;
	text-decoration: none;
}
ul.jd_menu ul li,
ul.jd_menu_vertical ul li {
	float: none;
	margin: 0px;
}

/* Controls the main menu as a whole, the whole bar where the items sit.*/
ul.jd_menu,
ul.jd_menu ul,
ul.jd_menu_vertical,
ul.jd_menu_vertical ul {
	background: #000000 ;
	height: 25px;
}
ul.jd_menu_vertical {
	height: auto;
}
ul.jd_menu ul {
	height: auto;
}
* html ul.jd_menu ul {
	width: auto;
}

/* control the top menu items as an individuals */
ul.jd_menu li {
	font-family: "Arial","Courier New", Courier, monospace;
	font-size: 8pt;
	color: #FFF;
	margin: 0px;
	padding: 4px 4px 2px 4px;
	line-height: 20px;
	height: 19px;
	width: 114px;
	cursor: pointer;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
}

/* this controls the drop downs look and feel */
ul.jd_menu li li {
	text-align: center;
	text-decoration: none;
	width: 114px;
	background-color: #ffffff;
	border-bottom: #ffffff 1px solid;
}

/* this controls the link on the drop downs. */
ul.jd_menu li li a {
	text-decoration: none;
	color: #000000;
	text-transform: none;
	width: 100%;
}

/* this controls the link on the top level. */
ul.jd_menu li a {
	text-decoration: none;
	color: #ffffff;
	text-transform: none;
	width: 100%;
}

/* this is what the drop downs look like when hovered over */
ul.jd_menu li.jdm_hover {
	background: #000000;
	color: #ffffff;
	padding: 4px 4px 2px 4px;
	line-height: 20px;
	height: 24px;
	font-weight: bold;
	font-size: 8pt;
	margin: 0px;
	text-decoration: none;
}

/* Controls the text color on the drop down not hovered on. */
ul.jd_menu li ul.jdm_events li a {
	color: #000000;
}

/* controls the text color on the drop down hovered. */
ul.jd_menu li ul.jdm_events li.jdm_hover a {
	color: #ffffff;
}


/* this controls what the top level looks like when a drop down is activated. */
ul.jd_menu li.jdm_active {
	background: #000000;
	color:   #ffffff;
	padding: 4px 4px 2px 4px;
	line-height: 20px;
	height: 24px;
	font-weight: bold;
	font-size: 8pt;
	margin: 0px;
	border-bottom: #911d1a 1px dotted;
	text-decoration: none;
}