/* Adapted from:  http://css-tricks.com/examples/SimplejQueryDropdowns/ */

/*	LEVEL ONE	*/
ul.dropdown                     { position: relative; list-style: none; z-index: 500; margin: 0; padding: 0; }
ul.dropdown li                  { color: #1d1dc6; background: #dddddd; font-weight: bold; float: left; font-size: 0.95em; font-family: Arial, Helvetica, sans-serif; }
ul.dropdown a:hover		{ color: #cccccc; }
ul.dropdown a:active            { color: #1d1dc6; }
ul.dropdown li a                { color: #1d1dc6; border-right: 1px solid #ffffff; display: block; padding: 4px 8px; text-decoration: none; }
ul.dropdown li:last-child a     { border-right: none; }		/* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover            { color: #555555; background: #c4d1ff; position: relative; }
ul.dropdown li.hover a          { color: black; }


/*	LEVEL TWO	*/
ul.dropdown ul 			{ width: 240px; visibility: hidden; position: absolute; top: 100%; left: 0; list-style: none; margin: 0; padding: 0; }
ul.dropdown ul li 		{ color: #444444; background: #f6f6ff; border-bottom: 1px solid #cccccc; font-weight: normal; float: none;  font-size: 0.95em; font-family: Arial, Helvetica, sans-serif; }
ul.dropdown ul li a		{ border-right: none; width: 100%; display: inline-block; }	/* IE 6 & 7 need Inline Block */


/*	LEVEL THREE	*/
ul.dropdown ul ul 		{ left: 100%; top: 0; list-style: none; }
ul.dropdown li:hover > ul 	{ visibility: visible; }