@charset "iso-8859-1";
/*******************************************************************************
*  dropmenu.css : 2005.10.04 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  
*  NOTES
* -------
*  IE/Mac would like whitespace between the UL opening and closing tag and
*  it's parent/surrounding elements. IE/Mac also has some oddities with how
*  the class attribute is parsed. If you get odd behaviors in IE/Mac, try
*  rearranging the order of classes listed in the class attribute
*
*  This style sheet has been made available without any restrictions
*  by Ruth Sarian (http://webhost.bridgew.edu/etribou/layouts/)
*
*******************************************************************************/

head+body ul.dropMenu
{
	position: relative;	/* fix a render bug with Opera */
}
ul.dropMenu li ul
{
	display: none;
	position: absolute;
	z-index: 999;
}
ul.dropMenu li
{
	position: relative;
}
ul.dropMenu li:hover, 
* html ul.dropMenu li.sfhover
{
	z-index: 1;
}
ul.dropMenu li:hover>ul
{
	display: list-item;
}
* html ul.dropMenu li.sfhover ul ul, 
* html ul.dropMenu li.sfhover ul ul ul
{ 
	display: none;
}
* html ul.dropMenu li.sfhover ul, 
* html ul.dropMenu li li.sfhover ul, 
* html ul.dropMenu li li li.sfhover ul
{
	display/* \ */: list-item;
	display: list-item;
	/* \*/	display: list-item; /* IE Mac Bugfix */
}

/* vnav specific stuff
 */
ul.dropMenu ul.vnav
{
	width: 10em;		/* override in your theme or change this to 
				   your own preference */
}
ul.dropMenu ul.vnav li
{
	float: left;
	clear: left;
	width: 100%;
}

/* dropMenuDownRight rules - will pop the menu directly below the
 * parent element.
 *
 * no rules are defined here because this is the default location
 * for the menu to pop. i leave this here regardless for
 * completeness.
 */
ul.dropMenuDownRight li:hover>ul
{
}
* html ul.dropMenuDownRight li.sfhover ul
{
}

/* dropMenuDownLeft rules - will pop the menu directly below the
 * parent element.
 *
 * no rules are defined here because this is the default location
 * for the menu to pop. i leave this here regardless for
 * completeness.
 */
ul.dropMenuDownLeft li:hover>ul
{
	right: 0;
}
* html ul.dropMenuDownLeft li.sfhover ul
{
	right: 0;
}

/* dropMenuLeft - this will pop the menu down and to the left of the
 * parent element. 
 *
 * -50% left/50% right margins? that is because if the ul is being
 * positioned using the "right" attribute or floating, one margin
 * works. if not, the other margin works. if you define both,
 * _in_ths_case_only_ only one margin is actually going to affect
 * the ul element's position and the other, essentially, ignored.
 * so we can set both in a single rule. 
 *
 * NOTE: you _must_ have no whitespace surrounding the '>' in the
 *       selector, otherwise IE 5.0 will ignore everything prior
 *       to the '>' symbol, but will treat everything after like
 *       a regular selector
 */
ul.dropMenuLeft li:hover>ul
{
	margin: -0.25em 50% 0 -50%;
}
* html ul.dropMenuLeft li.sfhover ul
{
	margin: -0.25em 0 0 0;
	left: -50%;	/* because IE 5.0 prefers this to margins */
}

/* dropMenuRight rules - will pop the menu down and to the
 * right of the parent element
 *
 * -50% left/50% right margins? please see the previous 
 * comment (dropMenuLeft) for the explanation on this
 */
ul.dropMenuRight li:hover>ul
{
	margin: -0.5em -50% 0 50%;
}
* html ul.dropMenuRight li.sfhover ul
{
	margin: -0.5em 0 0 0;
	left: 50%;	/* because IE 5.0 prefers this to margins */
}