.menu 
{
	height:37px;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
/* hack to correct IE5.5 faulty box model */

/* remove all the bullets, borders and padding from the default list styling */
.menu ul 
{
	padding:0;
	margin:0;
	list-style-type:none;
}
.menu ul ul 
{
	
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li 
{
	float:left;
	position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited 
{
	display:block;
	font-size:10px;
	text-decoration:none;
	color:#fff;
	border-width:1px 0 1px 1px;
	line-height:29px;
	height:34px;
	padding:2px 10px 0 17px;
	text-transform:uppercase;	
}

* html .menu ul li
{
	float:left;	
} 

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited 
{
	font-size:10px;
	text-decoration:none;
	color:#fff;
	border-width:1px 0 1px 1px;
	line-height:29px;
	height:34px;	
	float:left;
}

* html .menu a:hover
{
	color:#ffb898;
	background:#c94c14;
}

* html .menu ul li ul li a:hover
{
	color:#000;
	background:#f2f2f2;
	
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul 
{
	visibility:hidden;
	position:absolute;
	top:35px;
	left:0;
	width:222px;
	border: solid 1px #f35e64;
	display:block;
	/*border-top:1px solid #000;*/
}
/* another hack for IE5.5 */
* html .menu ul ul 
{
	top:31px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table 
{
	position:absolute;
	border-collapse:collapse;
	top:5px;
	left:0px;
}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited
{
	background:#c94c14;
	height:auto;
	line-height:1em;
	padding:8px 10px;
	width:200px;
	border: solid 1px #f35e64; 
}
/* yet another hack for IE5.5 */

/* style the top level hover */
.menu ul li a:hover
{
	color:#ffb898;	
}
 .menu ul ul li:hover > a 
{
	color:#000;
	background:#f2f2f2;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }

.menu ul li 
{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
list-style-type:none;
margin:0;
padding:0px 2px 0 1px;
background: url(../images/navigationLine.gif) no-repeat right top;

}
.menu ul li.last 
{ background:none;
}

.menu ul li ul li 
{
	padding:0px;
}