/*Handle z-index issues*/
div.mlmenu *, div.mlmenujs *{
	z-index: 98;
}
*{
	z-index: 15;
}
/*Handle Padding,Margins,And Borders*/
.mlmenujs *,.mlmenu *{
	padding: 0;
	margin: 0;
	border: 0;
}
/*this is the css for the vertical version*/
div.vertical ul{
	list-style-type: none;
	padding: 0;
	width: 194px;
	margin: 0;
	position: relative;
	border-top: 0px solid;
}



/*THIS IS THE MOST IMPORTANT ONE*/

div.vertical a{
color: Brown;
font-size: 11px;
	display: block;
	width: 194px;
	text-decoration: none;
	height: 26px;
	padding: 6px 0px;	
	border: 0px solid #767676;
	vertical-align: bottom;
}
div.vertical li{
	position: relative;
	border-bottom: 0px solid #767676;
	margin-top: 0px;
}

/* establishes where the flyuots appear */
div.vertical li ul{
	position: absolute;
	top: 0;
	left: 193px;
}
/*this is the css for the horizontal version*/
div.horizontal{
	display: table;
}
div.horizontal ul{
	border: none;
	width: 300px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-left: 1px solid #767676;
	height: 37px;
}
div.horizontal ul li{
	width: 300px;
	float: left;
	position: relative;
}
div.horizontal a{
	display: block;
	width: 300px;
	text-decoration: none;
	height: 15px;
	padding: 2px 1px;
	border: 1px solid #767676;
	border-left: none;
	vertical-align: bottom;
}
div.horizontal ul li ul{
	position: absolute;
	width: 300px;
	top: 21px;
	left: 0px;
	margin-top: 0px;
	border-top: 1px solid #767676;
	border-left: 0;
	height: auto;
}
div.horizontal ul li ul li{
	float: none;
	position: relative;
	border-bottom: 1px solid #767676;
	margin-top: 0px;
}
div.horizontal ul li ul li ul{
	width: 300px;
	top: 0;
	left: 193px;
	margin-top: 0;
}
div.horizontal ul li li a{
	border: 1px solid #767676;
	border-bottom: none;
}
/*This is the CSS to take care of left and up*/
div.horizontal ul.left li ul li ul{
	left: -300px;
}
div.vertical ul.left ul{
	left: -300px;
}
div.vertical ul.up ul{
	top: auto;
	bottom: 0px;
}
div.horizontal ul.up ul{
	top: auto;
	bottom:  20px;
}
div.horizontal ul.up ul ul{
	bottom: 0px;
}
/*here we use a little CSS to make a backup dropdown menu in modern browsers *cough* not IE6 or less *cough* if javascript is disabled.*/
div.mlmenu li ul,div.mlmenujs li ul{
	display: none;
}
div.mlmenu li:hover>ul{
	display: block;
}
/*Code to show an element has a child*/
.has_child_ident{
	margin-left: 3px;
}
div.childright a{
	position: relative;
}
div.childright .has_child_ident{
	position: absolute;
	right: 0;
}
/**/
/*Prevent ugly firefox focus crap*/
div.mlmenujs a:focus, div.mlmenu a:focus{
	outline: none;
}
/*Handle background image, div.image is for a single image, .topimage is for just the top, .subimage is for submenus*/
div.image a,div.topimage a{
	background: url(/images/image.jpg) top left repeat-x;
}
div.image a:hover,div.topimage a:hover, div.trail ul.image a.hover,div.trail ul.topimage a.hover{
	background:url(/images/image-hover.jpg) top left repeat-x;
}
div.topimage li li a{
	background-image: none;
}
div.topimage li li a:hover,div.trail ul.topimage li ul li a.hover{
	background-image: none;
}
div.subimage li li a{
/*	background: url(/images/sub-image.jpg) top left repeat;	*/
	background: url(/images/image.jpg) top left no-repeat;
/*	padding: 2px 1px;	/* custom line */
}
div.subimage li li a:hover, div.trail ul.subimage li li a.hover{
/*	background: url(/images/sub-image-hover.jpg) top left repeat;	*/
	background: url(/images/image-hover.jpg) top left no-repeat;
/* background-color: Black;
/*	padding: 2px 1px;	/* custom line */
}
/*Handle Icons(both types), and an image child selector*/
div.mlmenujs a img{
	height: 17px;
}
/*No border option, just kill all the borders, mostly usefull if you want to use images*/
div.noborders ul.noborders, div.noborders ul.noborders li a, div.noborders ul.noborders li ul li, div.noborders ul.noborders li{
	border: none;
}
div.subnoborders ul.subnoborders ul.subnoborders li,div.subnoborders ul.subnoborders ul.subnoborders a,div.subnoborders ul.subnoborders ul.subnoborders{
	border: none;
}
/*Outline Option, this will add a 1px outline to all uls. useful for use with noborders supports outline and sub*/
div.outline ul.outline{
	border: 1px solid #767676;
}
div.suboutline ul.suboutline ul.suboutline{
	border: 1px solid #767676;
}
div.horizontal ul.outline li{
	margin-left: 0;
}
div.horizontal ul.outline li ul{
	top: 20px;
}
div.horizontal ul.outline li ul li ul{
	top: 0;
	left: 300px;
}
div.vertical ul.outline li,div.horizontal ul.outline ul.outline li,div.horizontal ul.suboutline ul.suboutline li,div.vertical ul.suboutline ul.suboutline li{
	margin-top: 0;
}
/*Underline options. Kill the background, blocky look, and use text-decoration*/
div.underline{
	font-size: 30%;
}
div.underline ul.underline li a.hover, div.underline ul.underline li a:hover{
	text-decoration: underline;
	background-color: transparent;
}
/*colors for menu*/
div.blackwhite li a, div.blackwhite ul, div.blackwhite li{
	background-color: white;
	border-color: #767676;
	border: #767676;
}
div.blackwhite li a:hover, div.blackwhite ul.trail a.hover{
	background-color: black;
	color: #013A2C;
	border-color: #767676;
}
/*Different Colors for sub-menus, these are optional, put it here so that we have a demo
div.blackwhite li li a, div.blackwhite li ul, div.blackwhite li li{
	background-color: lightgray;
	color: black;
	border-color: gray;
}
div.blackwhite li li a:hover, div.blackwhite ul.trail li li a.hover{
	background-color: black;
	color: white;
	border-color: black;
}
*/