@charset "UTF-8";
/* CSS Document */


/* Style the navigation menu */
.topnav {
  overflow: hidden;
  background-color: #333;
  height: auto;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 0em;
  text-decoration: none;
  font-size: 17px;
  display: block;
  width: 100%;
  height: 2em;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #04AA6D;
  color: white;
  /*background-image: url("../media-sitewide/nav_bar/menu-icon.png");*/
  /*background-repeat: no-repeat;*/
}



nav {
    width: auto;
    height: auto;
    margin-top: 0.6em;
	margin-left: 1.25em;
    z-index: 50;
    position: relative;
    float: left;
    /*clear: both;*/
	font-family: "Exo 2", sans-serif;
    font-size: 1em;
	font-weight: 500;
	/*z-index: 1;*/
}
@media only screen and (max-width: 36em) {
    nav {	
	font-size: 1.05em;
    }
}
@media only screen and (max-width: 38em) {
    .nav-wide-only-link {	
	display: none;
    }
}
nav ul {
	list-style: none;
	position: relative;
	display: inline-table;
	padding: 0em;
	margin: 0em;
}
nav ul li {
	float: left;
}
	
nav ul li a {
	display: block;
	padding: 0.3em;
    padding-top: 0.2em;
    margin-right: 2px;
	color: #19BAD9;
	text-decoration: none;
    background-color: #373737;
}
@media only screen and (max-width: 36em) {
    nav ul li a {
    padding-left: 0.4em;
    padding-right: 0.4em;
	padding-top: 0.2em;
    padding-bottom: 0.2em;
    }
}
nav ul li:hover a {
	color: #fff;
    background-color: #F3CC40;
}