ul#nav {
	margin: 0 ;
	padding: 0;
	list-style: none;
	border:0px #eee solid;
	}
	
#nav li {
	display: block; 
	float: left;
	}
#nav li a {
	display: block;
	font-size:10pt;
	color: #fff;
	text-decoration: none;
	border-left: 1px solid #FFF;
	border-bottom: 0;
	padding-top: 3px;
	padding-right: 20px;
	padding-bottom: 3px;
	padding-left: 20px;
	}
.highlight {
	background-color: #FF9933;
}
#nav li li a{ border:0;}	

	
#nav ul {
    display:block;
	position: absolute;
	z-index: 99;
	left: -999em;
	margin: 0px 0 0 -1px;
	padding: 0;
	width: 7em;
	w\idth: 7em;
	height: auto;
	background:#78C209;
	border:#dddddd 1px solid;
	
}

/* 3rd level menus only */
#nav ul ul {
	margin: -0.3em 0 0 6em;
}

/* 2nd and 3rd level menus */
#nav li li {
	padding: 2px 0px 2px 0;
	width: 7em;
	border-bottom: 1px solid #ddd;
}

/* 2nd and 3rd level menus */
#nav ul a {

	width: 4em;
	w\idth: 4em;
	border-right: 0;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    
	left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
background:#999900;
}

/* 2nd and 3rd level menus */
#nav ul li:hover, #nav ul ul li:hover, #nav ul li.sfhover, #nav ul ul li.sfhover {

}

/* 2nd and 3rd level menus */
#nav ul li a, #nav ul ul li a {
	background:none;
	}
#nav ul li a:hover, #nav ul ul li a:hover {
	
	}
/* 2nd level menus only */
#nav a.sub {
	background-image: url(../images/arrow-right.gif);
	background-repeat: no-repeat;
	background-position: 6em center;
}
ul#long li,ul#long1 li  {
	width: 9em;
	border-bottom: 1px solid #ddd;
}
ul#long,ul#long1{
	width: 9em;
}
ul#long li a ,ul#long1 li a{
	width: 9em;

}
/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

}

