/*********************************************
		Horizontal Navigaion Styles
*********************************************/
#menu {
margin:0px 6px;
padding:0 0px;
border-bottom:1px solid #d2d2d2;
}

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

#menu ul li{
margin:0;
padding:10px 0px 10px 0px;
color:#666666;
font:11pt Arial, Helvetica, sans-serif;
display: block;
float: left;
position:relative;
}

#menu ul li a{
color:#666666;
padding:0px 20px 0px 20px;
border-left:1px solid #666666;
display: block;
text-decoration:none;
}

#menu ul li a.first{
border-left:none;
}

#menu ul li a:hover{
color:#cc6600;
}

/* if you want to set a "current page item" style, do it here */
#menu ul li.current_page_item a, #menu ul li.current_page_item a:visited {

}
/* This handles the hover state for the top-level LI and A items */
#menu ul li a:hover,
#menu li:hover, 
#menu li.sfhover {
	color:#cc6600;
	text-decoration: none;
	}
/* This hides the nested UL before you hover */
#menu li ul {
	position: absolute;
	width:auto;
	float:none;
	left: -999em;
	/*border-right:4px solid #fdb910;*/
	border-left:none;

}
/* This shows the nested UL when you hover */
#menu li:hover ul, #menu li.sfhover ul {
	left:-4px;
	display: block;
	z-index: 1000;
}

/* This is the style for the nested UL */
#menu li:hover ul, #menu li.sfhover ul {
	display: block;
	margin: 0px; padding: 0px;
}
/* This is the style for the LI items within the nested UL */
#menu li:hover ul li,
#menu li.sfhover ul li {
	background:#333333;
	border-bottom: 1px solid #666666;
	width: 180px;
	display: block;
	padding: 0px; margin: 0px;
	height: 30px; line-height: 30px;
	text-align: left;
}

#menu li ul li{
float:none;
}

/* This is the style for the links withing the LI items within the nested UL */
#menu li:hover ul li a,
#menu li:hover ul li.current_page_item a,
#menu li.sfhover ul li a,
#menu li.sfhover ul li.current_page_item a {
	background: transparent;
	width: 160px;
	display: block;
	height: 30px;
	margin: 0px; padding: 0px 10px;
	border: none;
	color: #FFF;
	font: 12px/30px "Trebuchet MS";
}
/* This is the style for the hover state on the links within the LI items within the nested UL */
#menu li:hover ul li a:hover, #menu li.sfhover ul li a:hover {
	margin: 0px; padding: 0px 10px;
	height: 30px; line-height: 30px;
	color: #FFF;
	background:#1d1d1d;
}