* {
   margin: 0;
   padding: 0;
}

.menucontainer a {
   text-decoration: none;
   color: #244C80;
   display: block;
   height:auto;
}

.menucontainer
{
   width: 100%;
   position: relative;
   text-align: left;
   height:auto;
}

#Menu1a {
   display: none;
}

#Menu1 {
   width: 100%;
   height: 25px;
   background-color: #244C80;
   position: absolute;
}

.lev1 {
   list-style-type: none;
   float: left;
   width: 20%;
   background-image: url(../images/cloudsbiglighter.jpg);
   color: #244C80;
   border: 1px #244C80 solid;
   cursor: pointer;
   box-sizing: border-box;
}

.lev1:hover {
   background-image: url(../images/cloudsbigdarker.jpg);
   color: white;
}

.lev1x, .lev1no {
   line-height: 25px;
   box-sizing:border-box;
   border-left:1px #244C80 solid;
   font-size: 12pt;
   padding-left: 20px;
}

.lev1x, .lev2x, .lev3x {
   background-image: url(../images/arrowdn.gif);
   background-position: 2% center;
   background-repeat: no-repeat;
}

.lev2, .lev3, .lev4 {
   height: auto;
   display:block;
   text-align: left;
   color: #244C80;
   position: relative;
   background-image: url(../images/cloudsbiglighter.jpg);
   list-style-type: none;
   font-size: 12pt;
   font-weight: normal;
   cursor: pointer;
   line-height: 25px;
   border: 1px #244C80 solid;
}

.lev2 {
   width: calc(100% - 1px);
}

.menexp {
   overflow: hidden;
   height: 0px;
   transition: height .6s ease; 
}

.lev3, .lev4 {
   width: calc(100% - 12px);
   margin-left: 14px;
}

.lev2:hover, .lev3:hover {
   background-image: url(../images/cloudsbigdarker.jpg);
   color: white;
}

.lev2no, .lev2x {
   padding-left: 25px;
 }

.lev3no, .lev3x, .lev4no {
   padding-left: 15px;
}

@media screen and (max-width: 960px) {
.lev2 {
   font-size:10pt;
   }

.lev1 div {
   font-size: 9pt;
}

}

@media screen and (max-width: 850px) {
.lev1 div {
   font-size:8pt;
}   

.lev2 {
   font-size:9pt;
}

}

@media screen and (max-width: 650px) {
#Menu1 {
   position: relative;
   height:0;
   overflow: hidden;
   transition:  height .6s linear;
}

.lev1 {
   float:none;
   width:100%;
   height:auto;
   border-bottom: 1px #244C80 solid;
}

.lev1 div {
   font-size:14pt;
}

.lev2 {
   margin-left:20px;
   font-size:10pt;
}

#Menu1a {
   display: block;
   height: 27px;
   background: #244C80;
   color: white;
   font-size: 18pt;
   text-align: center;
   border: 1px solid white;
}

#Menu1aspan {
   background-image: url('../images/arrowdn.gif');
   background-repeat: no-repeat;
   background-position: 3% center;
   display: block;
}
}