@charset "UTF-8";
/* CSS Document */

#nav {
	height:40px;
	text-align:center;
	overflow:hidden;
	background-image: url(images/backoff.gif);
	background-repeat: repeat-x;
	margin-right: 30px;
	margin-left: 30px;
}
 
#nav ul {margin:0; padding:0; list-style:none; white-space:nowrap;}
#nav ul {display:inline-block;} 
 
#nav li {display:inline-block; display:inline;}
#nav ul.level1 div {position:absolute; left:-9999px;}
 
#nav ul.level1 {margin:0 auto;}
#nav ul.level1 li.level1-li {float:left; display:block; position:relative;}
 
#nav ul li div ul {margin:0; background:url(trans.gif);}
 
#nav a.level1-a {
	display:block;
	color:#FFFFFF;
	line-height:25px;
	text-decoration:none;
	padding:0 15px 0 15px;
	text-align:center;
	font-size: 1em;
	font-weight: normal;
}
#nav ul.level1 li.level1-li a.level1-a {float:left;}
 
#nav ul li:hover div {
	left:50%;
	top:25px;
}
#nav ul li:hover div ul {
	display:block;
	position:relative;
	left:-50%;
}
#nav ul li div ul li a {
	height:30px;
	color:#5E181F;
	line-height:40px;
	text-decoration:none;
	padding:6px;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
 
#nav a:hover div {left:0; top:23px;}
 
#nav a:hover div ul {position:relative; left:-50%;}
 
#nav li a.fly {
	background-color: transparent;
	background-image: url(images/down-arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
 
#nav li a:hover,
#nav li a.fly:hover {
	white-space:nowrap;
	color:#FFFFFF;
} 
#nav li:hover > a,
#nav ul li:hover > a.fly {
	color:#FFFFFF;
}
#nav ul li div ul li a:hover {color:#b20;}
 
#nav table {position:absolute; height:0; width:0; left:50%; border-collapse:collapse; margin-top:-4px;}
 
</style>

