/* ================================================================ 
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 */
.idxmenu {font-family: arial, Helvetica, sans-serif; 
/*		font-family: Georgia, "Times New Roman", Times, serif;*/
		width:166px; height:260px; position:relative; 
		font-weight:bold; font-size:11px; margin-top:3px;
}
/* note for above: foxfire and ie6 handle width/heigh/margins in different fashions. margins can be set top left and right in both browsers, 
but the bottom margin behaves differently in foxfire. Safest thing is to make the height sufficient to create the bottom margin automatically. 
TDW 5/8/08
*/
.idxmenu ul li a, .idxmenu ul li a:visited {display:block; text-decoration:none; color:#FFFFFF; width:166px; height:20px;       font-family: arial, Helvetica, sans-serif; 
	text-align:center; border:1px solid #fff; border-width:0px 1px 1px 1px; background:#281C6F; line-height:19px;}
#topmenuitem { border-top-width:1px; }
#bottommenuitem {border-bottom-width:1px; }
.idxmenu ul {padding:0; margin:0; list-style-type: none; }
.idxmenu ul li {float:left; margin-right:1px; position:relative;}
.idxmenu ul li ul {display: none;}

/* specific to non IE browsers */
.idxmenu ul li:hover a {color:#FFFFFF; background:#007cc3;}
.idxmenu ul li:hover ul {display:block; position:absolute; top:0; left:117px; width:105px;}
.idxmenu ul li:hover ul li a.hide {background:#FFFFFF; color:#000;}
.idxmenu ul li:hover ul li:hover a.hide {width:150px;}
.idxmenu ul li:hover ul li ul {display: none; }
.idxmenu ul li:hover ul li a {display:block; background:#281C6F; color:#FFFFFF; width:150px;}
.idxmenu ul li:hover ul li a:hover {background:#007cc3; color:#FFFFFF;}
.idxmenu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:1px; color:#FFFFFF;}
.idxmenu ul li:hover ul li:hover ul li a {display:block; width:150px; background:#281C6F; color:#FFFFFF;}
.idxmenu ul li:hover ul li:hover ul li a:hover {background:#007cc3; color:#FFFFFF;}