/* common styling */
.menu 
{	
	font-family: arial, sans-serif; 
	font-size:8pt; 
	font-weight:bold;
	width:200px;
	position:relative; 
	margin:0;
	text-align:left;
}

.menu ul li a, 
.menu ul li a:visited
{
	display:block; 
	text-decoration:none; 
	color:#222222; 
	width:200px;
	border:1px solid #ffffff; 
	border-width:1px 1px 1px 1px; 
	background:#ffffff; 
}

.menu ul
{
	padding:0; 
	margin:0;
	list-style-type:none;
}

.menu ul li
{
	float:left;
	margin-right:1px;
	position:relative;
}

.menu ul li ul
{
	display:none;
}

/* specific to non IE browsers */
.menu ul li:hover a
{
	color:#ffffff;
	background:#222222;
}

.menu ul li:hover ul
{
	display:block; 
	position:absolute; 
	top:0; 
	left:201px; 
	width:350px;
	overflow:hidden;
	border:1px solid #222222; 
	border-width:1px 1px 1px 1px; 
}

.menu ul li:hover ul li a.hide
{
	background:#ffffff;
	color:#222222;
	width:350px;
	overflow:hidden;
}

.menu ul li:hover ul li:hover a.hide
{
	width:350px;
	overflow:hidden;
}

.menu ul li:hover ul li a
{
	display:block; 
	background:#ffffff; 
	color:#222222; 
	width:350px;
	overflow:hidden;
}

.menu ul li:hover ul li a:hover
{
	background:#222222; 
	color:#ffffff;
	width:350px;
	overflow:hidden;
}