/* CSS Document */
 
#menu {
	width:100%;
	height:52px;
	text-align:center;
	overflow:hidden;
	background-image: url(../images/penguin2.jpg);
	background-repeat: repeat-x;
	background-position: center;
}
 
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap;}
#menu ul {display:inline-block;} 
 
#menu li {display:inline-block; display:inline;}
#menu ul.level1 div {position:absolute; left:-9999px;}
 
#menu ul.level1 {margin:0 auto;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative;}
 
#menu ul li div ul {margin:0; background:url(..images/trans.gif);}
 
#menu a.level1-a {display:block; font:bold 11px verdana,arial,sans-serif; color:#cde; line-height:25px; text-decoration:none;padding:0 15px 0 15px; text-align:center;}
#menu ul.level1 li.level1-li a.level1-a {float:left;}
 
#menu ul li:hover div {left:50%; top:25px;}
#menu ul li:hover div ul {display:block; position:relative; left:-50%;}
#menu ul li div ul li a {height:25px; font:normal 11px verdana,arial,sans-serif; color:#000; line-height:25px; text-decoration:none; padding:6px;}
 
#menu a:hover div {left:0; top:23px;}
 
#menu a:hover div ul {position:relative; left:-50%;}
 
#menu li a.fly {
	background-color: transparent;
	background-image: url(../images/down.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
 
#menu li a:hover,
#menu li a.fly:hover {white-space:nowrap; color:#fc0;} 
#menu li:hover > a,
#menu ul li:hover > a.fly {color:#fc0;}
#menu ul li div ul li a:hover {color:#b20;}
 
#menu table {position:absolute; height:0; width:0; left:50%; border-collapse:collapse; margin-top:-4px;}
 
[if lte IE 7]>
<style type="text/css">
#menu ul {display:inline;}
</style>
<![endif]