
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_line_down_fly.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {
	height:25px;
	width:760px;
	background:url(../media/btn.png);
	position: relative; 
	font-family: tahoma, arial, verdana, sans-serif; 
	font-size: 11px;
	z-index: 500;
	margin-bottom:10px;
}

#menu .select {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	white-space: nowrap;
}

#menu li {
	float: left;
	background:url(../media/btn_over.png);
}

#menu .select a {
	display: block; 
	height:25px; 
	float: left; 
	background: url(../media/btn.png); 
	padding:0 0 0 6px; 
	text-decoration:none; 
	line-height:20px; 
	white-space:nowrap; 
	color:#666;
}

#menu .select li.line a {
	color: #ad8;
}

#menu .select a b {
	display: block; 
	padding:0 12px 5px 6px; 
	background:url(../media/btn.png) right top;
}

#menu .select a:hover, 
#menu .select li.on a, 
#menu .select li:hover a {
	background: url(../media/btn_over.png); 
	padding:0 0 0 6px;
	line-height:18px;
	cursor:pointer; 
	color:#444;
}

#menu .select li.subline a:hover, 
#menu .select li.subline:hover a {
	color:#cfa;
}

#menu .select a:hover b, 
#menu .select li.on b, 
#menu .select li:hover a b {
	display:block; 
	padding:0 12px 6px 6px; 
	background:url(../media/btn_over.png) right top; 
	cursor:pointer;
}

#menu .sub {
	display: none;
}
#menu ul ul {
	display: none;
}

/* IE6 only */
#menu table {
	border-collapse: collapse; 
	margin: -1px; 
	font-size: 1em; 
	width: 0; 
	height: 0;
}

#menu .sub {
	margin: 0; 
	padding: 0;
	list-style: none;
}

#menu .sub li {
	background: transparent;
}

#menu .select :hover .sub,
#menu .select .on .sub {
	height:17px;
	display: block; 
	position: absolute;
	float: left;
	width:760px;
	top:20px; 
	left:0; 
	text-align: center;
	background: #fff;
	border:1px solid #886;
	border-width:1px  0;
}

#menu .select :hover .sub {
	z-index: 501;
}

#menu .select :hover .rt li {
	float: right;
}

#menu .select :hover .sub li a,
#menu .select .on .sub li a {
	display: block;
	height:17px;
	line-height:16px;
	float: left;
	background:transparent url(../media/blank.gif);
	padding: 0 10px;
	margin: 0;
	white-space: nowrap;
	color: #888;
	font-size: 10px;
}

#menu .select :hover .sub li.subline a {
	color: #8a3;
}

#menu .select :hover .sub li a:hover,
#menu .select :hover .sub li:hover {
	color: #000;
	line-height:14px;
	position: relative;
}

#menu .select :hover .sub li:hover > a {
	color: #000;
}

#menu .select :hover .sub :hover ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
	width: 112px;
	position: absolute;
	left: -1px;
	top:17px;
	border-bottom: 1px solid #886;
	background: #fff;
}

#menu .select :hover .sub :hover ul ul {
	position: absolute;
	left: -9999px;
}
#menu .select :hover .sub :hover ul li {
	border: 1px solid #886;
	border-width: 0 1px;
}

#menu .select :hover .sub :hover ul li a {
	width: 80px;
	text-align: left;
	height: 20px;
	line-height: 18px;
	background: #fff;
}
#menu .select :hover .sub :hover ul li a:hover {
	line-height: 16px;
}
#menu .select :hover .sub :hover ul li:hover > a {
	line-height: 16px;
}

#menu .select :hover .sub :hover ul :hover ul {
	left: 112px;
	top: 0;
	border: 1px solid #886;
	border-width: 0 1px 1px 0;
	background: #fff;
}

#menu .select :hover .rt :hover ul :hover ul {
	left: -113px;
	top: 0;
	border: 1px solid #886;
	border-width: 0 0 1px 1px;
}

#menu .select :hover .sub :hover ul :hover ul li {
	border-left: 1px solid #886;
	background: #fff;
}

#menu .select :hover .sub :hover ul :hover ul li.a1 {
	border-left: 1px solid #fff;
}
#menu .select :hover .sub :hover ul :hover ul li.a2 {
	border-top: 1px solid #886;
	height: 19px;
}

#menu .select :hover .rt :hover ul :hover ul li {
	border-right: 1px solid #886;
	border-left: 0;
}

#menu .select :hover .rt :hover ul :hover ul li.a1 {
	border-right: 1px solid #fff;
	border-left: 0;
}

