/*the default styles are very neutral. no need to change*/
/*flyout container style (inc. text color)*/
/*use a.whatever, and no need for .whatever a (this class only since class is applied within the anchor)*/
/*DONT CHANGE TEXT ALIGNMENT (IE5 bug)*/
a.flyout_flyout
{
	/*defines the flyout menu flyout style*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ffcc99;
	visibility: inherit;
	text-decoration: none;
	display: block;
	padding: 2px;
	color: #000000;
}
/*flyout container hover style*/
a.flyout_flyout:hover
{
	background-color: #996633;
	color: #ffffff;
}
/*flyout menu item style*/
a.flyout_menu
{
	/*defines the flyout menu link style*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	visibility: inherit;
	text-decoration: none;
	background-color: #ffcc99;
	display: block;
	padding: 2px;
	color: #000000;
}
/*flyout menu item hover style*/
a.flyout_menu:hover
{
	background-color: #996633;
	color: #ffffff;
}
/*don't touch these*/
/*defines the border for all flyout menu items*/
.flyout_border
{	
	visibility: inherit;
	border-top: 1px solid #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*defines the container style for a flyout sub-menu*/
.flyout_container
{
	display: block;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	visibility: hidden; /*must hide or all divs will show at foot of page*/
	position: absolute; /*so all divs don't occupy space at foot of page*/
}