/* Make the nav take up the whole body width, and give it some top and bottom
 * margin space */
    nav {
      width: 120%; padding-left: 75px; margin: 20px 0; }

/* Make the list of links take up the 70% of width of the nav */

    nav ul {
			width: 90%;
      list-style: none;
      overflow: hidden; }
    nav ul li {
      background: #754D41; 
      float: left;
      width: 12%; }
    nav ul li a {
      text-align: center;
      padding: 8px 0;
      display: block;
      width: 100%;
			/* Old browsers */
      background: #754D41; 
      /* background: #cdeb8e; */ /* Old browsers */
			/* background: #660066; background: -moz-linear-gradient(top,  #cdeb8e 0%, #b0ca34 100%); */ /* FF3.6+ */
			/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#754D41), color-stop(100%,#754D41)); */ /* Chrome,Safari4+ */
			/* background: -webkit-linear-gradient(top,  #754D41 0%,#754D41 100%); */ /* Chrome10+,Safari5.1+ */
      }
    nav ul li a,
    nav ul li a:focus,
    nav ul li a:visited,
    nav ul li a:hover,
    nav ul li a:active {
/*      color: white; */
			color: rgb(239,252,255);
      text-decoration: none; }
    nav ul li a:hover,
    nav ul li a:active {
      background: #660066; /* Old browsers */
      /* background: #754D41; */ /* Old browsers */
			/* background: -moz-linear-gradient(top,  #b0ca34 0%, #96c40d 100%); */ /* FF3.6+ */
			/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0ca34), color-stop(100%,#96c40d)); */ /* Chrome,Safari4+ */
			/* background: -webkit-linear-gradient(top,  #b0ca34 0%,#96c40d 100%); */ /* Chrome10+,Safari5.1+ */
			/* background: -o-linear-gradient(top,  #b0ca34 0%,#96c40d 100%); */ /* Opera 11.10+ */
				/* background: linear-gradient(to bottom,  #b0ca34 0%,#96c40d 100%); */ /* W3C, IE10+ */
      }
    nav ul li:first-child a {
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px; }
    nav ul li:last-child a {
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px; }