/* This CSS file controls the layout of HCF menus.  
   The menu is structured as an list of lists, where lists can
   be nested to any depth.  There are four main CSS classes that
   control this, including:

   .menu - This class defines the appearance of the top menu bar. By 
   		   default it is set to be a horizontal menu across the top 
		   of the page.
   .dropDownMenu - This class defines popup menus that appear directly
                   below each item in the main menu bar at the top.
   .cascadeMenu - This class defines cascading menus the popup to the
   				  right of a menu item.  This is used for nested submenus.
   .cascadeItem - This class is used to put a right arrow on the far right
                  side of a menu item.  The right arror indicates the
				  existence of a cascade menu.

   Using these three classes it is possible to create a full-featured menu
   that mimic the functionality of menus found in Windows applications. 
*/




/* --------------- Menu CSS Selector ----------------------------*/
ul.menu      { position: static; background-color: transparent; font-size: 12px; 
               font-family: Verdana, Arial, Helvetica, sans-serif; z-index: 
               100; color: #002163; font-weight: bold; margin: 0; padding: 0 }
ul.menu li   { display: inline; list-style-type: none; position: static; color: #002163 }
ul.menu li a:link, ul.menu li a:visited, ul.menu li a:focus, ul.menu li a:active, ul.menu li a:hover { color: #002163; text-decoration: none; font-weight: bold }
/* --------------- Drop Down and Cascase Menus  ----------------------------*/
ul.dropDownMenu, ul.cascadeMenu { display: block; position: absolute; width: 16em; font-size: 10px; 
               line-height: 16px; background-color: #FCE1BE; visibility: 
               hidden; z-index: 200; color: #002163; border-left-style: solid; 
               border-left-width: 1px; border-right-style: solid; 
               border-right-width: 1px; border-bottom-style: solid; 
               border-bottom-width: 1px; margin: 0; padding: 0 }
ul.dropDownMenu { top: 1em; color: #002163 }
ul.cascadeMenu
{
  /* Cascade menus should appear to the far right of items in 
     their parent drop down or cascade menu. */
  top: -1px;
  left: 100%;
}


/* NOTE - for IE5 to show higlights this selector must
   be above the ul.dropDownMenu li and ul.cascadeMenu li
   selectors below. */
ul.dropDownMenu li a:hover, ul.cascadeMenu li a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: 
               #F59C23; background-color: #002163; text-decoration: none }
ul.dropDownMenu li *,
ul.cascadeMenu li *
{
	color: black;
}

ul.dropDownMenu li,
ul.cascadeMenu li
{
  /* This CSS rule controls how items in drop down menus or 
     cascade menus appear.  By default they have black text,
     and a top border.*/
/*  position: relative; */
  display: block;
  top: 0px;
  width: 100%;

  /* NOTE - To put space in front of the text in the dropDownMenus on 
     IE5.0 you ned to set this padding value.  However, this then
     causes Mozilla and Netscape to render the menus incorrectly.
     To control space in every browser except IE 5.0 place the
     padding in the ul.dropDownMenu li a selector
     (below) instead.

  padding: 0 0 0 0.5em; */

  /* These styles control how rows in the dropDownMenus appear */
  border-top: 1px solid; 


  /* Note this margin value needs to change any time you 
     change the font size of ul.menu li ul.dropDownMenu *
     Otherwise the borders on the pop-up menus do not quite line
     up correctly */
  margin-left: -1.6em;
  voice-family: "\"}\""; voice-family: inherit;
  margin-left: 0; 
}


li.cascadeItem { background-image: url('../images/right_arrow.gif'); background-repeat: 
               no-repeat; display: block; color: #002163; 
               background-position: 99% 50% }
/* --------------- Links for Drop Down and Cascase Menus  ----------------------------*/
ul.dropDownMenu li a:link, ul.dropDownMenu li a:focus, ul.cascadeMenu li a:link, ul.cascadeMenu li a:focus, ul.dropDownMenu li a:visited, ul.cascadeMenu li a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: 
               #002163; text-decoration: none; display: block; width: 90%; 
               voice-family: inherit; padding-left: 0.5em; padding-right: 0; 
               padding-top: 0; padding-bottom: 0 }
ul.dropDownMenu li a:hover, ul.cascadeMenu li a:hover, ul.dropDownMenu li a:active, ul.cascadeMenu li a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: 
               #F59C23; background-color: #002163 }
ul.menu      { color: #002163 }