
.ddmenu {
	height:25px; 
	font-size:15px; 
	position:relative; 
	/* z-index:100; */
}

/* remove all the bullets, borders and padding from the default list styling */
.ddmenu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	z-index:100;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.ddmenu li {
	float:left;
	position:relative;
}
.ddmenu ul li {
	width: auto;
}
.ddmenu ul ul li {
	width: 140px;
	padding: 0px;
}

/* style the links for the top level */
.ddmenu a, .ddmenu a:visited,
.ddmenu li {
	display:block;
	font-size:13px;
	font-weight: bold;
	text-decoration:none; 
	color:#132700;
	line-height:30px;
}
.ddmenu a, .ddmenu a:visited,
.ddmenu span {
	padding:0 10px;
}
/*style the top level hover */
.ddmenu ul a:hover,
.ddmenu ul li:hover {
	color: #fff;
	background-color: #132700;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */

.ddmenu ul ul {
	visibility:hidden;
	position:absolute;
	top:25px;
	left:0; 
	width:140px;
/*
    margin-left: -6px;
	padding-bottom: 6px;
*/
    padding: 0px;
    border: 2px solid rgb(220,220,220);
/*
    background-image: url(/images/menu/shadowAlpha.png);
	background-repeat: no-repeat;
	background-position: bottom right;
*/
}
.ddmenu ul ul li {
	background-color: #f8ffb9;
/*
    margin-left: 6px;
*/
}

/* style the second level links */
.ddmenu ul ul a, 
.ddmenu ul ul a:visited,
.ddmenu ul ul span {
	line-height:10px; 
	padding:5px; 
	background: none;
}
.ddmenu ul ul a:hover {
	background-color: #132700;
}

/* position the third level flyout menu */
.ddmenu ul ul ul{
	left:140px; 
	top:1px; 
	width:152px;
	padding-top: 0;
	border-left: 0px;
        z-index: 100;
}
.ddmenu ul ul ul a,
.ddmenu ul ul ul a:hover {
	padding: 5px 5px 5px 5px;
}

/* position the third level flyout menu for a left flyout */
.ddmenu ul ul ul.left {
	left:-80px;
}

/* make the second level visible when hover on first level list OR link */
.ddmenu ul li:hover ul,
.ddmenu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.ddmenu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.ddmenu ul :hover ul :hover ul{ visibility:visible;}
