﻿/*! responsive-nav.js 1.0.39 by @viljamis */

.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none; 
}

.nav-collapse li {
  width: 88%;
  display: block;
  background:url(../images/nav.png) no-repeat; padding: 9px 0 9px 23px;margin:1px 0 1px 4px; 
}
.nav-collapse li a{color:#666; font-weight:bold; font-size:13px; display:block; }
.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}


.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  background:url(../images/nav-icon.png) no-repeat 98% center #02B5ED; padding:10px; color:#fff; display:block; border-radius:5px; margin:2px 0; text-transform:uppercase; font-weight:bold; font-size:15px;  text-align:center;
}

.menu_list {    width: 96%;
    margin-left: 5px;
    margin: 10px 0 12px 0;}
.menu_head {position: relative;margin:1px 0;  font-weight:bold;   }
.menu_head a{text-decoration: none;
    font-weight: bold;
    display: block;
    padding: 6px 0px 6px 12px;
    /* background: url(../images/nav.png) no-repeat; */
    background: #edfcff;
    background: -moz-linear-gradient(top, #edfcff 0%, #cff0f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edfcff), color-stop(100%,#cff0f7));
    background: -webkit-linear-gradient(top, #edfcff 0%,#cff0f7 100%);
    background: -o-linear-gradient(top, #edfcff 0%,#cff0f7 100%);
    background: -ms-linear-gradient(top, #edfcff 0%,#cff0f7 100%);
    background: linear-gradient(to bottom, #edfcff 0%,#cff0f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edfcff', endColorstr='#cff0f7',GradientType=0 );
    border-radius: 5px;
    border: 1px #6aacba solid;
    color: #043f72;
    margin: 2px 0;
    text-transform:uppercase;
}
.menu_head h1{text-decoration: none;
	font-size:12px;
    font-weight: bold;
    display: block;
    padding: 6px 0px 6px 12px;
    /* background: url(../images/nav.png) no-repeat; */
    background: #edfcff;
    background: -moz-linear-gradient(top, #edfcff 0%, #cff0f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edfcff), color-stop(100%,#cff0f7));
    background: -webkit-linear-gradient(top, #edfcff 0%,#cff0f7 100%);
    background: -o-linear-gradient(top, #edfcff 0%,#cff0f7 100%);
    background: -ms-linear-gradient(top, #edfcff 0%,#cff0f7 100%);
    background: linear-gradient(to bottom, #edfcff 0%,#cff0f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edfcff', endColorstr='#cff0f7',GradientType=0 );
    border-radius: 5px;
    border: 1px #6aacba solid;
    color: #043f72;
    margin: 2px 0;
    text-transform:uppercase;
}






.menu_body {display:none;}
.menu_body a{ display:block;  color:#666; background-color:#fff;  padding:8px 0px 8px 25px;;  font-weight:bold;  text-decoration:none; border-radius:5px; margin-bottom:1px }
.menu_body a:hover{ /*color: #fff; background-color:#015637*/ }

@media screen and (min-width: 62.5em) {

  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
  

}
@media screen and (max-width: 1000px) {
.menu_list {width: 98.5%;}
.menu_head a{padding: 8px 0px 8px 25px;}
@media screen and (max-width: 350px) {
.menu_list {width: 97%;}	
	}