/*Handle z-index issues*/
div.mlmenujs *{
	z-index: 98;
}
div.mlmenu *{
	z-index: 98;
}
*{
	z-index: 15;
}
/*Handle Padding,Margins,And Borders*/
.mlmenu *{
	padding: 0;
	margin: 0;
	border: 0;
}
.mlmenujs *{
	padding: 0;
	margin: 0;
	border: 0;
}
/*this is the css for the vertical version*/
div.vertical ul{
	list-style-type: none;
	padding: 0;
	width: 210px;
	margin: 0;
	position: relative;
	border-top: none;
}
div.vertical a{
	display: block;
	width: 210px;
	text-decoration: none;
	height: 20px;
	padding: 0px 0px;
	border: thin;
	border-bottom: none;
	overflow: hidden;
	vertical-align: bottom;
}
div.vertical li{
	position: relative;
	border-bottom: 1px solid;
	margin-top: -1px;
	text-indent:5px;
}
div.vertical li ul{
	position: absolute;
	top: 0;
	left: 212px;
}
/*this is the css for the horizontal version*/
div.horizontal{
	display: table;
}
div.horizontal ul{
	border: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-left: 1px solid;
	height: 21px;
}
div.horizontal ul li{
	float: left;
	position: relative;
}
div.horizontal a{
	display: block;
	width: 125px;
	text-decoration: none;
	height: 15px;
	padding: 2px 1px;
	overflow: hidden;
	border: 1px solid;
	border-left: none;
	vertical-align: bottom;
}
div.horizontal ul li ul{
	position: absolute;
	top: 21px;
	left: -1px;
	margin-top: -1px;
	border-top: 1px solid;
	border-left: 0;
	height: auto;
}
div.horizontal ul li ul li{
	float: none;
	position: relative;
	border-bottom: 1px solid;
	margin-top: -1px;
}
div.horizontal ul li ul li ul{
	width: 128px;
	top: 0;
	left: 128px;
	margin-top: 0;
}
div.horizontal ul li li a{
	border: 1px solid;
	border-bottom: none;
}
/*This is the CSS to take care of left and up*/
div.horizontal ul.left li ul li ul{
	left: -128px;
}
div.vertical ul.left ul{
	left: -203px;
}
div.vertical ul.up ul{
	top: auto;
	bottom: -1px;
}
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.mlmenujs li ul{
	display: none;
}
div.mlmenu 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.mlmenu a:focus{
	outline: none;
}
div.mlmenujs 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.topimage a{
	background: url(images/image.gif) top left repeat-x;
}
div.image a{
	background: url(images/image.gif) top left repeat-x;
}
div.trail ul.topimage a.hover{
	background:url(images/image-hover.gif) top left repeat-x;
}
div.trail ul.image a.hover{
	background:url(images/image-hover.gif) top left repeat-x;
}
div.topimage a:hover{
	background:url(images/image-hover.gif) top left repeat-x;
}
div.image a:hover{
	background:url(images/image-hover.gif) top left repeat-x;
}
li.current a{
	background:url(images/image-hover.gif) top left repeat-x;
	font-style:italic;
	color:navy;
	font-weight:bold;
	text-indent: 25px;
}

li ul li.subcurrent a{
	background-image:none;
	background-color: #0099FF;
	font-style:italic;
	color:navy;
	font-weight:bold;
	text-indent: 25px;
}
li ul li.norm a{
	background-image:none;
	background-color: #DFDFDF;
	font-style:normal;
	font-weight:normal;
	color: #333333;
	border-color: silver;
	text-indent: 5px;
}



/*Subborders option*/
div.subborders ul.vertical ul a{
    border: 1px solid;
    border-bottom: none;
}
div.subborders ul.vertical ul li{
    border-bottom: 1px solid;
}
div.subborders ul.vertical ul{
    border-top: 1px solid;
}
div.subborders ul.horizontal ul{
    border-top: 1px solid;
}
div.subborder ul.horizontal ul a{
    border: 1px solid;
    border-bottom: none;
}




div.topimage li li a{
	background-image: none;
}
div.trail ul.topimage li ul li a.hover{
	background-image: none;
}
div.topimage li li a:hover{
	background-image: none;
}
div.subimage li li a{
	background: url(images/sub-image.gif) top left repeat;
}
div.trail ul.subimage li li a.hover{
	background: url(images/sub-image-hover.gif) top left repeat;
}
div.subimage li li a:hover{
	background: url(images/sub-image-hover.gif) top left repeat;
}
/*Handle Icons(both types), and an image child selector*/
div.mlmenujs a img{
	height: 7px;
}
/*No border option, just kill all the borders, mostly usefull if you want to use images*/
div.noborders ul.noborders li{
	border: none;
}
div.noborders ul.noborders li ul li{
	border: none;
}
div.noborders ul.noborders li a{
	border: none;
}
div.noborders ul.noborders{
	border: none;
}
div.subnoborders ul.subnoborders ul.subnoborders{
	border: none;
}
div.subnoborders ul.subnoborders ul.subnoborders a{
	border: none;
}
div.subnoborders ul.subnoborders ul.subnoborders li{
	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 gray;
}
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;
}
div.vertical ul.suboutline ul.suboutline li{
	margin-top: 0;
}
div.horizontal ul.suboutline ul.suboutline li{
	margin-top: 0;
}
div.horizontal ul.outline ul.outline li{
	margin-top: 0;
}
div.vertical ul.outline li{
	margin-top: 0;
}
/*Underline options. Kill the background, blocky look, and use text-decoration*/
div.underline{
	font-size: 95%;
}
div.underline ul.underline li a:hover{
	text-decoration: underline;
	background-color: transparent;
}
div.underline ul.underline li a.hover{
	text-decoration: underline;
	background-color: transparent;
}
/*colors for menu*/
div.blackwhite li{
	background-color: #DFDFDF;
	color: #333333;
	border-color: silver;
}
div.blackwhite ul{
	background-color: #DFDFDF;
	color: #333333;
	border-color: silver;
}
div.blackwhite li a{
	background-color: #DFDFDF;
	color: #33333;
	border-color: silver;
}
div.blackwhite ul.trail a.hover {
	background-color: #0099FF;
	color: navy;
	border-color: silver;
}
div.blackwhite li a:hover{
	background-color: #0099FF;
	color: navy;
	text-indent:25px;
	border-color: silver;
}
/*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;
}
*/