/* begin nav styles */

div#nav {
float: left; 
margin: -1px 0 0 2em; /* nav position Left or right*/
border: 0px solid #AAA;}


div#nav ul {
margin: 0; 
padding: 0; 
background: #CE9517;
border: 0px solid #CCC; 
border-width: 0 0px;
white-space: nowrap;
}


div#nav li {
font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 12px;
	font-weight: bold; 
	Color: #fff;
	position: relative; 
	list-style: none; 
	margin: 0 3px 0 3px;
  float: left; 
    width: auto; /*sets the width of the actual link */ 
  border-right: 0px solid #AAA;} /* vertical div line between */


div#nav li:hover {background: #007C36;} /*  dk Green rollover - any link rollover color */

div#nav li.submenu {width: auto;}

div#nav li.submenu:hover {
background-color:  #0C9045;  /* Lite Grenn rollover - sub menu -menu with drop down rollover color*/
}

div#nav li a {
display: block; 
padding: 0.5em .25em 0.25em 0.6em; 
margin: 0 2em 0 0.25em;
text-decoration: none; 
width: 14em; color: #fff;} /* font link color -All*/
/*  text-decoration: none; width: 6.5em; color: #fff;} ----- font link color -All*/


div#nav>ul a {
width: auto; 
margin: 0.25em 0 0.25em .25em; 
padding: 0;} /* this adds space between main nav buttons */

div#nav ul ul {
position: absolute; 
width: 14em; 
display: none;}

div#nav ul ul li {
font-family: Arial, "Trebuchet MS", Verdana;
font-size: 11px;
width: 14em;
margin: 0.1em 0 0.25em 0; padding: 0;
}

div#nav li.submenu li.submenu {
}

/* I added this.. EFFECTS FONT*/
div#nav ul.level2 a {
width: 14em; 
margin: 0.25em .2em 0.25em 3px; 
padding: 0;}


/* -------------  FONT COLORS -------------- */

div#nav ul.level1 li a {  /* Font Color - Main nav */
color: #666;
padding: 0 5px 0 0;
}

div#nav ul.level1 li a:hover {  /* Font Color - Main nav */
color: #fff;
padding: 0 5px 0 0;
}

div#nav ul.level2 li a {  /* Font Color - Sub nav */
color: #fff;
}

div#nav ul.level2 li a:hover {  /* Font Color - Sub nav rollover */
/* background-color: #F6F5C6; */
color: #ccc;
}


 /*  xxxxxxxxxxxxxxxxxxxx     this is the function that pulls outthe second nav xxxxxxxxxxxxxxxxxxxxxx  */
div#nav ul.level1 li.submenu:hover ul.level2 {
display:block;
background-color: #007C36; /* GREEN 2nd level dropdown background color */
}

 /*  xxxxxxxxxxxxxxxxxxxx     this is the function that pulls outthe third nav xxxxxxxxxxxxxxxxxxxxxx  */
div#nav ul.level2 li.submenu:hover ul.level3 {
display:block;
background-color: #0C9045; /* LITe GREEN  3rd dropdown background color */
}


div#nav ul.level2 {top: 1.5em; left: -1px; margin-top: 2px;}

div#nav ul.level3 {top: -1px; left: 14em; border-top: 0px solid #CCC;}