/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu										{
												font-family			:	arial, sans-serif;
												width				:	196px;
												position			:	relative;
												font-size			:	11px;
												margin				:	0 0;
											}

.menu ul li a, .menu ul li a:visited		{
												display				:	block;
												text-decoration		:	none;
												color				:	#10137E;
												width				:	196px;
												height				:	20px;
												text-align			:	center;
												border				:	1px solid #10137E;
												background			:	#E3E5EB;
												line-height			:	19px;
												font-size			:	11px;
											}

.menu ul									{
												padding				:	0;
												margin				:	0;
												list-style-type		:	none;
											}

.menu ul li									{
												float				:	left;
												margin-right		:	1px;
												position			:	relative;
											}

.menu ul li ul								{
												display				:	none;
											}

.menu ul li a.hide:hover					{
												color				:	#FFFFFF;
												background			:	#AAAAEE;
											}
											
/* specific to non IE browsers */
.menu ul li:hover a							{
												color				:	#10137E;
												background			:	#E3E5EB;
											}

.menu ul li:hover ul						{
												display				:	block;
												position			:	absolute;
												top					:	0;
												left				:	196px;
												width				:	196px;
											}

.menu ul li:hover ul li a.hide				{
												background			:	#E3E5EB;
												color				:	#10137E;
											}

.menu ul li:hover ul li:hover a.hide		{
												width				:	150px;
											}

.menu ul li:hover ul li ul					{
												display				:	none;
											}

.menu ul li:hover ul li a					{
												display				:	block;
												background			:	#E3E5EB;
												color				:	#10137E;
												width				:	150px;
											}

.menu ul li:hover ul li a:hover				{
												background			:	#AAAAEE;
												color				:	#FFFFFF;
											}

.menu ul li:hover ul li:hover ul			{
												display				:	block;
												position			:	absolute;
												left				:	151px;
												top					:	0;
												color				:	#FFFFFF;
												background			:	#E3E5EB;
											}

.menu ul li:hover ul li:hover ul li a		{
												display				:	block;
												width				:	196px;
												background			:	#E3E5EB;
												color				:	#10137E;
											}

.menu ul li:hover ul li:hover ul li a:hover	{
												background			:	#AAAAEE;
												color				:	#FFFFFF;
											}
