.menu {
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}
.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:175px;
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;
	background-image:url(assets/nav/bg_off.gif); /*right and left padding from text on the top menu*/
	padding-top: 0;
	padding-right: 31px;
	padding-bottom: 0;
	padding-left: 30px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
/* list style*/
.menu ul ul a, .menu ul ul a:visited {
	display:block;
	background: #e5e5e4; /*list bg color*/
	color:#333333;
	width: 200px;
	height:100%;
	line-height: 15px;
	padding: 5px 10px;
}
.menu ul table ul a, .menu ul table ul a:visited  {
width:140px;
}
.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:#000; /*Top menu hover bg*/
	background-repeat:repeat-x;
	background-image: url(assets/nav/bg_hv.gif);
}
.menu :hover > a {
color:#000;
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:#333333;
	background: #F3FFBB; /*list menu hover bg*/
}
.menu ul ul :hover > a {
color:#333333;
background: #F3FFBB; /*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; 
}