/* Test_1.css - VISUAL STYLINGS - CHANGE AT WILL */
/* add class 'vertical' to nav for vertical top level menu */
/* font and colors*/
.multi_drop_menu {
	font:1em helvetica, arial, sans-serif; 	/* font color and size */
	} 
.multi_drop_menu a {
	color:#555; 							/* text color */
	background-color:#eee; 					/* background color */
	padding:.2em 1em;						/* padding around link text */
	border-width:3px; 						/* divider width */
	border-color:transparent; 				/* divider color - can be 'transparent' */
	}  					
.multi_drop_menu a:hover {
	color:#fff; 							/* hover text color */
	background-color:#aaa;					/* hover background color */
	}
.multi_drop_menu li a:active {
	background:#fff; 						/* b/g hilite when clicked */
	color:#ccc;								/* text color hilite when clicked */
	background-clip:padding-box;			/* prevents border hiliting */
	}	
.multi_drop_menu li ul {width:9em;} 		/* width of 2nd, 3rd level menus */
.multi_drop_menu li li a {   
	border-right-style:none;				
	border-top-style:solid;					
	}
.multi_drop_menu li li li a {   
	border-left-style:solid;
}

/* "MECHANICAL" STYLINGS - ADJUST WITH CARE! */
/* menu mechanics */
/* level 1 */
.multi_drop_menu * {margin:0; padding:0;}
.multi_drop_menu ul {float:left;} /* forces ul to enclose floated li elements */
.multi_drop_menu li {  
	float:left; /* makes menu horizontal */
	list-style-type:none; /* removes default bullets off lists */
	position:relative; /* position context for child list */
	}
.multi_drop_menu li a {   
	display:block; /* makes link fill li */
	border-right-style:solid; /* adds a right border on the links */
	background-clip:padding-box; /* background only under padding, not border */  
	text-decoration:none; /* removes link underlining */
	}
.multi_drop_menu li:last-child a {   
	border-right-style:none;
	}
/* level 2*/
.multi_drop_menu li ul {
	display:none; /* hides levels 2, 3, etc. */
	position:absolute; /* position relative to parent menu */
	left:0; /* aligns left of sub-menu to parent */
	top:100%; /* aligns to bottom of parent */
	}
.multi_drop_menu li:hover > ul {
	display:block; /* displays menu when parent hovered */
	}
.multi_drop_menu li li {
	position:relative; /* position context for child list */
	float:none; /* kills inherited float - makes list stack */
	}
/* level 3 */
.multi_drop_menu li li ul {
	position:absolute; /* position relative to parent menu */
	left:100%; /* aligns menu with right of parent */
	top:0; /* aligns with parent menu choice top */
	}