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

div.menu
	{
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 10px;	
	}   
   
/* This is a selection "item" in the top level menu. */ 

div.menuitem
   {
	width: 140px;
	padding: 5px 10px 5px 0px;
	text-align: right;
   }
div.menuitemb
   {
	width: 140px;
	padding: 1px 10px 1px 0px;
	text-align: right;
   }  
  
/* This is a top-level item that has the mouse over it */

div.menuitem:hover, div.menuitem.sfhover
	{
	background-color: #0A57A4;
	}
div.menuitemb:hover, div.menuitemb.sfhover
	{
	background-color: #0A57A4;
	}
div.menuitemon
	{
	background-color: #0A57A4;	
	}	
  
  
/* 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" 
   
   In general I don't think you want to style it much, 
   other than the stuff that makes it appear/disappear
   and that positions it, */  
   
div.submenu
   {
   display: none; /* This is what makes it pop-up*/   
   position: absolute;
   text-align: left;   
   background-color: #0A57A4;   
   left: 150px;
   height: 800px;
   top: 0px;
   padding: 0px;
   margin: 0px;
   width: 135px;
   z-index: 3;  
   }
* html div.submenu
{
  left: 150px;
  l\eft: 150px;
}       
   
/* These are "derivative" submenus. By adding " vert1"  or " vert2" to their class names in the page you can make this stuff happen */

div.submenu.vert1
   {
   padding: 138px 0px 0px 0px;
   }   
   
/* these are here in case they want the sub navs lined up with the lst level rollover
div.submenu.vert2
   {
   padding: 202px 0px 0px 0px;
   }
div.submenu.vert3
   {
   padding: 242px 0px 0px 0px;
   }
div.submenu.vert4
   {
   padding: 267px 0px 0px 0px;
   }
   
   */           
   
/* This is the submenu when it's parent "menuitem" has the mouse over it */

div.menuitem:hover div.submenu, div.menuitem.sfhover div.submenu
   {
   display: block;
   }    
 
/* This is the submenu when the mouse is over it */
    
div.submenu:hover, div.submenu.sfhover
	{
	display: block;
	}
div.submenuon
	{
	display: block;
	z-index: 1;
	}
    
/*  An item in the submenu */

div.submenuitem
	{
	background-color: #0A57A4;
	padding: 5px 0px 5px 10px;
	}    

/* A submenu item with the mouse over it */

div.submenuitem:hover, div.submenuitem.sfhover
	{
	background-color: #0A57A4;
	}
a
	{
	text-decoration: none;	
	}
a.crumbs
	{
	font-size: 10px;
	color: #000000;	
	}
a.crumbs:hover
	{
	color: #F4B966;
	}
a.pagelink
	{
	color: #000000;
	text-decoration: underline;
	}
a.pagelink:hover
	{
	color: #620E6E;	
	}			
a.levelone
	{
	color: #620E6E;
	font-weight: bold;
	}
a.levelone:hover
	{
	color: #ffffff;
	}
a.leveloneon
	{
	color: #F4B966;	
	}		
a.leveloneb
	{
	color: #000000;
	}
a.levelonebold
	{
	color: #000000;
	font-weight: bold;
	}	
a.leveltwo
	{
	color: #ffffff;
	font-weight: bold;	
	}
a.leveltwo:hover
	{
	color: #F4B966;
	}
a.leveltwoon
	{
	color: #F4B966;
	font-weight: bold;		
	}
a.levelthree
	{
	color: #ffffff;
	}
a.levelthree:hover
	{
	color: #F4B966;	
	}
a.levelthreeon
	{
	color: #F4B966;	
	}	
ul.levelthree
	{
	list-style-type: none;
	padding: 0px;
	margin: 0;
	}
li.levelthree
	{
	background-image: url(../images/bullet2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px 2px 0px 10px;
	}