header {
  font-family: "Lato", Arial, san-serif;
  background-color: white;
  color: white;
  width: 100%;
  overflow: hidden;
  padding-bottom: 5%; }
  header a {
    text-decoration: none;
    color: white; }
  header ul {
    margin: 0;
    padding: 0;
	 /* HAS NO EFFECT background-color: #cccccc; */
    list-style-type: none; }
  @media (min-width: 40.0625em) {
    header {
        background-color: rgba(49, 49, 49, 0); 
	    /* background-color: #00539f; */
      padding: 0;
      color: #929292; }
      header a {
        color: #929292; } }
		
		
  header .utility-nav {
    padding: 2% 5% 5% 5%;
    text-transform: uppercase;
	background-color: #999999; 
    overflow: hidden;
    font-size: 0.6875em; }
    @media (min-width: 40.0625em) {
      header .utility-nav {
           background-color: rgba(255, 255, 255, 0.95); 
		/* background-color: #00539f; */
        padding: 0 2.5%;
        margin: 0 0 0 1em;
        border-bottom: #fbfbfb solid 1px;
        max-width: 95%;
        margin: 0 auto; }
        header .utility-nav .shift-right {
          float: right;
          width: 78em; } }
    header .utility-nav ul li {
      float: left; 
	  	/*width: 125px !important; */
	  /* display: inline; */}
	  
	  
      header .utility-nav ul li a {
         /* display: block;  */
/*width: auto; */
/* */
        padding: 5em 0; }
        @media (min-width: 40.0625em) {
          header .utility-nav ul li a {
            padding: 1em;
            margin: 0.25em 1em 0 0;
            -webkit-transition: color 0.2s ease;
            -moz-transition: color 0.2s ease;
            -o-transition: color 0.2s ease;
            transition: color 0.2s ease; }
            header .utility-nav ul li a:hover {
              color: #0053a0; } }
      header .utility-nav ul li + li {
        margin: 0 0 0 1em; }
        @media (min-width: 40.0625em) {
          header .utility-nav ul li + li {
            margin: inherit; } }
      header .utility-nav ul li ul {
        display: none;
        z-index: 9999;
        position: absolute;
        margin: 0;
        padding: 0;
        width: 7.5em; }
        header .utility-nav ul li ul li {
          clear: left;
          /* width: 100%; */
		  width: 120px;
		  
          padding: .125em .625em;
          background-color: #929292;
          -webkit-transition: background-color 0.2s ease;
          -moz-transition: background-color 0.2s ease;
          -o-transition: background-color 0.2s ease;
          transition: background-color 0.2s ease; }
          header .utility-nav ul li ul li:hover {
            background-color: #a8aaad; }
          header .utility-nav ul li ul li a {
            color: white;
            text-decoration: none;
            width: 100%;
            display: block;
            padding: .125em; }
            header .utility-nav ul li ul li a:hover {
              color: white; }
      @media (min-width: 40.0625em) {
        header .utility-nav ul li:hover > ul {
          display: block; } }
		  

	header .utility-nav .utility-search {
      padding: 0 0 0 0;
      clear: both;
      max-width: 300px;
      min-width: 10em;
     /* max-width: 100%;
      min-width: 20em; */
	  color: #444444;
      margin: 0 auto; }
	  
	
	
	

	

  header .primary-nav {
    float: left;
    width: 45%;
    border-right: #505050 solid 1px;
    padding: 2.5%;
    text-align: right;
    text-transform: capitalize;
    font-size: 0.875em;
    line-height: 2.25em; }
	
    @media (min-width: 40.0625em) {
      header .primary-nav {
        float: none;
        width: 100%;
        border: none;
        text-align: left;
        padding: 0;
        background-color: white; 
		/* background-color: #00539f; */  /* this makes top nav invisible! */
		} }
		
    @media (min-width: 64.0625em) {  /* min-width 1025px, large screens */
      header .primary-nav .wrapper {
        margin: 0 auto;
        overflow: hidden;
		
        width: 71em; } }
		
    @media (min-width: 90.0625em) {  /* min-width 1441px, xlarge screens */
      header .primary-nav .wrapper {
        width: 90em;
        margin: 0 auto;

		} }
    header .primary-nav .wrapper .primary-logo {
      display: none; }
	  
      @media (min-width: 40.0625em) {   /* min-width 641px, medium screens  */
        header .primary-nav .wrapper .primary-logo {
          display: inherit;
          width: 25em;
          text-align: center;
          margin: 0 auto;
		  
          padding: 2em 0; }
          header .primary-nav .wrapper .primary-logo a {
            width: 100%;
            display: block;
            background-image: url("https://www.tnstate.edu/images/v3/tsulogo.svg");
            background-size: cover;
            padding: 0;
            padding-bottom: 17%;
            text-indent: -500em; } }
			
      @media (min-width: 64.0625em) {  /* min-width 1025px, large screens */
        header .primary-nav .wrapper .primary-logo {
          float: left;
          width: 28.45%;
          box-sizing: border-box;
          padding: 0.875em 1.875em; }
          header .primary-nav .wrapper .primary-logo a {
            padding-bottom: 12%; } }
			
      @media (min-width: 90.0625em) {
        header .primary-nav .wrapper .primary-logo a {
          padding-bottom: 16%; } }
		  
    @media (min-width: 40.0625em) {
      header .primary-nav .wrapper nav {
        width: 39.5em;
		/* background-color: #000000; */
		padding-top: 60px; /*added 2019_0315 to pull primary down from utility)  */
        margin: 0 auto; } }
		
    @media (min-width: 64.0625em) {
      header .primary-nav .wrapper nav {
        width: 71.55%;
        box-sizing: border-box;
        float: left; } }
	
    header .primary-nav .wrapper nav ul {
      list-style: none; }
      @media (min-width: 40.0625em) {  /* min-width 641px, medium screens  */
        header .primary-nav .wrapper nav ul li {
          float: left;
          display: inline;
          text-align: center;
		  
          font-size: 1em; } }
      @media (min-width: 64.0625em) {  /* min-width 1025px, large screens */
        header .primary-nav .wrapper nav ul li {
          font-size: 1.125em; } }
      header .primary-nav .wrapper nav ul li div.megamenu {
        display: none;
        color: #505050;
        font-family: "Lora", Times New Roman, serif;
        line-height: 1.25em;
        position: absolute;
        z-index: 9999;
        margin: 0 auto;
        left: 0;
        width: 100%; }

        header .primary-nav .wrapper nav ul li div.megamenu div.menu-shift {
          margin: 0 auto;
          width: 100%;
          overflow: hidden; }

          @media (min-width: 64.0625em) {
            header .primary-nav .wrapper nav ul li div.megamenu div.menu-shift {
              width: 65em;
              margin: 0 auto;
              font-size: .875em; } }
			  
          @media (min-width: 90.0625em) {
            header .primary-nav .wrapper nav ul li div.megamenu div.menu-shift {
              width: 90em; } }
			
		@media (min-width: 1px) and (max-width: 800px) {
        header .primary-nav .wrapper nav ul li div.megamenu div.mega-container nav ul li a {
                -webkit-transition: color 0.2s ease;
                -moz-transition: color 0.2s ease;
                -o-transition: color 0.2s ease;
                transition: color 0.2s ease;
                border: none;
                color: #0053a0;
		 }	}
	
			  
			  
        header .primary-nav .wrapper nav ul li div.megamenu div.mega-container {
          overflow: hidden;
          background: white; 
          border-bottom: solid 4px #0053a0;
          padding: 1em .5em;
          width: 100%;
          float: left; }
          @media (min-width: 64.0625em) {
            header .primary-nav .wrapper nav ul li div.megamenu div.mega-container {
              width: 48em;
              float: right; } }
          @media (min-width: 90.0625em) {
            header .primary-nav .wrapper nav ul li div.megamenu div.mega-container {
              width: 65.375em; } }
          header .primary-nav .wrapper nav ul li div.megamenu div.mega-container nav {
            font-family: "Lato", Arial, san-serif;
            float: left;
            width: 33%;
            border-right: solid 1px #e6e7e8;
            padding: 0 1em 0 0; }
            header .primary-nav .wrapper nav ul li div.megamenu div.mega-container nav ul li {
              clear: left;
              width: 100%;
              text-align: right; }
			  

			  
			  
			  
              header .primary-nav .wrapper nav ul li div.megamenu div.mega-container nav ul li a {
                -webkit-transition: color 0.2s ease;
                -moz-transition: color 0.2s ease;
                -o-transition: color 0.2s ease;
                transition: color 0.2s ease;
                border: none;
                color: #0053a0;
                padding: .5em; }
				
			
				
				
                header .primary-nav .wrapper nav ul li div.megamenu div.mega-container nav ul li a:hover {
                  background: white;
                  color: #505050; }
              header .primary-nav .wrapper nav ul li div.megamenu div.mega-container nav ul li h1 {
                margin: 0;
                padding: .5em .5em .25em;
                color: #505050;
                font-size: 1em;
                font-weight: bold;
                text-transform: uppercase; }
              header .primary-nav .wrapper nav ul li div.megamenu div.mega-container nav ul li + li h1 {
                padding-top: 1.25em; }
          header .primary-nav .wrapper nav ul li div.megamenu div.mega-container div {
            float: left;
            max-width: 60%;
            padding: 0 0 0 1.5em; }
            header .primary-nav .wrapper nav ul li div.megamenu div.mega-container div p {
              font-size: 1.1428571429em;
              line-height: 1.5em;
              max-width: 85%;
              padding-top: .125em;
              margin-top: 0;
              text-transform: none;
              text-align: left; }
              @media (min-width: 64.0625em) {
                header .primary-nav .wrapper nav ul li div.megamenu div.mega-container div p {
                  line-height: 1.375em; } }
			
@media (max-width:768px) {
    header .primary-nav .wrapper nav ul li a {
         
		   color: #0053a0;
    }
}
			
      @media (min-width: 40.0625em) {
        header .primary-nav .wrapper nav ul li a {
          padding: 1em .6em .75em;
          border-bottom: white solid 4px;
          color: #0053a0; */
		  /* background-color: orange; */
          display: block; } }
      @media (min-width: 64.0625em) {
        header .primary-nav .wrapper nav ul li a {
			/* color: black; */
          padding: 1.875em .755em; } }
      @media (min-width: 90.0625em) {
        header .primary-nav .wrapper nav ul li a {
          padding: 2.5em 1.625em; } }
      @media (min-width: 40.0625em) {
        header .primary-nav .wrapper nav ul li a:hover {
          /* fallback */
          background-color: #2c73b6;
          /* Mozilla Firefox */
          background-image: -moz-linear-gradient(#7fa7cf, #2c73b6);
          /* Opera */
          background-image: -o-linear-gradient(#7fa7cf, #2c73b6);
          /* Webkit (Safari 4+, Chrome 1+) */
          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7fa7cf), color-stop(1, #2c73b6));
          /* Webkit (Chrome 11+) */
          background-image: -webkit-linear-gradient(#7fa7cf, #2c73b6);
          /* IE10 */
          background-image: -ms-linear-gradient(#7fa7cf, #2c73b6);
          /* W3C */
          background-image: linear-gradient(#7fa7cf, #2c73b6);
          color: white;
          border-bottom: #0053a0 solid 4px; } }
      @media (min-width: 40.0625em) {
        header .primary-nav .wrapper nav ul li:hover > div.megamenu {
          display: block; } }
      @media (min-width: 40.0625em) {
        header .primary-nav .wrapper nav ul li + li {
          margin: 0 0 0 1px; } }
		  


  header .secondary-nav {
    float: left;
    padding: 2.5%;
    text-transform: capitalize;
    font-size: 0.875em;
    line-height: 2.25em;
    width: 44%;
    border: none;
    text-align: left; }
    @media (min-width: 40.0625em) {
      header .secondary-nav {
        clear: left;
        background: #505050;
        color: white;
        width: 100%;
        margin: 0;
        padding: 0; } }
    @media (min-width: 40.0625em) {
      header .secondary-nav .wrapper {
        margin: 0 auto;
        overflow: hidden;
        width: 44.5em; } }
    @media (min-width: 90.0625em) {
      header .secondary-nav .wrapper {
        width: 48em;
        margin: 0 auto; } }
    @media (min-width: 40.0625em) {
      header .secondary-nav .wrapper nav {
        margin: 0;
        padding: 0; } }
    @media (min-width: 40.0625em) {
      header .secondary-nav .wrapper nav ul li {
        display: inline;
        float: left; } }
    header .secondary-nav .wrapper nav ul li div.megamenu {
      display: none;
      color: #505050;
      font-family: "Lora", Times New Roman, serif;
      line-height: 1.25em;
      position: absolute;
      z-index: 9999;
      margin: 0 auto;
      left: 0;
      width: 100%; }
      header .secondary-nav .wrapper nav ul li div.megamenu div.mega-container {
        width: 100%;
        background-color: white;
        border-bottom: solid 4px #0053a0;
        padding: 1em .5em;
        overflow: hidden; }
        @media (min-width: 90.0625em) {
          header .secondary-nav .wrapper nav ul li div.megamenu div.mega-container {
            max-width: 48em;
            margin: 0 auto; } }
        header .secondary-nav .wrapper nav ul li div.megamenu div.mega-container nav {
          font-family: "Lato", Arial, san-serif;
          float: left;
          width: 33%;
          border-right: solid 1px #e6e7e8;
          padding: 0 1em 0 0; }
          header .secondary-nav .wrapper nav ul li div.megamenu div.mega-container nav ul li {
            clear: left;
            width: 100%;
            text-align: right; }
            header .secondary-nav .wrapper nav ul li div.megamenu div.mega-container nav ul li a {
              -webkit-transition: color 0.2s ease;
              -moz-transition: color 0.2s ease;
              -o-transition: color 0.2s ease;
              transition: color 0.2s ease; }
              header .secondary-nav .wrapper nav ul li div.megamenu div.mega-container nav ul li a:hover {
                background: white;
                color: #505050; }
        header .secondary-nav .wrapper nav ul li div.megamenu div.mega-container div {
          float: left;
          max-width: 60%;
          padding: 0 0 0 1.5em; }
          header .secondary-nav .wrapper nav ul li div.megamenu div.mega-container div p {
            font-size: 1.1428571429em;
            line-height: 1.5em;
            max-width: 85%;
            padding-top: .125em;
            margin-top: 0;
            text-transform: none; }
            @media (min-width: 64.0625em) {
              header .secondary-nav .wrapper nav ul li div.megamenu div.mega-container div p {
                line-height: 1.375em; } }
    @media (min-width: 40.0625em) {
      header .secondary-nav .wrapper nav ul li + li {
        margin: 0 0 0 2px; } }
    header .secondary-nav .wrapper nav ul li a {
      color: white; }
      @media (min-width: 40.0625em) {
        header .secondary-nav .wrapper nav ul li a {
          padding: .5em .875em;
          text-transform: uppercase;
          font-size: .75em;
          display: block; } }
      @media (min-width: 90.0625em) {
        header .secondary-nav .wrapper nav ul li a {
          padding: .5em 1.25em; } }
    @media (min-width: 40.0625em) {
      header .secondary-nav .wrapper nav ul li:hover {
        /* fallback */
        background-color: #a8aaad;
        /* Mozilla Firefox */
        background-image: -moz-linear-gradient(#e6e7e8, #a8aaad);
        /* Opera */
        background-image: -o-linear-gradient(#e6e7e8, #a8aaad);
        /* Webkit (Safari 4+, Chrome 1+) */
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e6e7e8), color-stop(1, #a8aaad));
        /* Webkit (Chrome 11+) */
        background-image: -webkit-linear-gradient(#e6e7e8, #a8aaad);
        /* IE10 */
        background-image: -ms-linear-gradient(#e6e7e8, #a8aaad);
        /* W3C */
        background-image: linear-gradient(#e6e7e8, #a8aaad); } }
    @media (min-width: 40.0625em) {
      header .secondary-nav .wrapper nav ul li:hover a {
        color: #0053a0; } }
    @media (min-width: 40.0625em) {
      header .secondary-nav .wrapper nav ul li:hover > div.megamenu {
        display: block; } }

		
		
		
		
		
		
header .secondary-nav-blue  {
    float: left;
    padding: 2.5%;
    text-transform: capitalize;
    font-size: 0.875em;
    line-height: 0.25em;
    width: 44%;
    border: none;
    text-align: left; }
    @media (min-width: 40.0625em) {
      header .secondary-nav-blue  {
        clear: left;
        background: #2c73b6;
        color: white;
        width: 100%;
        margin: 0;
        padding: 0; } }
    @media (min-width: 40.0625em) {
      header .secondary-nav-blue  .wrapper {
        margin: 0 auto;
        overflow: hidden;
        width: 44.5em; } }
    @media (min-width: 90.0625em) {
      header .secondary-nav-blue  .wrapper {
        width: 48em;
        margin: 0 auto; } }
    @media (min-width: 40.0625em) {
      header .secondary-nav-blue  .wrapper nav {
        margin: 0;
        padding: 0; } }
    @media (min-width: 40.0625em) {
      header .secondary-nav-blue  .wrapper nav ul li {
        display: inline;
        float: left; } }
    header .secondary-nav-blue  .wrapper nav ul li div.megamenu {
      display: none;
      color: #003399;
      font-family: "Lora", Times New Roman, serif;
      line-height: 1.25em;
      position: absolute;
      z-index: 9999;
      margin: 0 auto;
      left: 0;
      width: 100%; }
      header .secondary-nav-blue  .wrapper nav ul li div.megamenu div.mega-container {
        width: 100%;
        background-color: white;
        border-bottom: solid 4px #0053a0;
        padding: 1em .5em;
        overflow: hidden; }
        @media (min-width: 90.0625em) {
          header .secondary-nav-blue  .wrapper nav ul li div.megamenu div.mega-container {
            max-width: 48em;
            margin: 0 auto; } }
        header .secondary-nav-blue  .wrapper nav ul li div.megamenu div.mega-container nav {
          font-family: "Lato", Arial, san-serif;
          float: left;
          width: 33%;
          border-right: solid 1px #e6e7e8;
          padding: 0 1em 0 0; }
          header .secondary-nav-blue  .wrapper nav ul li div.megamenu div.mega-container nav ul li {
            clear: left;
            width: 100%;
            text-align: right; }
            header .secondary-nav-blue  .wrapper nav ul li div.megamenu div.mega-container nav ul li a {
              -webkit-transition: color 0.2s ease;
              -moz-transition: color 0.2s ease;
              -o-transition: color 0.2s ease;
              transition: color 0.2s ease; }
              header .secondary-nav-blue  .wrapper nav ul li div.megamenu div.mega-container nav ul li a:hover {
                background: white;
                color: #003399; }
        header .secondary-nav-blue  .wrapper nav ul li div.megamenu div.mega-container div {
          float: left;
          max-width: 60%;
          padding: 0 0 0 1.5em; }
          header .secondary-nav-blue  .wrapper nav ul li div.megamenu div.mega-container div p {
            font-size: 1.1428571429em;
            line-height: 1.5em;
            max-width: 85%;
            padding-top: .125em;
            margin-top: 0;
            text-transform: none; }
            @media (min-width: 64.0625em) {
              header .secondary-nav-blue  .wrapper nav ul li div.megamenu div.mega-container div p {
                line-height: 1.375em; } }
    @media (min-width: 40.0625em) {
      header .secondary-nav-blue  .wrapper nav ul li + li {
        margin: 0 0 0 2px; } }
    header .secondary-nav-blue  .wrapper nav ul li a {
      color: white; }
      @media (min-width: 40.0625em) {
        header .secondary-nav-blue  .wrapper nav ul li a {
          padding: .5em .875em;
          text-transform: uppercase;
          font-size: .75em;
          display: block; } }
      @media (min-width: 90.0625em) {
        header .secondary-nav-blue  .wrapper nav ul li a {
          padding: .5em 1.25em; } }
    @media (min-width: 40.0625em) {
      header .secondary-nav-blue  .wrapper nav ul li:hover {
        /* fallback */
        background-color: #a8aaad;
        /* Mozilla Firefox */
        background-image: -moz-linear-gradient(#e6e7e8, #a8aaad);
        /* Opera */
        background-image: -o-linear-gradient(#e6e7e8, #a8aaad);
        /* Webkit (Safari 4+, Chrome 1+) */
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e6e7e8), color-stop(1, #a8aaad));
        /* Webkit (Chrome 11+) */
        background-image: -webkit-linear-gradient(#e6e7e8, #a8aaad);
        /* IE10 */
        background-image: -ms-linear-gradient(#e6e7e8, #a8aaad);
        /* W3C */
        background-image: linear-gradient(#e6e7e8, #a8aaad); } }
    @media (min-width: 40.0625em) {
      header .secondary-nav-blue  .wrapper nav ul li:hover a {
        color: #0053a0; } }
    @media (min-width: 40.0625em) {
      header .secondary-nav-blue  .wrapper nav ul li:hover > div.megamenu {
        display: block; } }		
		
			  
		  
	  
		
		
.mobile-header {
  clear: both;
  width: 100%;
  text-align: center;
/*  background-color: black;  -- makes background of logo black */
  border-bottom: solid 1px #fbfbfb;
  overflow: hidden; }
  .mobile-header .mobile-logo {
    width: 79%;
    float: left;
    padding: 5% 3%; }
    .mobile-header .mobile-logo img {
      width: 80%; }
  .mobile-header .toggle-mobile {
    width: 12%;
    float: right;
    padding: 11% 7% 6% 0%; }
  /* @media (min-width: 40.0625em) { */
  @media (min-width: 800px) and (max-width: 2959px) {
    .mobile-header {
	display: none;  } 	  }