body {
	
}


ul.x-menu, 
ul.x-menu ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style: none;
}

ul.x-menu li {
	position: relative;
	float: left;
}


ul.x-menu li ul {
    position: absolute;
    left: -999em; 
}


ul.x-menu li ul ul {
	left: -999em;
	margin-left : 100px;
	margin-top : 0px; 
	top: 0px;	
}


/* Add more rules here if your menus have more than three (3) tiers */
ul.x-menu li.x-hover ul ul,
ul.x-menu li.x-hover ul ul ul,
ul.x-menu li.x-hover ul ul ul ul,
ul.x-menu li.x-hover ul ul ul ul ul {
    left: -999em;
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.x-menu li.x-hover ul,
ul.x-menu li li.x-hover ul,
ul.x-menu li li li.x-hover ul,
ul.x-menu li li li li.x-hover ul,
ul.x-menu li li li li li.x-hover ul {
    left: auto;
}


ul.x-menu li a,
ul.x-menu li span {
    display: block;
    text-decoration: none;
}

/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. This allows us to force the top tier of the menu to layout */
/* horizontally, whereas all subsequent tiers of the menu lay out vertically. */

.x-vertical ul.x-menu li, .x-vertical ul.x-menu ul li {
	float: none;
}
.x-vertical ul.x-menu ul {
	left: -999em;
	margin-left : 100px;
	margin-top : 0px; 
	top: 0px;	
}

.x-horizontal ul.x-menu li li {
    float: none;
}