/* FLYOUT.CSS     */
/* common styling */

.active     {background:transparent; border:0px;}


.menu                   {white-space:nowrap; font-family: arial, sans-serif;
                         margin:0px 10px 10px 10px;
                         position:relative; font-size:11px; font-variant:small-caps;
                         list-style-type:none; cursor:pointer; width:134px;}

li a.menu ,
li a:visited.menu       {display:block; text-decoration:none; color:black; width:134px;
                         height:20px; list-style-type:none; margin-left:0px;
                         text-align:left; border:0; border-width:0; line-height:19px;
                         font-size:11px; margin-bottom:0px;}

.menu ul li a,
.menu ul li a:visited    {display:block; text-decoration:none; color:black; width:134px; height:20px;
                          text-align:left; border:0; border-width:0; line-height:19px; font-size:11px;}
.menu ul li a.last       {border-bottom:0;}


.menu ul                 {padding:0; margin:0; list-style-type: none; }
.menu ul li              {float:left; margin-right:1px; position:relative;}
.menu ul li ul           {display: none;}

/* specific to non IE browsers */

.menu ul li:hover a                         {color:black;}
.menu ul li:hover ul                {display:block; position:absolute; top:0; left:134px; width:134px;}
.menu ul li:hover ul li a.hide              {color:black;}
.menu ul li:hover ul li:hover a.hide        {width:134px;}
.menu ul li:hover ul li ul                  {display: none;}
.menu ul li:hover ul li a                   {display:block; color:black; width:134px;}
.menu ul li:hover ul li a:hover             {color:black;}
.menu ul li:hover ul li:hover ul     {display:block; position:absolute; left:134px; top:0;color:black;}
.menu ul li:hover ul li:hover ul li a       {display:block; width:134px; color:black;}
.menu ul li:hover ul li:hover ul li a:hover {color:black;}

/* -405  is 1st button image on menu       - pixel 405 + 134 ending at 539 */
/* -134  is 1st button pressed image       - pixel 134 + 134 ending at 268 */
/*  0    is pressed button to flyout menu  - pixel   0 + 134 ending at 134 */
/*                                                                         */
/*     starting positions are off a bit for better display                 */
/*     button image -   20 pixel high by 539 wide.                         */
/*                                                                         */
/*      0-134 (dark no bevel)     (*not used)                              */ 
/*    134-268 (dark w/end bevel)                                           */ 
/*    268-404 (light no bevel)    (*not used)                              */
/*    405-539 (light w/end bevel)                                          */
/*                                                            ul li a              */
li a.menu 
       {background:black url(images/Site_Menu_Button.jpg)      no-repeat scroll -405px 0;}
li a:hover.menu  
       {background:black url(images/Site_Menu_Button.jpg)      no-repeat scroll -134px 0;}
.menu ul li a
       {background:black url(images/Site_Menu_Button.jpg)      no-repeat scroll -405px 0;}
.menu ul li a.last
       {background:black url(images/Site_Menu_Button.jpg)      no-repeat scroll -405px 0;}
.menu ul li a.hide,
.menu ul li a:visited 
       {background:black url(images/Site_Menu_Button.jpg)      no-repeat scroll -405px 0;}
.menu ul li:hover a.hide  
       {background:black url(images/Site_Menu_Button.jpg)      no-repeat scroll -134px 0;}
.menu ul li:hover a
       {background:black url(images/Site_Menu_Button.jpg)      no-repeat scroll -134px 0;}
/*                                                            ul li ul li a        */
.menu ul li:hover ul li a.last
       {background:black url(images/Site_Menu_Button.jpg)      no-repeat scroll -405px 0;}
.menu ul li:hover ul li a.hide
       {background:black url(images/Site_Menu_Button.jpg)      no-repeat scroll -405px 0;}
.menu ul li:hover ul li a
       {background:black url(images/Site_Menu_Button.jpg)      no-repeat scroll -405px 0;}
.menu ul li:hover ul li a:hover
       {background:black url(images/Site_Menu_Button.jpg)      no-repeat scroll -134px 0;}
.menu ul li:hover ul li.last a 
       {background:black url(images/Site_Menu_Button.jpg)      no-repeat scroll -405px 0;}
.menu ul li:hover ul li.last a:hover 
       {background:black url(images/Site_Menu_Button.jpg)      no-repeat scroll -134px 0;}