.menu {
	float:left;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-bottom: thin dotted #333333;
	width:900px;
}
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	height:21px; /*menu height*//*background-image:url(assets/nav/bg_off.gif); menu bg
	background-repeat: repeat-x;*/
}
.menu ul ul {
	width:200px;
}
.menu ul li {
	float:left;
	height:21px;
	line-height:21px;
}
.menu ul ul li {
	display:block;
	width:120px;
	height:auto;
	position:relative;
	line-height:10px;
}
/*Top menu name style*/ 
.menu a, .menu a:visited {
	display:block;
	float:left;
	height:100%;
	font-size: 12px;
	text-decoration:none;
	color:#000;
	padding-top: 0;
	padding-right: 50px;
	padding-bottom: 0;
	padding-left: 5px;
}
/* list style*/
.menu ul ul a, .menu ul ul a:visited {
	display:block;
	background: #dcdbd9; /*list bg color*/
	color:#333333;
	width: 150px;
	height:100%;
	line-height: 15px;
	padding: 5px 15px 5px 20px;
	border: thin dotted #333333;
}
.menu ul table ul a, .menu ul table ul a:visited {
	width:140px;
	padding-left: 20px;
}
.menu table {
	position:absolute;
	left:0;
	top:0;
	font-size: 10px;
	z-index:-1;
}
.menu ul ul table {
	left:-1px;
}
.menu ul ul table ul.left {
	margin-left:2px;
}
.menu li:hover {
	position:relative;
}
* html .menu a:hover {
	position:relative;
}
/* top menu hovers (bg and text color)*/
.menu a:hover {
	color:#0072cf; /*Top menu hover bg
	background-repeat:repeat-x;
	background-image: url(assets/nav/bg_hv.gif);*/
}
.menu :hover > a {
	color:#0072cf;/*
	background: url(assets/nav/bg_hv.gif); Top menu hover bg
	background-repeat:repeat-x;*/
}
/* list hovers (bg and text color)*/
.menu ul ul a:hover {
	color:#fff;
	background: #007dc3; /*list menu hover bg*/
}
.menu ul ul :hover > a {
	color:#FFFFFF;
	background: #007dc3; /*list menu hover bg*/
}
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:21px; /* space  between top menu and list menu. When it is like height of image this mean no spañe. If you want to have spañe  between top menu and list you have to make "top" more height bg image */
	left:0;
	width:140px;
}
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible;
	height:auto;
}