@charset "UTF-8";
/* CSS Document */

.navbar {
	font-family: Arial, Helvetica;
	font-size: 14px;
	color: #FFFFFF	
}
.style1 {
	color: #ffcc99
}
.menu {
	width: 10em;/* VERY IMPORTANT! Set this to appropriate value, either here on down in the design section */
}

.navholder { /* i added this so that you don't get the browser's default extra padding */
	padding: 0;
	margin: 0;
}


ul {
	list-style: none; /* removes bullets */
	position: relative;
	vertical-align: bottom;
	padding: 0;
	margin: 0;
	min-height: 0;
	zoom: 1;
}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

ul a {
  display: block;
  padding: 10px 20px; /* this gives you padding of 10px top and bottom, and 30px left and right, revise this until you like it */
  vertical-align: bottom;
}



li a:link, li a:visited {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}



li a:hover {
	color:#ffcc99;
	text-decoration: none;
	display: block;
	z-index= 100;
	background-color: 993333;
	white-space: normal;
}


ul ul { /* this is background color for flyout */
	background-color: #993333;
	position: absolute;
	left: -3000px;
} 


ul li:hover ul { /* make flyout appear when the li is hovered */ 
  left: 160px; /* position is set relative to where the parent item is, play with this until it shows up where you want */
  top: 0px;

} 


ul li ul a:hover { /* changes text color on rollover of text on flyout */
    color: #ffcc99;
    display: block;
	}

.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;


.menu ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}

.menu li.adxmhover {
	z-index: 100;
}

.menu .adxmhoverUL {	/* li:hover>ul selector */
	visibility: visible;
}

.menu .adxmhoverUL {	/* submenu goes to the right */
	left: 160%;
	
}

.menu li.adxmhover {
	z-index: 100;
}

.menu .adxmhoverUL {	/* li:hover>ul selector */
	visibility: visible;
}

.menu .adxmhoverUL {	/* submenu goes to the right */
	left: 160%;
}

</style>