/* common styling */

.menu {
	font-family: arial, sans-serif; 
	width:770px; 
	position:relative; 
	margin:0px 0 0px 0; 
	padding:5px 0 0 0px;
	z-index:100;
	background: url(../default/images/navbar_bg.gif) no-repeat;
	list-style-type: none;
	clear:both;	
	height:26px;
	font-size:14px;
}

.menu ul {
	left: 60px;
	position:relative;
}

.menu ul li {
		display:block; 
		width:auto;
	/*	border-bottom:1px solid #d52f00;*/
		height:20px;
		background:transparent;
		white-space: nowrap;
		
}

.menu ul li a, .menu ul li a:visited {
 
	text-decoration:none; 
	text-transform: lowercase;
	padding: 0px 8px 0px 0px;
	color: #fff;
	font-weight:bold;
	height:24px;



}

.menu  ul li a:hover {
  	color: #fdef91; 
  	text-decoration:none; 
	
}

.menu ul li.active a{
  	color: #fdef91;  
  	text-decoration:none; 

}

.menu ul li.active a.active{
  	color: #fdef91;  
  	text-decoration:none; 

}

.menu ul li a.active{
  	color: #fdef91;  
  	text-decoration:none; 
}

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

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

}

/* drop down box */
.menu ul li ul {
	display: none;
	background:#f5f0ea;
	width:144px;
	padding:0;
}

/* drop down box */
.menu ul li ul li a, .menu ul li ul li a:visited;{
	color: #555;

	
}

/* specific to non IE browsers */
.menu ul li:hover ul li{border-bottom:1px solid #fff;}


.menu ul li:hover a {color:#fdef91;cursor: pointer;cursor:hand;} /*ensure pointer cursor shows on *all* menu elements. use cursor:hand for ie5x support */
.menu ul li:hover ul {display:block; position:absolute; top:20px;  left:0px;width:145px;border-top:1px solid #666;}
/*.menu ul li:hover ul li a.hide {background:#000; color:#f5f0ea;border:0;}
.menu ul li:hover ul li:hover a.hide { color:#fdef91;border:0;}*/
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a, .menu ul li:hover ul li a:visited, .menu ul li ul li a:visited  {display:block; color:#555;margin:0px;border:0;line-height:18px;height:18px;padding:2px;width:140px;margin:0px -14px;}
.menu ul li:hover ul li a:hover { color:#d52f00;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:145px; top:0;}
.menu ul li:hover ul li:hover a { color:#d52f00;}
.menu ul li:hover ul li:hover ul.left {left:-145px;}*/