/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sf-menu {
  line-height: 1.0;
}

.sf-menu ul {
  position:		absolute !important;
  top: -999em;
  width: 208px;/* left offset of submenus need to match (see below) */
  background: #fff;
  -moz-box-shadow: 0px 2px 3px #8c8c8c;
  -webkit-box-shadow: 0px 2px 3px #8c8c8c;
  box-shadow: 0px 2px 3px #8c8c8c;
}

.sf-menu ul li {
  width: 100%;
}

.sf-menu li:hover {
  visibility: inherit;/* fixes IE7 'sticky bug' */
}

.sf-menu li {
  float: left;
  position: relative;
}

.sf-menu a {
  display: block;
  position: relative;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
  left: 0;
  top: 40px;/* match top ul list item height */
  z-index: 99;
}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
  top: -999em;
}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
  left: 10em;/* match ul width */
  top: 0;
}

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
  top: -999em;
}

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
  left: 10em;/* match ul width */
  top: 0;
}



/*** DEMO SKIN ***/

.sf-menu {
  float: left;
  width: 450px;
  height: 40px;
  display: block;
   background: #003f72 url(/themes/site_themes/cip/images/main-tabs-bg.png) 0 0 repeat-x;
  border-right: 1px solid #c7c7c7;
}

.sf-menu a {
  line-height: 41px;
  height: 40px;
  text-align: center;
  font-size: 1.42em;
  color: #00467f;
  display: block;
}
.sf-menu a.active {
  color: #fff;
  background: url(/themes/site_themes/cip/images/main-tabs-bg.png) 0 100% repeat-x;
}


.sf-menu a#research {
  width: 77px;
}

.sf-menu a#about {
  width: 72px;
}

.sf-menu a#involved {
  width: 94px;
}

.sf-menu a#press {
  width: 87px;
}

.sf-menu li {
  
  padding-left: 1px;
  display: block;
}

#main-tabs.sf-menu {
  float: left;
  width: 680px;
}

#main-tabs.sf-menu li {
  padding-left: 0;
 
  border-right: 1px solid #fff;
}

#main-tabs.sf-menu li a {
  display: block;
  height: 33px;
  line-height: normal;
  padding-top: 7px;
  color: #fff;
  text-align: center;
  width: 114px;
  font-size: 2.08em;
  text-shadow: -1px 2px 0px #5b7288;
}

#main-tabs.sf-menu li:hover, #main-tabs.sf-menu li.active, #main-tabs.sf-menu li.sfHover {
  background-position: 0 100%;
  background-color: #003f72;
}

#main-tabs.sf-menu li:hover a, #main-tabs.sf-menu li.active a,
#main-tabs.sf-menu li.sfHover > a, #main-tabs.sf-menu a:focus {
  text-decoration: none;
  text-shadow: -1px 2px 0px #00294f;
  background: transparent;
}

#main-tabs.sf-menu li:hover li a, #main-tabs.sf-menu li.active li a,
#main-tabs.sf-menu li.sfHover li > a , #main-tabs.sf-menu a:focus li a {
  text-shadow: none;
}

.sf-menu li li, #main-tabs.sf-menu li li {
  border-top: 1px solid #f1f0f0;
  padding-left: 0;
  background: transparent;
}

.sf-menu li ul li:first-child, #main-tabs.sf-menu li ul li:first-child {
  border-top: none;
}

.sf-menu li li a, #main-tabs.sf-menu li li a {
  padding: 10px;
  font: normal 1.17em Arial, Helvetica, sans-serif;
  color: #000;
  text-align: left;
  height: auto;
  background: transparent;
  width: auto;
  text-shadow: none;
  border-right: none;

}

.sf-menu li li a:hover, #main-tabs.sf-menu li li a:hover {
  background: #00467f;
  color: #fff;
}

.sf-menu li li li {
  background: #9AAEDB;
}

.sf-menu li:hover > a, .sf-menu li.sfHover > a, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  background: #cfcccc;
  outline: 0;
  text-decoration: none;
  color: #00467f;
}