/*
       GRC multi-level script-free pure-CSS menuing system stylesheet.
       This code is hereby placed into the public domain by its author
       Steve Gibson. It may be freely used for any purpose whatsoever.
       
       Computed Geometries:       with a default 12px font, 1.0em == 12px and
       1px == 0.08333em.
       Thus, our 98px wide Freeware & Research buttons are 8.166666em wide.
*/


/* GLOBAL OVERRIDES FOR MAJOR ITEMS AND DIFFERING BROWSER DEFAULTS */

body, table, img, button, iframe, ul, li
{
       margin:0; 
       padding:0; 
       border:0;
}

ul
{ 
       margin-left: 20px;                      /* kill default 50px left padding and set 20px */
}

li
{ 
       margin-bottom: 1em;                     /* set default inter-item vertical spacing */
}

.tightlist li
{
       margin-bottom: 0.25em;                  /* tighter list for simple bullets */
}

/* TOP OF THE MENU CASCADE */

.menu, .menu:hover
{
       position: relative;                     /* establish a menu-relative positioning context */
       float: center;                          /* play nicely with others */
       margin: 0px;
       padding: 0px 0px 0px 0px;
       border: 0px;
       height: 25px;                           /* the menu's overall height */
       width: 1024px;                          /* we always want our menu to fill the available space */
       font-size: 9pt;                        /* this (and also below) sets the menu's font size */
       color: white;
       font-weight: bold;
}

.menu img 
{
       
       vertical-align: top;                    /* prevent images from being pushed down by text */
}

.menu ul
{
       padding: 0px 10px 0px 10px;
       margin: 0;
       border: 0;
       list-style-type: none;                  /* we don't want to view the list as a list */
       line-height: 2.0em;                     /* globally set the menu's item spacing. note */
}                                              /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li
{
       float: left;                            /* this creates the side-by-side array of top-level buttons */
       position: relative;                     /* create local positioning contexts for each button */
       margin: 0;
}

.menu ul li table
{
       margin: -1px 0;                         /* IE5 needs -1px top and bottom table margins */
       margin: 0;                              /* re-zero the table margins for everyone but IE5 */
       border-collapse: collapse;              /* IE5 needs this for the sub-menus to work */
       font-size: 8pt;                        /* this sets the base font size for our entire menu */
}

.drop
{
       display: block;
       padding: 0px 5px 0px 5px;               /* this sets the l/r margins for our menu item */
       margin: 0;
       text-align: right;                      /* this right alignment goes with the float:left below */
       cursor: pointer;                        /* IE tries to switch back to an I-beam, don't let it */
       cursor: hand;                           /* IE5 only knows about "hand", so set it both ways */
}

.drop span
{                                              /* this simultaneously left and right aligns the text and */
       float: left;                            /* the >> in the drop-down menus which link to sub-menus */
}


/* TOP LEVEL MENU DEFINITIONS  - Barra do menu */

.menu ul li ul
{
       display: none;                          /* initially hide the entire list hierarchy */
       padding: 1px;                           /* this is our box border width */
}

.menu ul li a,
.menu ul li a:visited
{                                              /* unselected top-level menu items */
       display: block;
       float: left;
       text-decoration: none;
       height: 25px;
       padding: 0px 10px 0px 10px;
       color: #666666;
       font-size: 8pt;
       font-weight: 400;
}

.menu ul li:hover a,
.menu ul li a:hover
{                                              /* selected top-level menu items */
       background-color: #cc9900;
       color: #ffffff;
}



/* 2ND LEVEL MENU DEFINITIONS */

.menu ul li:hover ul,
.menu ul li a:hover ul
{                                              /* 2nd level drop-down box */
       display: block;
       position: absolute;
       float: left;
       margin: 0;
       top: 25px;                              /* place us just up underneath the top-level images */
       left: 0px;                              /* left-align our drop-down to the previous button border */
       height: auto;                           /* the drop-down height will be determiend by line count */
       width: 225px;
       color: white;                           /* this sets the unselected-text color */
       background-color: #888;                 /* this sets our menu's effective "border" color */
       text-transform: none;
       font-size: 8pt;
       font-weight: 400;
       text-align: left;
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton 
{                                              /* our first dropdown should not be skewed */
       left: 0px;
}

.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny 
{                                              /* 2nd level skinny drop-down box */
       width: 225px;                           /* with a 12px default font, this is 97px width (97/12) */
}

.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul
{                                          /* 2nd level neighborhood drop-down box */
       left: auto;
       right: 0;                            /* nudge the right menu right to line up under the border */
}

* html .menu ul.rightmenu li a:hover ul 
{                                          /* IE5/6 needs a tweak here */
       right: -1px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a
{                                          /* 2nd level unselected items */
       border: 0;
       margin: 0;
       padding: 0;
       height: 25px;
       color: white;                            /* this sets the unselected drop-down text color */
       background-color: #888;                     /* this sets the drop-down menu background color */
       width: 225px;
       
}


.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover 
{                                          /* 2nd level selected item */
       color: #888;
       background-color: white;
}


.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover 
{                                          /* 2nd level unselected items */
       width: 225px;
       
}


/* 3RD LEVEL MENU DEFINITIONS */

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul
{                                          /* hide inactive 3rd-level menus */
       visibility:hidden;
       font-size: 8pt;
       text-align: left;
}


.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul 
{                                          /* 3rd level drop-down box */
       visibility: visible;
       position: absolute;
       margin-top: 0px;                     /* bring the top edge of the 3rd level menu up one */
       top: 0;
       left: 225px;
       width: 150px;
       background-color: #888;
       color: #fff;
}



.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a
{                                          /* 3rd level unselected items */
       width: 150px;
       background-color: #888;
       color: #fff;
}


.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover
{       
                                          /* level3 selected items */
       width: 150px;
       background-color: white;
       color: #888;
}


#text 
{       /* the Mac's standard Safari browser will not see this code */
       height: 1.215em;#           /* ...  but every other browser will and should */
} /* Safari barfs on the illegal pound sign (#) after the rule's property val */