
/*

TOP LEVEL MENU STYLES

*/

/* Border of main menu */
#menuStyle tr.menuDivide {
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: #D52D2D;
}

/* Main menu - Set BG and text colors here */
#menuStyle tr.menuRowOut {
	height: 19px;
	margin: 0px;
	padding: 0px;
	border: none;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	line-height: 11px;
	color: #DDDDDD;
	background-color: #ED7575;
}

/* Main Menu on mouseover - Set BG and text colors */
#menuStyle tr.menuRowOver {
	height: 19px;
	margin: 0px;
	padding: 0px;
	border: none;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	line-height: 11px;
	color: #FFF797;
	background-color: #F89C33;
	/* Do not reverse those two values! If you write your styles as shown above, then NS6+ will see the first value and ignore the second, so you get pointer. In IE5.x/Win, it sees both and uses the second, so you get hand. */
	cursor: pointer; cursor: hand;
}

#menuStyle tr.menuRowSelected {
	height: 19px;
	margin: 0px;
	padding: 0px;
	border: none;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	line-height: 11px;
	color: #333333;
	background-color: #DDDDDD;
}


/*

FLY-OUT MENU STYLES

*/

#flyOutStyle {
	position: absolute;
	z-index: 10;
}

#flyOutStyle span.instructions{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	line-height: 11px;
	color: #000000;
	background-color: #F89C33;
	width : 90px;
}

#flyOutStyle td.backgroundFill {
	background-color: #F89C33;
}

/* Border of fly-out menu */
#flyOutStyle td.border {
	background-color: #D52D2D;
}

#menuFlyout0 {
	width: 120px;
}
#menuFlyout1 {
	width: 120px;
}
#menuFlyout2 {
	width: 120px;
}
#menuFlyout3 {
	width: 120px;
}
#menuFlyout4 {
	width: 120px;
}
#menuFlyout5 {
	width: 120px;
}
#menuFlyout6 {
	width: 120px;
}
#menuFlyout7 {
	width: 120px;
}
#menuFlyout8 {
	width: 120px;
}
#menuFlyout9 {
	width: 120px;
}
#menuFlyout10 {
	width: 120px;
}
#menuFlyout11 {
	width: 120px;
}
#menuFlyout12 {
	width: 120px;
}
