/*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 horizontal version*/
div.horizontal{
	display: table;
}
div.horizontal ul{
	list-style-type: none;
	height: auto;
	border: 0px solid red;
	width:auto;
		background-color: #F96611;  
		/*1f2c43*/
}
div.horizontal ul li{
	float: left;
	position: relative;
}
div.horizontal a{
	display: block;
	width:auto;
	text-decoration: none;
	height: auto;
	padding: 3px 1px;
	margin: -2px 0px 3px 10px;
	overflow: hidden;
	border-left: none;
	vertical-align: bottom;
}
div.horizontal ul li ul{
	position: absolute;
	top: 21px;
	left: 0px;
	margin-top: -1px;
	border-top: 0px solid;
	border-left: 0;
	height: auto;
	width: 150px;
	padding: 5px 0px 3px 0px;
}
div.horizontal ul li ul li{
	float: none;
	position: relative;
	margin-top: 3px;
}

div.horizontal ul li ul li a{
width:130px;
	padding-right:5px
}
div.horizontal ul li ul li ul{
	width: 150px;
	top: 0;
	left: 150px;
	margin-top: 0;
}
div.horizontal ul li li a{
	border-bottom: none;
}

/*This is the CSS to take care of left and up*/
div.horizontal ul.left li ul li ul{
	left: -150px;
}

div.horizontal ul.up ul{
	top: auto;
	bottom:  20px;
}
div.horizontal ul.up ul ul{
	bottom: -1px;
}
/*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/navchild.gif) 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/navchild.gif) 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/navchild.gif) top left repeat;
}
div.subimage li li a:hover, div.trail ul.subimage li li a.hover{
	background: url(images/navchild.gif) top left repeat;
}
/*Handle Icons(both types), and an image child selector*/
div.mlmenujs a img{
	height: 15px;
}
/*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;
}
div.suboutline ul.suboutline ul.suboutline{
	border: 1px solid;
}
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: 127px;
}

/*Underline options. Kill the background, blocky look, and use text-decoration*/
div.underline{
	font-size: 95%;
}
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{

	color: white;
}
div.blackwhite li a:hover, div.blackwhite ul.trail a.hover{
	color: #000000;
	text-decoration:none
}