/***************************************************************************************
	Cascading Menu stylesheet

	Author: Dan Curren				
	Date:	2508.09.25				

	Description:
		Implements a single cascading menu with a maximum or 3 tiers via CSS.
		If you want additional cascading menues on the same page, then you
		must copy this .css and rename all of the "horiz-menu" strings to
		a new name for the new menu.

		Note: due to IE not including Padding and Borders in size calculations
			we need to make sure we account for the extra pixels when
			we place the pullouts.

		For IE6 the <li> tags must include the following:
			<li onmouseover="this.className='cmhover';" onmouseout="this.className='';">
	Sample:
			<div id="horiz-menu" class="cascadingmenu">
				<ul>
					<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 1</a><ul>
						<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 1.1 &gt;</a><ul>
							<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 1.1.1</a></li></ul></li>
						<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 1.2 &gt;</a><ul>
							<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 1.2.1</a></li>
							<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 1.2.2</a></li>
							<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 1.2.3</a></li></ul></li>
						<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 1.3</a></li></ul></li>
					<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 2 &gt;</a><ul>
						<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 2.1 &gt;</a><ul>
							<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 2.2.1</a></li>
							<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 2.2.1</a></li>
							<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 2.2.2</a></li>
							<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 2.2.4</a></li></ul></li>
						<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 2.2</a></li></ul></li>
					<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 3</a></li>
					<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 4</a></li>
					<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 5</a></li>
				</ul>
			</div>
 ***************************************************************************************/

/**********************************/
/* Div styles styles for the Menu */
/**********************************/

.TempDiv {
	width: 275px;
	padding-left: 5px;
}

.TempDiv-Hover {
	width: 275px;
	padding-left: 5px;
}

.SubTempDiv {
	width: 210px;
	padding-left: 5px;
}

.SubTempDiv-Hover {
	width: 210px;
	padding-left: 5px;
}

	/* Font for the Cascade Menu's top row. */
div#horiz-menu {
	font-family: Verdana;
	font-size: 11px;
	height: 25px;		/* Height of the Menu's top row */
	width: 720px;
	float: right;
	border-top: 0px solid #A1A1A1;
	border-bottom: 0px solid #A1A1A1;
	padding-right: 5px;
	background: #43536c;
}

#horiz-menu input.LoginInput{
	width: 100px;
	height: 12px;
	font-size: 10px;
}

#horiz-menu input.LoginSubmit {
	width: 60px;
	height: auto;
	line-height: 12px;
	font-size: 10px;
}

	/* Margin and Padding for all sub-menus. */
div#horiz-menu ul {
	font-family: Verdana;
	font-size: 11px;
	margin: 0;
	padding: 0;
}
	/* Main Menu item settings */
div#horiz-menu li {
	font-family: Verdana;
	font-size: 11px;
	margin: 0;
	padding: 0;
	padding-right: 0px;
	list-style: none;
	white-space: nowrap;
	float: left;
	border-right: 0px solid #A1A1A1;
}
	/* Main Menu item hyperlink settings */
div#horiz-menu a:link,
div#horiz-menu a:visited {
	font-family: Verdana;
	font-size: 11px;
	display: block;
	padding: 0px;
	height: 25px;		/* Height of the Menu's top row */
	line-height: 25px;	/* Height of the Menu's top row */
	text-decoration: none;
	float: left;
}
	/* Alignment of the hyperlink tags in the menu */
div#horiz-menu a {
	font-family: Verdana;
	font-size: 11px;
	display: block;
	height: 25px;		/* Height of the Menu's top row */
	line-height: 25px;	/* Height of the Menu's top row */
	padding: 0px;
	text-decoration: none;
	cursor: pointer;
	background: none;
	float: left;
}
	/* Hyperlink Text location with a sub-menu item. */
#horiz-menu li li a:link,
#horiz-menu li li a:visited{
	font-family: Verdana;
	font-size: 11px;
	background: none;
	padding: 0;
	float: left;
	text-indent: 0px;	/* Indent the sub-menu item text */
}

	/* Hyperlink Font within a sub-menu item. */
#horiz-menu li li a:link,
#horiz-menu li li a:visited {
	font-family: Verdana;
	font-size: 11px;
	border: 0;
	font-weight: normal;
}

	/* The formatting for items*/
#horiz-menu li a.active:link,
#horiz-menu li a:link,
#horiz-menu li a:visted,
#horiz-menu li a.active:visited  {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
}

	
	/* The width of sub-menu items. */
#horiz-menu li li {
	font-family: Verdana;
	font-size: 11px;
	background: none;
	width: 285px;
}
	/* The width of sub-menu sub items. */
#horiz-menu li li li {
	font-family: Verdana;
	font-size: 11px;
	background: none;
	width: 180px;
}

	/* Basic Sub-Menu settings. */
#horiz-menu ul ul a:link,
#horiz-menu ul ul a:visited {
	font-family: Verdana;
	font-size: 11px;
	display: block;
	text-decoration: none;
	width: auto;
	text-transform: none;
	background: none;
}

	/* Positioning of the top level menu items. */
#horiz-menu ul li {
	font-family: Verdana;
	font-size: 11px;
	position: relative;
	float: right;
}
	/* Positioning of sub-menues with parent menu items.
		Note: left: -999em is used to move the sub-menu off
		the page until we hover over it. */
#horiz-menu li ul {
 	font-family: Verdana;
	font-size: 11px;
	top: 25px;			/* Height of the menuitems. */
	position: absolute;
	z-index: 10;
	left: -999em;
	height: auto;
	width: auto;
	font-weight: normal;
	border-width: 0;
	margin: 0;
	padding: 0;
}

	/* Size of sub-menues. */
#horiz-menu ul ul a:link,
#horiz-menu ul ul a:visited {
	font-family: Verdana;
	font-size: 11px;
	width: auto;
}

/*
	Margin for pullouts:
		-25px = the defined height of a menuitem.
		255px = the defined width of a menuitem.
 */
#horiz-menu li ul ul {
	font-family: Verdana;
	font-size: 11px;
	margin: -25px 0 0 250px;
}

#horiz-menu li ul li {
	font-family: Verdana;
	font-size: 11px;
	margin: -1px;
}

  
/*********************************/
/* Color Formating styles for the Menu */
/*********************************/

	/* The formatting for items which are the currently active items*/
#horiz-menu.cascadingmenu li a.active:link,
#horiz-menu.cascadingmenu li a.active:visited  {
	font-family: Verdana;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

	/* The Text and Background colors of the menuitems in a menu
		when the mouse is not over them. */
#horiz-menu.cascadingmenu a,
#horiz-menu.cascadingmenu li {
	font-family: Verdana;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

	/* The Text and Background colors of the menuitems in a sub-menu
		 when the mouse is not over them. */
#horiz-menu.cascadingmenu li li a,
#horiz-menu.cascadingmenu li li {
	font-family: Verdana;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	background: #43536c;
}

#horiz-menu.cascadingmenu li li {
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
}
	/* The Text and Background colors of the hyperlinks in a menu
		 when the mouse is over them. */
#horiz-menu.cascadingmenu a:hover {
	font-family: Verdana;
	font-size: 11px;
	color: #ffffff;
	text-decoration: underline;
	background: #43536c;
}

#horiz-menu.cascadingmenu li li a:hover,
#horiz-menu.cascadingmenu li li:hover,
#horiz-menu.cascadingmenu li li.cmHover {
	font-family: Verdana;
	font-size: 11px;
	color: #43536c;
	text-decoration: none;
	background: #ffffff;
}

	/* Positioning of the top level menu items. */
#horiz-menu ul li.cmHover a.TopLevel:hover {
	font-family: Verdana;
	font-size: 11px;
	color: #ffffff;
	text-decoration: underline;
	background: #43536c;
}

#horiz-menu.cascadingmenu li a.active:hover {
	font-family: Verdana;
	font-size: 11px;
	color: #ffffff;
}

/*********************************/
/* Cascading styles for the Menu */
/*********************************/

#horiz-menu li:hover ul ul, 
#horiz-menu li:hover ul ul ul,
#horiz-menu li:hover ul ul ul ul,  
#horiz-menu li.cmHover ul ul, 
#horiz-menu li.cmHover ul ul ul, 
#horiz-menu li.cmHover ul ul ul ul 
{
	display: none;
/*	left: -999em;*/
}

#horiz-menu li:hover ul, 
#horiz-menu li li:hover ul, 
#horiz-menu li li li:hover ul, 
#horiz-menu li li li li:hover ul,
#horiz-menu li.cmHover ul, 
#horiz-menu li li.cmHover ul,
#horiz-menu li li li.cmHover ul,
#horiz-menu li li li li.cmHover ul
{
	left: 0;
	display: block;
}

#horiz-menu li:hover,
#horiz-menu li.cmHover {
	left: 0;
	display: block;
}