nav {
/*  background-color:#2D8CF0;   */
    background: #B9C0C0;
    background: -moz-linear-gradient(top,  #f5f6f6 0%, #dbdce2 15%, #b8bac6 29%, #dddfe3 80%, #f5f6f6 100%);
    background: -webkit-linear-gradient(top,  #f5f6f6 0%,#dbdce2 15%,#b8bac6 29%,#dddfe3 80%,#f5f6f6 100%);
    background: -o-linear-gradient(top,  #f5f6f6 0%,#dbdce2 15%,#b8bac6 29%,#dddfe3 80%,#f5f6f6 100%);
    background: -ms-linear-gradient(top,  #f5f6f6 0%,#dbdce2 15%,#b8bac6 29%,#dddfe3 80%,#f5f6f6 100%);
    background: linear-gradient(to bottom,  #f5f6f6 0%,#dbdce2 15%,#b8bac6 29%,#dddfe3 80%,#f5f6f6 100%);

  width:100%;
  z-index: 10;
  height:36px;
  margin-bottom: 6px;
}

nav ul, nav li {
  list-style:none;
  margin:0;
  padding:0;
  z-index: 20;
  background: inherit;
}

nav p {
  line-height:  35px;
  height:35px;
  margin:0;
  padding:0;
}


nav a {
    display:block;
    width:100%;
	font-weight: 700;
	font-size:14px;
	line-height: 35px;
	color: #2E2E2E;
	text-decoration: none;
    outline:0;
}

.menu ul a {
   font-size:11px;
}

nav a:link {
	color: #2E2E2E;
}

nav li:hover,
nav p:hover {
/*  background-color: #0E6ACD;  */
    background: #868D8D;
    background: -moz-linear-gradient(top,  #dadcdc 0%, #c3c4c9 15%, #a6a7ae 29%, #c4c6ca 80%, #dadcdc 100%);
    background: -webkit-linear-gradient(top,  #dadcdc 0%,#c3c4c9 15%,#a6a7ae 29%,#c4c6ca 80%,#dadcdc 100%);
    background: -o-linear-gradient(top,  #dadcdc 0%,#c3c4c9 15%,#a6a7ae 29%,#c4c6ca 80%,#dadcdc 100%);
    background: -ms-linear-gradient(top,  #dadcdc 0%,#c3c4c9 15%,#a6a7ae 29%,#c4c6ca 80%,#dadcdc 100%);
    background: linear-gradient(to bottom,  #dadcdc 0%,#c3c4c9 15%,#a6a7ae 29%,#c4c6ca 80%,#dadcdc 100%);
}

nav a:hover,
nav a:visited:hover,
nav a:active {
  color: #FFFFFF;
  text-shadow: 1px 1px 1px #000;
 }

nav a:visited {
	color: #2E2E2E;
}

.menu ul {
   display:none;
   visibility:visible;
   z-index:30;
}

.menu ul li, .menu ul a {
  display:block;
}

.menu li.uparrow,
.menu li.downarrow {
    background:inherit;
 }
   nav p {
      display:none;
    }

   .menu > li {
      float:left;
      display:block;
      white-space: nowrap;
      text-align:center;
      padding: 0px 6px;
      border-right: 1px solid #FFFFFF;
      border-left: 1px solid #909EB6;
      position:relative;
     }

   .menu ul {
     position:absolute;
     top:26px;
     left:0px;
    }

   .menu ul > li {
     display:block;
     text-align:left;
     padding: 0px 10px;
/*     border-bottom: 1px solid #fff;  */
   }


@media only screen and (max-width: 710px) {
   nav * {
     border:0;
     padding:0;
     margin:0;
     border-bottom: 0px;
     border-left: 0px;
     position:relative;
      display:block;
   }

   nav {
     position:fixed;
     left:0px;
     top:0px;
     border-bottom: 2px solid #7A7A7A;
     box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
   }

   nav a {
     font-size: 15px;
     font-weight:700;
     text-transform: uppercase;
     text-align:left;
     line-height:35px;
   }

   .menu, .menu ul {
     display:none;
     position:relative;
     top:0px;
     left:0px;
   }
   .menu > li:last-child {
/*     display:none;
     visibility:hidden;*/
     border-bottom: 2px solid #7A7A7A;

   }

   .menu > li {
      float:none;
      display:block;
      white-space: nowrap;
      text-align:left;
      padding: 0px;
      border-right: 0px;
      position:relative;
    }

   .menu ul > li {
     border-bottom: 0px;
     height:39px;

   }



   .menu ul {
     position:relative;
     top:0px;
     left:0px;
    }

    .menu li, nav p {
      display:block;
      width:100%;
      background:inherit;
      text-align:left;
      border-top: 1px solid #7A7A7A;
    }

    nav p {
     padding-top:9px;
    }
    .menu > li,
    .menu  ul > li   {
       padding: 0px;
    }

    .menu > li > a {
      width:100%;
      display:block;
      height:35px;
      padding-left:30px;
    }

    .menu ul > li > a {
      width:100%;
      display:block;
      height:35px;
      padding-left: 50px;
/*      border-top: 1px solid #FFF; */

    }

    .menu li.downarrow {
      background-image:  url(../images/icons/down.png);
      background-repeat:no-repeat;
      background-position: right 10px top 10px;
    }


    .menu li.uparrow {
      background-image:  url(../images/icons/up.png);
      background-repeat:no-repeat;
      background-position: right 10px top 10px;
    }




}