/*Menu icon by Timothy Miller courtesy of iconfinder*/



a{font:normal 15px/50px 'muli', sans-serif ;}
a{text-decoration:none}
a{transition:color 0}

.menu a{transition: background-color 0.3s}
.menu a.selected, .menu a.selected:hover{background-color:#5C5041; color:#fff;}
.menu a:hover{background-color:#464034;transition: background-color 0.5s}
.menu a {padding:15px 20px 16px 20px; border-right:1px solid #4d4337}


.menu {
  color:#f0f0f0;
  min-height:50px;
  background-color:#3A3229/*346698*/;
  border:solid #d0d0d0;
  border-width:1px 0}


.menu {
position:relative;
  top: 0;
  left: 0;
  right: 0;
  z-index:99;
}


.menu ul {
  transition: max-height 1.5s ease-in-out;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size:0;
}
.menu li  {
  /*transition: visibility .25s linear;*/
  display: inline-block;
  padding: 0 ;
  margin: 0 0 0 0;
  
}

.menu li a{color:inherit; text-decoration:inherit;}

/*.menu .navcon {border:1px solid #346698;border-radius:4px;}*/

#nav-check{visibility:hidden; position:absolute; top:-100px}

@media (max-width: 1050px) {
	.menu{border-width:0px}
	
  .menu ul {
    position:relative;
    left:0;
 	/*padding:25px 0 25px 0;*/
    max-height: 0;
    overflow: hidden;
    margin: 0 60px 0 20px;
	top:10px;
	text-align:left;
	padding-bottom:10px;
  }
  
  .menu li {
    visibility: hidden; transition: visibility 1.5s;
    display: block;
	margin:0;
    padding: 8px 20px 2px 10px;
    border-bottom:solid 1px #ccc;
		
  }
  
  .menu li:last-child {border:none;
}
  
  .menu li a {padding: 6px 18px 6px 16px; line-height:30px; border:none;}
  
  .menu .navcon {
  display: block; background-image:url(../SiteImages/3-bar.png); background-repeat:no-repeat; background-size:contain; width:28px;
height:28px;  }
 
 .menu .navcon:hover{border-color:#ddd;}
 .menu .navcon:hover, .menu .navcon{transition:border-color 0.5s}
 
 
  #nav-check:checked + .menu ul {
    max-height: 480px; padding-bottom:14px;
  }
  #nav-check:checked + .menu li {
    visibility: visible;
  }
 
 /*:before class can be used if needing to change label content through css
 #nav-check:checked + .menu .navcon:before{color:#ccc;}*/
 #nav-check:checked + .menu .navcon{color:#ccd; background-image:url(../SiteImages/3-bar-pressed.png); /*border-color:#0D98C5*/}}
 #nav-check:checked + .menu .navcon:before {}


/*not size dependent*/

.nav-check {
  display: none; 
}

.navcon {
  display: none;
  cursor: pointer;
  position: relative;
}

.navcon:before {
  position:absolute;
  right:42px;
  top:1px;
  color:#e0e0e0;
  font-size:18px;
  content:'MENU';
}


.menu .navcon {
  position: absolute;
  top:11px;
  right: 26px;
  color:#e0e0e0;
  z-index: 10;
  padding:0;
  
}