/* This is the top-level menu "box" (all the menu items live in it). */

div.menu
	{
	font-family: verdana, arial, helvetica, san-serif;
	font-size: 11px;
	}   
   
/* This is a selection "item" in the top level menu. */

div.menuitem1, div.menuitem2, div.menuitem3
   {
   	line-height: 100%;
	text-align: center;	
	padding: 7px 3px;
	border-top: 1px solid #ffffff;
	float: left;
   }
div.menuitem1on, div.menuitem2on, div.menuitem3on
	{
	border-bottom: 1px solid #007698;
	}   
div.menuitem1:hover, div.menuitem1-hvr, div.menuitem2:hover, div.menuitem2-hvr, div.menuitem3:hover, div.menuitem3-hvr /* This is a top-level item that has the mouse over it */
	{
	border-bottom: 1px solid #007698; 
	}   
div.menuitem4
    {
   	line-height: 100%;    
	text-align: center;	
	padding: 7px 3px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #007698;
	float: left;
    }
div.menuitem4on
	{
	border-bottom: 1px solid #007698; 
	}   
div.menuitem4:hover, div.menuitem4-hvr
	{
	border-bottom: 1px solid #007698; 
	}
div.menuitem5
    {
	text-align: center;	
	padding: 7px 0px 7px 2px;
	border-top: 1px solid #ffffff;
	border-bottom: none;
	float: left;
    }
div.menuitem5on
	{
	border-bottom: none; 
	}   
div.menuitem5:hover, div.menuitem5-hvr
	{
	border-bottom: none; 
	}    
   	                
 
/* This is a pop-up "submenu box" that comes up when
   you hover over a top-level menu item. It holds
   all of the submenu "items"  */  
   
div.submenu1, div.submenu1on
   {
   	line-height: 100%;
	display: none; /* This is what makes it pop-up*/   
	position: absolute;
	top: 152px;
	left: 22px;
	width: 678px;    
	text-align: left;
	margin: 0px;
	padding: 0px;
    border: 1px solid #007698;
    background-color: #E9E2CC;     
   }
div.submenu2, div.submenu2on
   {
   	line-height: 100%;   
	display: none; /* This is what makes it pop-up*/   
	position: absolute;
	top: 152px;
	left: 22px;
	width: 678px;
	text-align: left;
	margin: 0px;
	padding: 0px;
    border: 1px solid #007698;
    background-color: #E9E2CC;         
   }

div.submenu3, div.submenu3on
   {
   	line-height: 100%;   
	display: none; /* This is what makes it pop-up*/   
	position: absolute;
	top: 152px;
	left: 22px;
	width: 678px;
	text-align: left;
	margin: 0px;
	padding: 0px;
    border: 1px solid #007698;
    background-color: #E9E2CC;          
   }
          
   
/* This is the submenu when it's parent "menuitem" has the mouse over it */

div.menuitem1:hover div.submenu1, div.menuitem1-hvr div.submenu1, div.menuitem2:hover div.submenu2, div.menuitem2-hvr div.submenu2, div.menuitem3:hover div.submenu3, div.menuitem3-hvr div.submenu3, div.menuitem4:hover div.submenu4, div.menuitem4-hvr div.submenu4, div.menuitem5:hover div.submenu5, div.menuitem5-hvr div.submenu5
	{
	display: block;
    z-index: 10;    
    }
        
 
/* This is the submenu when the mouse is over it */
    
div.submenu1:hover, div.submenu1-hvr, div.submenu2:hover, div.submenu2-hvr, div.submenu3:hover, div.submenu3-hvr, div.submenu4:hover, div.submenu4-hvr, div.submenu5:hover, div.submenu5-hvr
	{
	display: block;
    z-index: 10;    
	}	
div.submenu1on, div.submenu2on, div.submenu3on
	{
	display: block;

	}
    
/*  An item in the submenu */

div.submenuitem1, div.submenuitem1on
	{
	line-height: 100%;    
    background-color: #E9E2CC;
	padding: 5px 0px;
	float: left;
    }
div.submenuitem2, div.submenuitem2on
	{
	line-height: 100%;    
    background-color: #E9E2CC;
	padding: 5px 0px;
	float: left;
	}
div.submenuitem3, div.submenuitem3on
	{
	line-height: 100%;    
    background-color: #E9E2CC;
	padding: 5px 0px;
	float: left;
 	}
div.submenuitem4
	{
	line-height: 100%;    
    background-color: #E9E2CC;
	padding: 5px 0px;
	float: left;   
	}
   				  

/* A submenu item with the mouse over it */
a.levelone, a.levelone:link, a.levelone:visited
	{
	line-height: 100%;
    font-size: 12px;    
	color: #007698;
    font-weight: bold;
	text-decoration: none;
    padding: 0px 5px 0px 0px;
	}
a.levelone:hover
	{
	color: #D9541E;
	}
a.leveloneon, a.leveloneon:link, a.leveloneon:visited, a.leveloneon:hover
    {
    line-height: 100%;
    font-size: 12px;    
	color: #D9541E;
    font-weight: bold;
	text-decoration: none;
    padding: 0px 5px 0px 0px;
    }    
a.levelonelt, a.levelonelt:link, a.levelonelt:visited
	{
	line-height: 100%;
    font-size: 12px;    
	color: #007698;
    font-weight: bold;
	text-decoration: none;
    padding: 0px 5px 0px 19px;
	}
a.levelonelt:hover
	{
	color: #D9541E;
	}
a.levelonelton, a.levelonelton:link, a.levelonelton:visited, a.levelonelton:hover
	{
	line-height: 100%;
    font-size: 12px;    
	color: #D9541E;
    font-weight: bold;
	text-decoration: none;
    padding: 0px 5px 0px 19px;
	}
   
a.leveltwo, a.leveltwo:link, a.leveltwo:visited
	{
	line-height: 100%;
    font-size: 11px;    
	color: #007698;
    font-weight: bold;
	text-decoration: none;
    padding: 0px 5px 0px 5px;
	}
a.leveltwo:hover
	{
	color: #D9541E;
	}
a.leveltwoon, a.leveltwoon:link, a.leveltwoon:visited, a.leveltwoon:hover
	{
	line-height: 100%;
    font-size: 11px;    
	color: #D9541E;
    font-weight: bold;
	text-decoration: none;
    padding: 0px 5px 0px 5px;
	}