/* drop down navigation menu */

#dropdown      {margin: 0 auto; border: 0}
#dropdown td   {padding: 0}

#dd            {margin: 0; padding: 0; list-style: none; text-align: center}

#dd li         {float: left; position: relative; margin: 0 auto;
                font-size: 11pt; font-weight: bold; font-family: arial, sans-serif}

#dd a          {color: #fff; background-color: #a33; text-decoration: none; display: block}
#dd a.rev      {color: #a33; background-color: #ff0; border: 1px solid #a33}
#dd a#cmrgb    {color: #a33; background-color: #6f6; border: 1px solid #a33}
#dd a:hover    {background-color: #aaa}
#dd a:hover.rev, #dd a:hover#cmrgb
               {color: #fff; background-color: #aaa; border: 1px solid transparent}
#dd li a       {padding: 1px 5px}
#dd li a#cmrgb {padding: 0 5px}
#dd li li a    {padding: 3px 5px}

#dd li div        {border-left: 2px #ee0 solid; padding: 0}
#dd li            {border-top:  2px #ee0 solid; border-bottom: 2px #ee0 solid}
#dd li#intro      {width: 112px}
#dd li#contact    {width: 113px}
#dd li#products   {width: 276px}
#dd li#resources1 {width: 299px; border-right: 2px #ee0 solid}
#dd li#resources2 {width: 296px}
#dd li#blog       {width: 174px; border-right: 2px #ee0 solid}

#dd li ul          {display: none; padding: 0; position: absolute; 
                    top: auto; left: auto; list-style: none}
#dd li:hover ul    {display: block}

#dd li ul li       {border: solid 2px #ee0; border-bottom: 0}
#dd li ul li.bot   {border-bottom: solid 2px #ee0}

#dd li #idd li     {width: 110px}
#dd li #cdd li     {width: 111px}
#dd li #pdd li     {width: 274px}
#dd li #rdd li     {width: 297px}