/* @override http://consensusinc.com/lib/css/nav.css */

#header,
#footer,
div.navigate                    {overflow: visible !important;}
div.navdropdown                 {display: block; overflow: visible;}
#header div.navdropdown         {height: 30px;}
#footer div.navdropdown         {/*height: 100px;*/}
div.navdropdown ul              {margin: 0px; padding: 0; list-style: none;}
div.navdropdown ul li           {padding: 0; margin: 0; float: left; position: relative; border: 0;}
#header div.navdropdown ul li a {padding: 9px 10px 5px /*0px*/;  display: inline; float: left;}

/* sub menus */
/* ie6 needs the next rule to have width: auto; and padding-right: 3px; */
div.navdropdown li ul           {display: none; position: absolute; margin: 0; padding: 0; z-index: 2;}
#header div.navdropdown li ul   {left: 0; top: 30px; width: 100%;}
#header div.navdropdown li > ul {top: auto; left: auto;}
#footer div.navdropdown li ul   {left: 125px; bottom: 0; width: 120px;}
#footer div.navdropdown li > ul {left: auto; bottom: auto;}
/* lef/top declarations necessary in following for ie7 */
div.navdropdown li:hover ul,
div.navdropdown li.over ul              {display: block;}
#header div.navdropdown li:hover ul,
div#header div.navdropdown li.over ul   {left: 0; top: 30px;}
#footer div.navdropdown li:hover ul,
div#footer div.navdropdown li.over ul   {left: 125px; bottom: 0;}

div.navdropdown li ul li                {padding: 0; float: none; z-index: 3;}
#header div.navdropdown li ul li        {margin: 0px; width: auto;}
#footer div.navdropdown li ul li        {width: 180px;}
#header div.navdropdown li ul li a      {display: block; float: none; margin: 0; padding: 5px auto;}
#header div.navdropdown li ul ul li a   {display: block; float: none; border-width: 0px 1px !important; margin: 0; padding: 5px auto;}

/* sub sub menus */
div.navdropdown li:hover ul ul,
div.navdropdown li.over ul ul             {display: none;}
#header div.navdropdown ul li ul ul       {position: absolute; top: 0px !important; right: -199px !important; left: auto !important; width: 200px;}
div.navdropdown li:hover ul li:hover ul,
div.navdropdown li.over ul li.over ul     {display: block;}

#footer div.navdropdown li a      {display: block; margin: 0 10px 0 0; border: 0; padding: 1px 5px;}

#header div.navdropdown ul li {
  font: 8px/30px sans-serif;
  vertical-align: middle;
  color: #fff;
}
#header div.navdropdown ul li a {
  vertical-align: middle;
  text-align: center;
  color: #333;
  font: bold 11px/11px "Arial", sans-serif !important;
  text-decoration: none;
  border-bottom: 5px solid #F2E189;
}

#footer div.navdropdown li { line-height: 11px; float: left; width: 120px; }
#footer div.navdropdown li a {
  width: 100%;
  float: left;
  margin: 0 10px 0 0;
  border: 0;
  padding: 2px 5px;
  font: 11px/11px "Arial", sans-serif !important;
  color: #333;
  text-decoration: none;
  color: #666;
}

#header div.navdropdown ul ul li {
  line-height: 10px !important;
  margin-right: 3px;
}
#header div.navdropdown ul ul ul li a.nav_last {
  border: 0 none !important;
}
#header div.navdropdown ul ul li a.nav_last {
  border-right: 1px solid #efe7c3 !important;
  border-left: 1px solid #efe7c3 !important;
  border-bottom: 1px solid #efe7c3 !important;
}
#header div.navdropdown ul ul li a {
  font-size: 10px !important;
  line-height: 10px !important;
  background-color: #ded6b2; 
  padding: 5px 10px;
  text-align: left;
  border-width: 0px 1px !important;
  border-style: solid;
  border-color: #efe7c3;
  
  background-color: #F2E189;
}

#header div.navdropdown ul ul ul li a {
  font-size: 10px !important;
  line-height: 10px !important;
  background-color: #efe7c3;
  color: #666;
  text-align: left;
  padding: 5px 10px;
  text-align: left;
  border-width: 0px !important;
  
  background-color: #FFEEAE
}


body#what-we-do #header div.navdropdown ul li#what-we-do a,
body#our-clients #header div.navdropdown ul li#our-clients a,
body#about-consensus #header div.navdropdown ul li#about-consensus a,
body#contact-us #header div.navdropdown ul li#contact-us a,
body#home #header div.navdropdown ul li#home a {
  border-bottom: 5px solid #fff;
  color: #0e2f80;
  color: #FB7B20;
}
/* !!! do not combine the above and below statements, breaks in ie6 !!! */
#header div.navdropdown ul li:hover a,
#header div.navdropdown ul li.over a {
  border-bottom: 5px solid #fff;
  color: #0e2f80;
  color: #FB7B20;
}

#header div.navdropdown ul li:hover ul li a,
#header div.navdropdown ul li.over ul li a,
#header div.navdropdown ul li:hover ul ul li a,
#header div.navdropdown ul li.over ul ul li a
{
  /*border: 0 !important;*/
  color: #666 !important;
}

body#what-we-do #footer div.navdropdown ul li#what-we-do a,
body#our-clients #footer div.navdropdown ul li#our-clients a,
body#about-consensus #footer div.navdropdown ul li#about-consensus a,
body#contact-us #footer div.navdropdown ul li#contact-us a,
body#home #footer div.navdropdown ul li#home a {
  background-color: #fff;
}
#footer div.navigate ul li:hover a,
#footer div.navigate ul li.over a {
  background-color: #fff;
}
#footer div.navdropdown ul ul li:hover a,
#footer div.navdropdown ul ul li.over a {
  background-color: #eee !important;
}

#header div.navdropdown li ul li:hover a,
#header div.navdropdown li ul li.over a
{ background-color: #efe7c3; color: #666;
  background-color: #FFEEAE
}

#header div.navdropdown li ul ul li:hover a,
#header div.navdropdown li ul ul li.over a
{ background-color: #fff8d4; color: #666; 
}


/* Fix IE. Hide from IE Mac \*/
* html ul li {float: left; height: 1%;}
* html ul li a {height: 1%;}
/* End */

