/* CSS Document */

/* ================================================================ 
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/dd_valid_2.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 {
	width:820px;
	height:25px;
	position:relative;
	margin:20px 0 60px;
	margin:20px 0 60px 0;
	background:#fff;
	position:relative;
	z-index:100;
	font: 10px arial, sans-serif;
}
.menu ul {padding:0; margin:0; list-style-type: none;}

.menu ul li {float:left; border-left:1px solid #eee; width:101px;}

.menu ul li a, .menu ul li a:visited {
	display:block;
	float:left;
	width:101px;
	text-decoration:none;
	padding:0 0 0 0px;
	height:25px;
	line-height:25px;
	color:#000;
	background:#CCCCCC url(../../graphics/drop.gif) no-repeat right bottom;
	text-align: center;
}

.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}

.menu ul li ul {visibility:hidden; position:absolute; top:25px; left:0; }


.menu ul li:hover a,
.menu ul li a:hover {color:#fff; background:#FF0000;}

.menu ul li:hover ul,
.menu ul li a:hover ul {visibility:visible; width:816px; color:#fff;}

.menu ul li:hover ul.right_side li,
.menu ul li a:hover ul.right_side li {
	float:right;
	border-left:1px solid #eee;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
}

.menu ul li:hover ul.left_side li,
.menu ul li a:hover ul.left_side li {
	float:left;
	border-left:1px solid #eee;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
}



.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:30px; }

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {display:block; background:#FF0000; color:#fff;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {background:#CC0000; color:#FFFFFF;}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {visibility:visible; color:#FFFFFF; background:#CC0000;}

.menu ul li:hover ul.right li {float:right;}

</style>