/* Drop down or up and flyout menus for bigsmall page */

/* top menu styles */
ul.menu { 
/*	margin: 0px 60px 0px 60px;  positions menu tabs */
/*	font-family: "Swis721 Ex Bt", "Tahoma", "Geneva", "sans-serif"; */
	font-family: "Verdana";
	font-size: 16pt; font-weight: normal;
	margin: 0; padding: 0;
	position: relative;
	z-index: 1;
}
ul.menu li { 
	display: inline; 
	list-style: none;
	padding: 0px 0px;
	position: absolute;
}
li.menu-m { top: -380px; left: 100px; 
	font-size: 18pt;
	width: 10em; text-align: left; 
	border: 2px groove #000; border-right: 0px; border-left: 0px;/*  borders */
	border-bottom: 1.5em solid #fff;  /* to allow hover to pass into the drop down menu -- match background color! */
}
li.menu-t { top: -175px; left: 420px; 
	font-size: 24pt; 
	width: 8em; text-align: right;
	border: 2px groove #000; border-right: 0px; border-left: 0px; /*  borders */
	border-top: 1.2em solid #fff;  /* to allow hover to pass into the drop down menu -- match background color! */
	z-index: -1;
}

/* top menu anchor styles */
ul.menu a { color: #901000; font-weight: normal; }
ul.menu a[href="#"] { color: #000; font-weight: normal; }
ul.menu a:hover { color: #909090; }
/* ul.menu a:visited {font-style: italic; }*/

/* drop down menu lists style and positioning */

ul.menu li > ul { 
	display: none;
	z-index: 2;
 	border: 2px groove #000; /*  drop-down borders */
	position: absolute;
	padding: 2px 0px;
	font-size: 16pt;
}
ul.menu li > ul li { 
/*	display: block;*/
	position: relative;
	padding: 2px 0px;
	font-size: 16pt;
}
/* Position the drop down menus */
ul.menu li.menu-m > ul { 
	width: 9em; text-align: left; border-top: 0px; border-right: 0px;
	top: 1.5em; left: -2px;
}
ul.menu li.menu-t > ul { 
	width: 11em; text-align: right; border-bottom: 0px; border-left: 0px;
	top: -5.4em; left: 20px;
}

ul.menu li.menu-t > ul >li { white-space: nowrap; }  /* ie keeps wrapping text ... bastards */

/* fly out menus */
ul.menu li.menu-m > ul > li > ul.flyout-right { 
	display: none;
	z-index: 3;
	position: absolute;
	top: 4px; left: 8.6em;
	text-align: right; padding: 2px 1em;
	border: 1px groove #000; border-left: 0px;
	white-space: nowrap;
}
ul.menu li.menu-m > ul > li > ul.flyout-right > li { font-size: 12pt; }

ul.menu li.menu-t > ul > li > ul.flyout-left { 
	display: none;
	z-index: 3;
	position: absolute;
	top: 4px; right: 11em;
	text-align: left; padding: 2px 1em;
	border: 1px groove #000; border-right: 0px;
	white-space: nowrap;
}
ul.menu li.menu-t > ul > li > ul.flyout-left > li { font-size: 12pt; }

/* drop down menu control -- use hover pseudo-class selectors */
ul.menu li:hover > ul { display: block; }
ul.menu li:hover > ul > li:hover > ul[class|="flyout"] { display: block; background-color: #fff; }