#nav 
{
cursor:default;

	text-align:center;
    list-style: none;
    position: relative;
	/* my page content width is 750px */
    margin: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px;
	padding:0px;
    font-size: 1em;
}

#nav ul 
{
    list-style: none;
    display: none;
	/* postion: absolute - is needed so that the dropdown menus go over the page content */
    position: absolute;
    z-index: 10;
    overflow: visible;
}

#nav li 
{
    display: block;
	/* button width */
    width: 100px;
    position: relative;
	/* float: left - keeps the menu horizontal */
    float: left;
	/* this adjusts the links buttons on the background */
    margin: 0px
    margin: 0px 
	/* Mozilla needs padding to look like IE which doesn't need it */
    /*padding-bottom: 6px !important;*/
    padding: 0px;
}
/*1e level */
#nav li a 
{ 
	display: block;
	color:#F3F8F2;
	font-weight:600;
	height:14px;  
	text-decoration:none;
	padding: 2px 8px 2px 8px;
margin:0px;
	border-right:1px solid #F3F8F2;
	background-color:#004040;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}

#nav li a:hover 
{
	display: block;
	color:#F3F8F2;
	font-weight:600;
	height:14px;  
	text-decoration:none;
	padding: 2px 8px 2px 8px;
	border-right:1px solid #F3F8F2;
	background-color:#004040;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}
	
	
/* 1st dropdown level */
/* this class controls the alignment of this level underneath the horizontal menu buttons */
#level1 
{
    display: block;
    left: -40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#F3F8F2;
	border-right:0px solid #004040;
	border-left: 0px solid #004040;
	border-top:0px solid #004040;
	border-bottom: 0px solid #004040;
	text-align:left;
	font-size:11px;
}

#level1 UL 
{
border:0px;
    position: absolute;
    overflow: visible;
	text-align:left;
}

#level1 li 
{
white-space:nowrap;
    width:100%;
    display: block;
    margin: 0 !important;  
    margin: 0;
	/* font-size is controlled here */
    font-size: 1em; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	background-color:#F3F8F2;
	border-right:1px solid #004040;
	border-left: 1px solid #004040;
	border-top:1px solid #004040;
	border-bottom: 1px solid #004040;
	font-weight:100; 
	text-align:left;
}

#level1 li A 
{
	/* dropdown menu width is controlled here */
	color:#004040;
	display: block;
	padding: 2px 5px 3px 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	background-color:#F3F8F2;
	font-weight:100; 

}

#level1 li A:hover 
{
	color:#F3F8F2;
  	display: block;
	padding: 2px 5px 3px 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	background-color:#004040;
	font-weight:100;
	border-color:#004040;
}

#level1 li A:active 
{
	/* dropdown menu width is controlled here */

	display: block;
	text-decoration:none; 
	padding: 2px 5px 3px 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	background-color:#004040;
	color:#F3F8F2;
	font-weight:100;
	border-color:#004040;
	
	
	}


/* all see this */
#nav ul ul, #nav ul ul ul
{
   display: none;
   position: absolute;
   width: 150px;
   top: 0;
}
/* non-IE bowsers see this */
#nav ul li>ul, #nav ul ul li>ul
{
    margin-top: 0;
}
#nav LI:hover UL UL, #nav LI:hover UL UL UL
{
    display: none;
}
#nav LI:hover UL {
    display: block;
}
#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul 
{
    display: block;
}
li>ul
{
    top: auto:
}
UNKNOWN 
{
    margin-top: 0;
    left: auto; 
    top: auto;
}