/* 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:13px; 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:13px;}
.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;}

/*  MENUGP THE NEW MENU */
.menugp                   {white-space:nowrap; font-family: arial, sans-serif;
                         margin:0px 10px 10px 10px;
                         position:relative; font-size:14px; font-variant:small-caps;
                         list-style-type:none; cursor:pointer; width:134px;}

li a.menugp ,
li a:visited.menugp       {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;
                         margin-bottom:0px;}

.menugp ul li a,
.menugp 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; }
.menugp ul li a.last       {border-bottom:0;}


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

.menugp ul li:hover a                         {color:red; font-type:italics;}
.menugp ul li:hover ul                {display:block; position:absolute; top:0; left:134px; width:134px; color:red; }
.menugp ul li:hover ul li a.hide              {color:red; }
.menugp ul li:hover ul li:hover a.hide        {width:134px;}
.menugp ul li:hover ul li ul                  {display: none;}
.menugp ul li:hover ul li a                   {display:block; color:red;  width:134px;}
.menugp ul li:hover ul li a:hover             {color:red; }
.menugp ul li:hover ul li:hover ul     {display:block; position:absolute; left:134px; top:0;color:red; }
.menugp ul li:hover ul li:hover ul li a       {display:block; width:134px; color:red; }
.menugp ul li:hover ul li:hover ul li a:hover {color:red; }

li a.menugp { }
li a.menugp:hover {}
.menugp ul li a {color:grey; }
.menugp ul li a.last { }
.menugp ul li a.hide, .menugp ul li a:visited { }
.menugp ul li:hover a.hide { }
.menugp ul li:hover a {}
.menugp ul li:hover ul li a.last {}
.menugp ul li:hover ul li a.hide {}
.menugp ul li:hover ul li a {}
.menugp ul li:hover ul li a:hover {}
.menugp ul li:hover ul li.last a {}
.menugp ul li:hover ul li.last a:hover {}