/* Navbar Defaults */
#navbar {
	position:relative; 
	height:18px; 
	top:182px;
	padding:0; margin:0; 
	list-style:none;
	z-index:100;	
}

#navbar a:hover {
	position:relative; /* For IE 5.5 and 6 */
}

/* Topmost Links */
#navbar li.topnav {
	display:block; float:left;
}

#navbar li a.top-link {
	display:block; float:left;
	height:20px;
	color:#CCCCCC;
	font-size:11px; font-weight:bold; line-height:13px; letter-spacing: 1px;
	background-image:url(../images/phoenix-arrow-down.gif);
	background-repeat:no-repeat; background-position:100% 35%;
	padding:0 0 0 12px;
}

#navbar li a.top-link span.dropdown {
	height:20px;
	padding:0 24px 0 12px; 
}

/* Underline for the accesskeys */
#navbar li a.top-link span.underline {
	display:inline; /* fix for IE 5.5 and 6 */
	text-decoration:underline;
	padding:0; /* fix for Opera */
	margin:0; /* fix for IE 5.5 and 6 */
}

/* Hover on Toplinks */
#navbar li:hover a.top-link span, #navbar a.top-link:hover span {
	color:#FFFFFF;
}

/* --- Thee Dropdown --- */ 

/* IE 5.5 & 6 */
#navbar table {
	position:absolute; 
	border-collapse:collapse; 
	left:0; top:0;
/*	z-index:-1 /* new */
}

#navbar li:hover {
	position:relative;
}

/* Dropdown Menu */

#navbar :hover ul.sub {
	left:1px; top:18px;
	padding:3px;
	white-space:nowrap;
	width:125px;
	height:auto;
	background-color:#000000;
	color:#FFCC33;
	border-left:solid #333333; border-right:solid #333333; border-bottom:solid #333333;
	/* Some bleeding edge CSS3 rounded corners for Firefox and Safari */
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
}

#navbar :hover ul.sub li {
	display:block; 
	height:20px; 
	float:left; 
	width:125px; 
}


#navbar :hover ul.sub li a {
	display:block; 
	font-weight:normal; font-size:11px; font-weight:lighter; 
	line-height:18px; letter-spacing:normal; 
	text-decoration:none; text-indent:5px; 
	height:18px; width:125px; 
	color:#FFCC33; 
}

/* Unselected Submenu */
#navbar li ul.sub li a.fly {
	background-color:#000000 ;
	background-image:url(../images/phoenix-arrow-right.gif) ;
	background-position:115px 4px ;
	background-repeat:no-repeat ;
}

/* Menu Item Selected */
#navbar :hover ul.sub li a:hover {
	background-color:#333333;
	color:#CCCCCC; 
	border-color:#333333; 	
}

/* Submenu Selected */
#navbar :hover ul.sub li a.fly:hover {
	background-color:#333333;
	background-image:url(../images/phoenix-arrow-right.gif);
	background-position:100% 50%;
	background-repeat:no-repeat; 
	color:#CCCCCC;	 	
}

/* Submenu fix for the IE 5.5 and 6 crowd */
#navbar a:hover a:hover ul,
#navbar a:hover a:hover a:hover ul,
#navbar a:hover a:hover a:hover a:hover ul,
#navbar a:hover a:hover a:hover a:hover a:hover ul {
	left:115px; top:5px; 
	background-color:#000000;
	padding:3px; 
	border: 3px solid #333333; 
	white-space:nowrap; 
	width:125px; 
	height:auto;
}


/* Hide the Submenu */
#navbar ul, 
#navbar a:hover ul ul,
#navbar a:hover a:hover ul ul,
#navbar a:hover a:hover a:hover ul ul,
#navbar a:hover a:hover a:hover a:hover ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}

/* Thee Submenu Dropdown */
#navbar li:hover li:hover > ul {
	left:115px; top:4px; 
	background-color:#000000;
	padding:3px; 
	white-space:nowrap; 
	width:125px; 
	height:auto;
	border: 3px solid #333333; 
	/* Some bleeding edge CSS3 rounded corners for Firefox and Safari */
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
}

/* Hide ... */
#navbar li:hover > ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; height:0; 
	margin:0; padding:0; 
	list-style:none;
}

/* Flyout Opened  */
#navbar li:hover li:hover > a.fly {
/*	position: relative;*/
	background-color:#333333;
	background-image:url(../images/phoenix-arrow-right.gif);
	background-position:100% 50%;
	background-repeat:no-repeat;
	color:#CCCCCC;
	border-color:#333333;
}


