#fixedNavPlaceholder {
  height: 210px; }

#cesNavigation {
  background-color: #7A4183;
  min-height: 50px; }
  @media (max-width: 763px) {
    #cesNavigation .container {
      padding-left: 0;
      padding-right: 0; } }
  #cesNavigation a {
    font-family: "AvenirNextLTPro-Demi", "Arial", "Helvetia", sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    padding: 15px 25px; }
    #cesNavigation a:hover {
      background-color: #535DB1; }
  #cesNavigation .studiosHomeLink {
    background-color: #A83D72; }
    #cesNavigation .studiosHomeLink a {
      font-size: 30px;
      width: 200px;
      padding-right: 50px;
      padding-left: 50px;
      padding-top: 7px;
      padding-bottom: 3px; }
  #cesNavigation .dropdown.open a {
    background-color: #535DB1; }
  #cesNavigation .dropdown-menu {
    background-color: #535DB1;
    border-style: none;
    border-radius: 0;
    padding: 0;
    min-width: 252px; }
    #cesNavigation .dropdown-menu > li > a {
      font-family: "AvenirNextLTPro-Regular", "Arial", "Helvetica", sans-serif;
      font-size: 16px;
      padding: 15px 25px; }
      #cesNavigation .dropdown-menu > li > a:hover {
        background-color: #A83D72;
        background-image: none; }
    #cesNavigation .dropdown-menu .subnav {
      color: #FFFFFF;
      padding: 15px; }
      #cesNavigation .dropdown-menu .subnav h5 {
        border-bottom: 1px solid rgba(255, 255, 255, 0.7);
        padding: 5px 0;
        margin-top: 0; }
      #cesNavigation .dropdown-menu .subnav ul {
        margin: 0;
        padding: 0; }
        #cesNavigation .dropdown-menu .subnav ul li {
          display: block;
          margin: 0;
          padding: 2px 0; }
          #cesNavigation .dropdown-menu .subnav ul li a {
            font-family: "AvenirNextLTPro-Regular", "Arial", "Helvetica", sans-serif;
            padding: 0; }
          #cesNavigation .dropdown-menu .subnav ul li.spacer {
            height: 15px; }
        #cesNavigation .dropdown-menu .subnav ul.other-tools li {
          padding: 10px; }
  #cesNavigation .instructional-design {
    width: 800px;
    left: -300px; }

#nav li.topLevel > div.outer {
  position: absolute;
  overflow: hidden;
  height: 0;
  margin-left: 8px;
  margin-top: 4px;
  z-index: 3000;
  transition: height .2s ease-in-out;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); }

#nav li.topLevel.dropDown.active > div.outer {
  top: 40px; }

#nav li.topLevel ul {
  border: 4px solid #bbb;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  background: #FFFFFF url("/img/nav/dropshadow.png") repeat-x bottom;
  padding: 14px 14px;
  border-top: none;
  overflow: hidden; }

#nav li.topLevel ul li {
  list-style-type: none; }

#nav li.topLevel ul li a {
  color: #002077;
  text-transform: none; }

#nav li.topLevel ul li a:hover {
  color: #30B7B4;
  text-decoration: none; }

/*** My Classes Styling ***/
#nav li#myclasses .outer {
  width: 720px;
  left: -306px; }

#nav li#myclasses ul li.tabTop {
  width: 80px;
  left: 165px; }

#nav li#myclasses .actions {
  margin-top: 10px;
  border-top: 1px solid #C4C4C4;
  padding-top: 6px;
  font-size: 11px; }

#nav li#myclasses .actions span {
  padding: 2px 0; }

#nav li#myclasses .leftCol {
  float: left;
  width: 210px;
  border-right: 1px solid #C4C4C4;
  padding-right: 10px;
  margin-right: -1px; }

#nav li#myclasses .midCol {
  float: left;
  width: 240px;
  padding: 0 10px 0 20px;
  border-right: 1px solid #C4C4C4;
  border-left: 1px solid #C4C4C4; }

#nav li#myclasses .rightCol {
  float: left;
  width: 236px;
  padding-left: 20px;
  border-left: 1px solid #C4C4C4;
  margin-left: -1px; }

#nav li#myclasses .scroller {
  padding: 0 10px 10px 0;
  max-height: 240px;
  overflow-y: auto; }

#nav li#myclasses .listingHeader {
  font-weight: bold;
  font-size: 11px;
  padding: 0 0 3px 0px;
  margin: 0 10px 3px 0;
  text-transform: uppercase; }

#nav li#myclasses .leftCol span,
#nav li#myclasses .rightCol span,
#nav li#myclasses .midCol span {
  display: block;
  text-transform: none; }

#nav li#myclasses .leftCol span span,
#nav li#myclasses .rightCol span span,
#nav li#myclasses .midCol span span {
  display: inline-block; }

#nav li#myclasses .leftCol .scroller span a,
#nav li#myclasses .rightCol .scroller span a,
#nav li#myclasses .midCol .scroller span a {
  display: block;
  padding: 5px 10px;
  border-color: #C4C4C4;
  border-style: solid;
  border-width: 1px 0 0 0; }

#nav li#myclasses .scroller span a.fromProject {
  background-image: url("/img/nav/pt_in_project_icon_small.png");
  background-repeat: no-repeat;
  background-position: 98% 50%; }

#nav li#myclasses .leftCol .scroller span.firstRow a,
#nav li#myclasses .rightCol .scroller span.firstRow a,
#nav li#myclasses .midCol .scroller span.firstRow a {
  border: none; }

#nav li#myclasses .leftCol .scroller span a:hover,
#nav li#myclasses .rightCol .scroller span a:hover,
#nav li#myclasses .midCol .scroller span a:hover {
  background-color: #D0DEED;
  color: #002077; }

#nav div.innerTitle {
  padding-top: 8px; }

/*** Projects and PTs Styling ***/
#nav li#projectspts .outer {
  width: 480px;
  left: -194px; }

#nav li#projectspts ul li.tabTop {
  width: 80px;
  left: 165px; }

#nav li#projectspts .actions {
  margin-top: 10px;
  border-top: 1px solid #C4C4C4;
  padding-top: 6px;
  font-size: 11px; }

#nav li#projectspts .actions span {
  padding: 2px 0; }

#nav li#projectspts .leftCol {
  float: left;
  width: 210px;
  border-right: 1px solid #C4C4C4;
  padding-right: 10px;
  margin-right: -1px; }

#nav li#projectspts .scroller {
  padding: 0 10px 10px 0;
  max-height: 300px;
  overflow-y: auto; }

#nav li#projectspts .listingHeader {
  font-weight: bold;
  font-size: 11px;
  padding: 0 0 3px 0px;
  margin: 0 10px 3px 0;
  text-transform: uppercase; }

#nav li#projectspts .leftCol span,
#nav li#projectspts .rightCol span {
  display: block; }

#nav li#projectspts .leftCol span span,
#nav li#projectspts .rightCol span span {
  display: inline-block; }

#nav li#projectspts .leftCol .scroller span a,
#nav li#projectspts .rightCol .scroller span a {
  display: block;
  padding: 5px 10px;
  border-color: #C4C4C4;
  border-style: solid;
  border-width: 1px 0 0 0; }

#nav li#projectspts .rightCol .scroller span a.fromProject {
  background-image: url("/img/nav/pt_in_project_icon_small.png");
  background-repeat: no-repeat;
  background-position: 98% 50%; }

#nav li#projectspts .leftCol .scroller span.firstRow a,
#nav li#projectspts .rightCol .scroller span.firstRow a {
  border: none; }

#nav li#projectspts .leftCol .scroller span a:hover,
#nav li#projectspts .rightCol .scroller span a:hover {
  background-color: #D0DEED;
  color: #002077; }

#nav div.innerTitle {
  padding-top: 8px; }

#nav li#projectspts .rightCol {
  float: left;
  width: 225px;
  padding-left: 20px;
  border-left: 1px solid #C4C4C4; }

/*** Projects and Groups Styling ***/
#nav li#groups .outer {
  width: 450px;
  left: -196px; }

#nav li#projects .outer {
  width: 460px;
  left: -200px; }

#nav li#projects ul li.tabTop {
  width: 80px;
  left: 164px; }

#nav li#groups ul li.tabTop {
  width: 70px;
  left: 148px; }

#nav li#projects .leftCol,
#nav li#groups .leftCol {
  float: left;
  width: 210px;
  border-right: 1px solid #C4C4C4;
  padding-right: 10px;
  margin-right: -1px; }

#nav li#projects .leftCol .scroller,
#nav li#groups .leftCol .scroller {
  padding-right: 10px;
  max-height: 240px;
  overflow-y: auto;
  min-height: 100px; }

#nav li#projects .leftCol .listingHeader,
#nav li#groups .leftCol .listingHeader {
  font-weight: bold;
  font-size: 12px;
  padding: 0 0 3px 0px;
  margin: 0 10px 3px 0;
  text-transform: uppercase; }

#nav li#projects .leftCol span,
#nav li#groups .leftCol span {
  display: block; }

#nav li#projects .leftCol span a,
#nav li#groups .leftCol span a {
  display: block;
  padding: 5px 10px;
  border-color: #C4C4C4;
  border-style: solid;
  border-width: 1px 0 0 0; }

#nav li#projects .leftCol span.firstRow a,
#nav li#groups .leftCol span.firstRow a {
  border: none; }

#nav li#projects .leftCol span a:hover,
#nav li#groups .leftCol span a:hover {
  background: #D0DEED;
  color: #002077; }

#nav li#projects .rightCol,
#nav li#groups .rightCol {
  float: left;
  width: 155px;
  padding-left: 20px;
  border-left: 1px solid #C4C4C4; }

#nav li#projects .rightCol {
  width: 200px; }

#nav li#projects .rightCol span,
#nav li#groups .rightCol span {
  display: block;
  padding: 3px 0;
  font-size: 12px; }

#nav li#projects .rightCol span span,
#nav li#groups .rightCol span span {
  display: inline-block; }

#nav li#projects .rightCol span img,
#nav li#groups .rightCol span img {
  vertical-align: text-bottom; }

/*** Network Styling ***/
#nav li#get .outer {
  width: 370px;
  left: -44px; }

#nav li#get ul li.tabTop {
  width: 60px;
  left: 39px; }

#nav li ul li .col-xs-6 {
  font-size: 15px;
  vertical-align: middle; }

#nav li ul li .col-xs-6 .glyphicon {
  display: inline-block;
  margin-right: 8px;
  font-size: 15px !important;
  padding: 0 !important; }

/*** Curriculum and Assessment Styling ***/
#nav li#curriculum .outer {
  width: 330px;
  left: -76px; }

#nav li#curriculum ul li.tabTop {
  width: 60px;
  left: 39px; }

#nav li ul li .col-xs-12 {
  font-size: 15px;
  vertical-align: middle; }

#nav li ul li .col-xs-12 .glyphicon {
  display: inline-block;
  margin-right: 8px;
  font-size: 15px !important;
  padding: 0 !important; }

#nav .clear.special {
  padding-bottom: 10px; }

/****** ECCCCO styling *******/
#nav li#eccco_nav .outer {
  width: 270px;
  left: -90px; }

/*** Toolkit Styling ***/
#nav li#toolkit .outer {
  width: 494px;
  left: -206px; }

#nav li#toolkit ul li.tabTop {
  width: 60px;
  left: 31px; }

/*** More Styling ***/
#nav li#more .outer {
  width: 494px;
  left: -216px; }

#nav li#more ul li.tabTop {
  width: 60px;
  left: 39px; }

/*** BOOTSTRAP OVERRIDES ***/
.navbar {
  border: none;
  margin: 0;
  padding: 0;
  min-height: 0; }

.navbar-collapse {
  padding-left: 0;
  padding-right: 0; }

.navbar-nav > li > a {
  text-shadow: none; }

.navbar-nav > li > a {
  line-height: 1.42857; }

.nav > li > a:hover {
  background-color: #FFFFFF; }

.nav > li > a:focus {
  background-color: transparent; }

/*** Public Portfolio Nav Styles ***/
.navCallout {
  color: #fff;
  font-size: 20px;
  margin-top: 6px; }

/*** Flat Nav Styles ***/
.navbar-toggle {
  float: none; }

/*** CUSTOM COLLAPSED STUFF ***/
@media (max-width: 991px) {
  .container,
  #container {
    max-width: none !important;
    width: 991px; } }

@media (min-width: 992px) {
  .navbar-header {
    display: none; }
  .container,
  #container {
    min-width: 992px; } }