@charset "utf-8";
/* <![CDATA[ */

/* ================================================================ 
 These menus are under copyright and may not be reused or altered.
          All rights reserved by Twig Interactive.
                 www.twiginteractive.com
=================================================================== */

/* Place CSS for navigation elements here */
/* Remember that IE6 doesn't support multiple classnames and will only read last class */

/* Start Main */

ul#login table
{
	position: absolute; 
	border-collapse: collapse; 
	margin: 0; 
	padding: 0; 
	left: 0; 
	top: 0;
	border: none;
}

/* Style the top level tabs */
ul#login *:focus
{
	outline: none;
}
ul#login,
ul#login ul
{
	margin: 0; 
	padding: 0;
}
ul#login
{
	height: 36px;
	position: relative; 
	z-index: 100;
}
ul#login li
{
	padding: 0; 
	margin: 0;
	cursor: pointer;
}
ul#login li.level1
{
	display: block; 
	height: 100%;
	float: left;
	margin-right: 4px;
}
ul#login li.level1 a.level1
{
	display: block;
	float: left; 
	height: 100%;
	font-size: 12px;
	line-height: 32px;
	width: 100%;
	text-decoration: none;
	text-transform: uppercase;
	background: transparent url(../graphics/2009/btn_login.gif) left top no-repeat;
	cursor: pointer;
}
ul#login li.level1 a.level1 span.level1
{
	float: left;
	display: block;
	height: 100%; 
	width: 100%;
	text-align: center;
	color: #ffffff;
	white-space: nowrap;
}

ul#login li.level1 a.level1 table {
	width: 20px;
}

/* Style current top level tab */
ul#login li.level1.current a.level1.current
{
}
ul#login li.level1.current a.level1.current span.level1
{
}

/* Style top level tabs hovers */
ul#login li.level1:hover a.level1,
ul#login li.level1 a.level1:hover
{
	background: transparent url(../graphics/2009/btn_login_over.gif) left top no-repeat;
}
ul#login li.level1:hover a.level1 span.level1,
ul#login li.level1 a.level1:hover span.level1
{
	color: #ffffff;
}

/* Style current top level tab hover */
ul#login li.level1.current:hover a.level1.current span.level1,
ul#login li.level1.current a.level1.current:hover span.level1
{
}

/* Make the top level hover relative positioned, white-space is a trigger for IE6 to show dropdowns */
ul#login li:hover,
ul#login a:hover
{
	position: relative; 
	z-index: 200;
}
ul#login a:hover
{
	white-space: nowrap;
} 

/* Style the sub levels */
ul#login :hover ul.sub
{
	background-color: #ffffff;
	border: 1px solid #999999;
	border-bottom: none;
	height: auto;
	top: 36px; 
	white-space: nowrap; 
	z-index: 300;
}
ul#login :hover ul.sub li
{
	display: block; 
	float: left;
	border-bottom: 1px solid #999999;
	width: 100%; 
}
ul#login :hover ul.sub li a
{
	color: #333333; 
	display: block;
	font-size: 11px;
	height: 17px; 
	line-height: 18px;
	padding: 6px 0 6px 10px;
	background-color: #ffffff;
	text-decoration: none;
	text-transform: none;
}

/* Style current menu item in any level */
ul#login :hover ul.sub li.current a.current
{
}

/* Add fly-out arrow - 'OFF' state */
ul#login :hover ul.sub li.hasFly a.level2
{
}
/* Change the fly-out arrow to 'ON' state during hover: IE6 needs level2 class */
ul#login :hover ul.sub li.hasFly a.level2:hover
{
}

/* Style separator if required */
ul#login li ul.sub li span.separator
{
	display: none;
}

/* Style the fly-out hovers */
ul#login :hover ul.sub li:hover a,
ul#login :hover ul.sub li a:hover,
ul#login :hover ul.sub li:hover ul li:hover a,
ul#login :hover ul.sub li:hover ul li a:hover
{
	color: #333333;
	background-color: #f5f5f5;
}

/* But not the sub menu flyouts when the parent is hovered over */
ul#login :hover ul.sub li:hover ul li a
{
	color: #333333;
	background-color: #ffffff;
}

/* For IE6 ONLY using a:hovers to show sub levels */
ul#login a:hover a:hover ul,
ul#login a:hover a:hover a:hover ul,
ul#login a:hover a:hover a:hover a:hover ul,
ul#login a:hover a:hover a:hover a:hover a:hover ul
{
	background-color: #ffffff; 
	border: 1px solid #999999;
	border-bottom: none;
	height: auto;
	top: 4px; 
	white-space: nowrap; 
	z-index: 400; 
}

/* For IE6 ONLY to keep the next levels hidden */
ul#login ul, 
ul#login a:hover ul ul,
ul#login a:hover a:hover ul ul,
ul#login a:hover a:hover a:hover ul ul,
ul#login a:hover a:hover a:hover a:hover ul ul
{
	height: 0; 
	left: -9999px; 
	margin: 0; 
	padding: 0; 
	position: absolute; 
	top: -9999px; 
	width: 0; 
}

/* For others, keep the selected list items persistant whilst traveling through the sub levels [NO IE6] */
ul#login li:hover li:hover > ul
{
	background-color: #ffffff; 
	border: 1px solid #999999;
	border-bottom: none;
	height: auto; 
	top: 4px; 
	white-space: nowrap; 
	z-index: 400;
}
ul#login li:hover li:hover > ul li a
{
	color: #333333;
}
ul#login li:hover > ul ul
{
	height: 0; 
	left: -9999px; 
	list-style: none;
	margin: 0; 
	padding: 0; 
	position: absolute; 
	top: -9999px; 
	width: 0; 
}

/* Style the default flyout link color */
ul#login :hover :hover a
{
	color: #333333;
}

/* End Main */

/* ]]> */