/**** Sons of Ursidae CSS Menu ************************************************/
/**** Barebones ***********************/
/* UL123.     */ div.cnav ul       { margin:0; padding:0; }
/* LI123.     */ div.cnav ul li    { margin:0; padding:0; list-style:none; }  /* Set list-style to none. Note that we set list-style on the li instead of the ul so that it overrides any list-style setting on the ul. */
/* LI123.     */ div.cnav ul li    { float:left; position:relative; z-index:1; }  /* Position LI123 relative, so that child UL-23s can be positioned absolute in reference to the parent LI12- box. Increase z-index from 0 to 1 so the navigation controls will always be on the top level AND to squash the IE z-index stacking bug for non-static positioned-elements. */
/* LI-23.     */ div.cnav ul>li li { float:none; } /* Needed for Opera 9, maybe because it's decent CSS. Hide from IE6- by using the child selector which IE6- doesn't understand. */
/*  A123.     */ div.cnav a        { display:block; }
/* UL-23. Hide on page load. Place off-screen.   */ div.cnav ul ul                                                 { position:absolute; left:-999em; }
/* UL--3. Hide on LI1-hover. Place off-screen.   */ div.cnav li:hover ul ul , div.cnav li.sfhover ul ul , div.cnav    li:active ul ul { left:-999em; }
/* UL-23. Show on LI1-hover. Place below LI1.    */ div.cnav li:hover ul    , div.cnav li.sfhover ul    , div.cnav    li:active ul    { left:0; top:100%; margin-left:0; }
/* Ul--3. Show on LI2-hover. Place right of LI2. */ div.cnav li li:hover ul , div.cnav li li.sfhover ul , div.cnav li li:active ul    { left:-5px; top:5px; margin-left:100%; }
/* When left=-5px, submenus overlap parent menus and make it necessary to use jquery to reverse z-index stacking order so that submenus appear on top of parent menus. */
/**** Default Styling *****************/
/*       Style for text. */ div.cnav       a { line-height:1.1; text-decoration:none; color:#FFF; font-family:Tahoma,Helvetica,Arial,sans-serif; }
/*  A1-- Width, Style.   */ div.cnav ul    a { width:auto;  margin:0; border:0; padding:5px 15px 12px 15px; font-size:100%; }
/*  A-23 Width, Style.   */ div.cnav ul ul a { width:180px; margin:0; border:0; padding:5px 15px  5px 15px; font-size: 90%; }
/*  P-23 Width, Style.   */ div.cnav ul ul p { width:180px; margin:0; border:0; padding:5px 15px  5px 15px; font-size: 80%; color:#1F190F; background-color:#9C9992; font-style:italic; }
/* UL-23 Width if ie6-.  */ div.cnav ul ul   { width:182px; }
/* UL-23 Width else.     */ div.cnav>ul ul   { width:auto;  } 
/* UL-23 Background.     */ div.cnav ul ul    { background-color:#333333; }
/* UL--3 Background.     */ div.cnav ul ul ul { }
/* UL-23 Borders.        */ div.cnav ul ul    { border-bottom:5px solid #222222; }
/* LI-23 Borders.        */ div.cnav ul ul li { border:1px solid #222222; border-bottom-width:0; }
/* A1-- Triangle Down if ie6-.     Depr2011-06-14: div.cnav li    a.parent { background:url(/AAGI/inav/submenu/9x9-triangle-down.gif;c,FFF0;crop,b,-4,000F.gif)                 no-repeat center bottom; } /*
/* A1-- Triangle Down else.        Depr2011-06-14: div.cnav li   >a.parent { background:url(/AAGI/inav/submenu/9x9-triangle-down.gif;c,FFF9;crop,b,-4,000F.png)                 no-repeat center bottom; } /*
/* A-23 Triangle Right if ie6-.    Depr2011-06-14: div.cnav li li a.parent { background:url(/AAGI/inav/submenu/9x9-triangle-right.gif;c,FFF0;crop,r,-5,000F;crop,t,-9,000F.gif) no-repeat right top; }     /*
/* A-23 Triangle Right else.       Depr2011-06-14: div.cnav li li>a.parent { background:url(/AAGI/inav/submenu/9x9-triangle-right.gif;c,FFF9;crop,r,-5,000F;crop,t,-9,000F.png) no-repeat right top; }     /*
/* A1-- Triangle Down.     */ div.cnav li.parent            { background:url(/AAGI/inav/submenu/9x9-triangle-down.gif;c,FFF9;crop,b,-4,000F.png)                 no-repeat center bottom; }
/* A-23 Triangle Right.    */ div.cnav li.parent li.parent  { background:url(/AAGI/inav/submenu/9x9-triangle-right.gif;c,FFF9;crop,r,-5,000F;crop,t,-9,000F.png) no-repeat right top; }
/* A1-- OnHover (covers triangle). */ div.cnav ul    a:hover, div.cnav ul    a.sfhover { background:#B90; }
/* A-23 OnHover (covers triangle). */ div.cnav ul ul a:hover, div.cnav ul ul a.sfhover { background:#B90; }





