@charset "utf-8";
/* CSS document */

a:hover { cursor: pointer; }
#navbar {
  	width: 50em; height: 1.8em; line-height: 1.8em; list-style: none;
	margin: 0; padding: 0; font-family: arial;
	position: relative; z-index: 200;
	background: transparent url(images/nav_button_bg.png) top left repeat-x;
	border: none;
	float: right;
  }
#navbar .left {
	height: 1.8em; line-height: 1.8em;
	margin: 0; padding: 0;
	background: transparent url(images/nav_button_bg_left.png) top left no-repeat;
	border: none;
	float: left;
}
#navbar .right {
	min-width: 4em;
	height: 1.8em; line-height: 1.8em;
	margin: 0; padding: 0;
	background: transparent url(images/nav_button_bg_right.png) top right no-repeat;
}
#navbar ul {
	padding: 0; margin: 0; list-style: none;
	background:#65cccc; border-top: 1px solid #fe7; border-color:#adfcfd #4b8d8e #4b8d8e #adfcfd;
	float: left; 
}
#navbar li { float: left; }
#navbar li li { float: none; border-left: 1px solid #adfcfd; border-right: 1px solid #4b8d8e; }
#navbar li li.last { border-bottom: 1px solid #4b8d8e; }
/* a hack for  IE6 */
* html #navbar li li { float: left; border-right: none; }
#navbar li a {
	display: block; float: left; color:#000; font-size: .8em;
	height: 1.8em;  padding: .2em 2em 0 1em; line-height: 1.8em;
	text-decoration: none; white-space: nowrap; font-weight: bold;
}
#navbar li a.down { background: url(images/down.gif) no-repeat right center; }
#navbar li a:hover { background: }

#navbar li li a { min-width: 7em; display: block; height: 2.2em; line-height: 2.2em; float: none; padding: 0 20px 0 1em; font-weight: normal; letter-spacing: 1px; }
#navbar li li a.fly { background: url(images/fly.gif) no-repeat right center; }

#navbar li:hover {position:relative; z-index:300;}
#navbar li.hover {position:relative; z-index:300;}
#navbar li.hover a {color:#fff;}

#navbar li li a {color:#fff;}
#navbar li li.hover a {color:#000; background-color:#cccc66;}

#navbar li:hover ul {left: 0; top: 1.4em; z-index:500;}
#navbar li.hover ul {left: 0; top: 1.4em; z-index:500;}

#navbar ul {position:absolute; left:-9999px; top:-9999px;}
* html #navbar ul {width:2px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#navbar li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;}
/* keep further levels hidden */
#navbar li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; }
/* show path followed */
#navbar li:hover > a {color:#fff;}
#navbar li li:hover > a {color:#000; background: transparent url(images/hover.png) repeat-x;}


/* but IE5.x and IE6 need this lot to style the flyouts*/
#navbar li.hover li.hover a,
#navbar li.hover li.hover li.hover a,
#navbar li.hover li.hover li.hover li.hover a,
#navbar li.hover li.hover li.hover li.hover li.hover a,
#navbar li.hover li.hover li.hover li.hover li.hover li.hover a
{color:#000; background-color:#cccc66;}

#navbar li.hover li.hover li a,
#navbar li.hover li.hover li.hover li a,
#navbar li.hover li.hover li.hover li.hover li a,
#navbar li.hover li.hover li.hover li.hover li.hover li a
{color:#fff; background-color:#e5ba00;}

/* show next level */
#navbar li.hover li.hover ul,
#navbar li.hover li.hover li.hover ul,
#navbar li.hover li.hover li.hover li.hover ul,
#navbar li.hover li.hover li.hover li.hover li.hover ul
{left:100%; margin-left:-5px; top:-1px;}

/* keep further levels hidden */
#navbar li.hover ul ul,
#navbar li.hover li.hover ul ul,
#navbar li.hover li.hover li.hover ul ul,
#navbar li.hover li.hover li.hover li.hover ul ul
{position:absolute; left:-9999px; top:-9999px;}