/* common styling */
.menu 
{
	font-family: arial, sans-serif; 
	width:170px;
	position:relative;
	margin:0;
	font-size:11px;
	margin:0px 0;	
	background:#ffffff;
	border: solid 10px #ffffff;
	border-width: 0 0 1px 0;
	min-height : 160px;
}
.menu ul li a, .menu ul li a:visited
{
	display:block;
	text-decoration:none;
	color:#000;
	width:153px;
	height:20px;
	text-align:left;
	text-indent:10px;
	border:1px solid #ccc;
	border-width:1px 1px 1px 1px;
	border-collapse:collapse;
	background:#ffffff;
	line-height:19px;
	font-size:11px;
	margin:1px 0 0 0;
	background: url(/images/bullet.gif) no-repeat 3px 2px;
	padding-left:15px;
}
.menu ul li a.sub
{
	background-image : url(/images/menu_off_sub.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.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;
	border:solid 1px #BBB9B9;
	border-width: 1px 1px 0 1px;
}

/* specific to non IE browsers */
.menu ul li:hover a.sub
{
	background-image: url(/images/menu_on_sub.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.menu ul li:hover a
{
	background-image: url(/images/menu_on.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.menu ul li:hover ul {display:block; position:absolute; top:0; left:170px; width:200px;}
.menu ul li:hover ul li a.hide {background:#cecece; color:#000;}
.menu ul li:hover ul li:hover a.hide {width:200px;}
.menu ul li:hover ul li a {display:block; background:#E5E5E5; color:#000; width:200px; border:solid 1px #BBB9B9;margin:0;border-width:0 0 1px 0;height:21px;padding:0;}
.menu ul li:hover ul li a:hover {background:#BBB9B9; color:#000;}