/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth-dropline-all-center.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {
	width:1000px; 
	height:58px; 
	padding:0px; 
	clear:both; 
	background:url(http://www.djum.org/dropline-center/select.gif); 
	text-align:center; 
	border:1px solid #c5d5e8; 
	border-width:1px
	} 
#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; 
	padding-top:2px;} 
#menu ul li div ul {
	margin:0; 
	background:url(http://www.djum.org/dropline-center/trans.gif);} 
#menu a.level1-a {
	display:block; 
	height:23px; 
	font:bold 11px verdana,arial,sans-serif; 
	color:#cde; line-height:21px; 
	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; 
	padding-top:0; 
	background:url(http://www.djum.org/dropline-center/trans.gif);} 
#menu ul li:hover div ul {
	position:relative; 
	left:-50%; 
	padding:7px 0 0 0; 
	margin:0; 
	list-style:none;} 
#menu ul li div ul li a {
	display:inline-block; 
	font:normal 11px verdana,arial,sans-serif; 
	color:#000; 
	line-height:20px; 
	text-decoration:none; 
	padding:1px 6px 2px 6px;} 
#menu a:hover div {
	left:0; 
	top:25px;} 
#menu a:hover div ul {
	position:relative; 
	left:-50%; 
	padding-top:7px;}
#menu li:hover div ul li {
	display:inline-block;} 
#menu a:hover div ul li a.sub {
	margin-right:4px;} 
#menu li a.fly {
	background:url(http://www.djum.org/dropline-center/topdown.gif) no-repeat center bottom;} 
#menu li a:hover, #menu li a.fly:hover {
	white-space:nowrap; 
	color:#fff; 
	border:1px solid #000; 
	padding:0 14px; border-width:0 1px; 
	background:url(http://www.djum.org/dropline-center/over.gif) repeat-x;} 
#menu li:hover > a, #menu ul li:hover > a.fly {
	white-space:nowrap; 
	color:#fff; 
	border:1px solid #000; 
	padding:0 14px; 
	border-width:0 1px; 
	background:url(http://www.djum.org/dropline-center/over.gif) repeat-x;}
#menu ul li div ul li a:hover {
	color:#000;} 
#menu ul :hover div ul div {
	left:-9999px;} 
#menu ul :hover div ul li:hover {
	position:relative;} 
#menu ul :hover div ul li a.drop {
	background:url(http://www.djum.org/dropline-center/topdown.gif) no-repeat center bottom;} 
#menu ul :hover div ul li a:hover {
	position:relative; 
	background:url(http://www.djum.org/dropline-center/sub.gif); 
	padding:0 5px 1px 5px; 
	border:1px solid #c5d5e8; 
	color:#000;}
#menu ul :hover div ul li:hover > a {
	position:relative; 
	background:url(http://www.djum.org/dropline-center/sub.gif); 
	padding:0 5px 1px 5px; 
	border:1px solid #c5d5e8; 
	color:#000;} 
#menu ul :hover div ul :hover div {
	left:50%; top:22px;} 
#menu ul :hover div ul :hover div ul {
	left:-50%; 
	padding:10px; 
	background:#d1d8f5; 
	border:1px solid #fff; 
	border-color:#fff #678 #567 #fff; 
	text-align:center; 
	filter: alpha(opacity=80); 
	opacity:0.8} 
#menu ul :hover div ul :hover div ul li {
	display:block; 
	height:auto; 
	line-height:15px; 
	text-align:center;} 
#menu ul :hover div ul :hover div ul li a {
	height:auto; 
	position:static; 
	line-height:15px; 
	color:#000; padding:1px 0;}
#menu ul a:hover div ul a:hover div ul li a {
	margin-left:-16px;} 
#menu ul :hover div ul :hover div ul li a:hover {
	color:#369; 
	background:transparent; 
	border:0; 
	padding:1px 0;} 
#menu table {
	position:absolute; 
	top:0; 
	height:0; 
	width:0; 
	left:50%; 
	border-collapse:collapse;}
#menu a:hover table a:hover table {
	left:50%; 
	width:0; 
	height:20px; 
	top:0; 
	margin-left:-1px;} 
#menu ul :hover div ul :hover div ul li:hover a {background:transparent; border:0;}
