* {
   margin: 0;
   padding: 0;
}

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

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

#Menu1a {
   display: none;
}

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

#menhm {
   list-style-type: none;
   float: left;
   margin: 0;
   padding: 0;
   width: 4%;
   height: 25px;
   color: #244C80;
   box-sizing: border-box;
   border-left: 1px #244C80 solid;
   background-image: url('../images/cloudsbiglighter.jpg');
}

#menhm img {
   width: 100%;
   height: 25px;
}

.lev1, .lev1last {
   list-style-type: none;
   float: left;
   margin: 0;
   padding: 0;
   width: 12%;
   height: 25px;
   color: #244C80;
   box-sizing:border-box;
   border-left:1px #244C80 solid;
   font-size: 10pt;
   background-image: url(../images/cloudsbiglighter.jpg);
}

.lev1:hover, .lev1last:hover, #menhm:hover {
   background-image: url(../images/cloudsbigdarker.jpg);
}

.lev1 > div, .lev1last > div {
      text-decoration: none;
      color:#244C80;
}

.lev1:hover .ar {
   color: white;
}

.lev2wrap {
   height:0px;
   overflow:hidden;
   transition:height .5s ease;
}

.lev2, .lev3 {
   margin: 0;
   padding: 0px;
   width: 100%;
   height: auto;
   display:block;
   text-align: left;
   color: #244C80;
   position: relative;
   background-image: url(../images/cloudsbiglighter.jpg);
   list-style-type: none;
   font-size: 11pt;
   font-weight: normal;
}

.lev2 a, .lev3 a {
   padding: 0px 0px 0px 4px;
}

.lev2 li:hover {
   background-image: url(../images/cloudsbigdarker.jpg);
}

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

.lev2 li, .lev3 li {
   border: 1px #244C80 solid;
   background-image: url(../images/cloudsbiglighter.jpg);
   height: 25px;
}

.ar, .arsm {
   line-height: 25px;
   background-image: url(../images/light_arrow_down.gif);
   background-repeat: no-repeat;
   background-position: 3% center;
   padding-left:15px;
   overflow: hidden;
}

.arsm {
   display:none;
}

.arr {
   width: 100%;
   line-height: 25px;
   background-image: url(../images/light_arrow_right.gif);
   background-repeat: no-repeat;
   background-position: 98%;
   color: white;
}

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

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

.ar {
   padding-left:13px;
}
}

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

.lev2 {
   font-size:9pt;
}

.ar {
   display:none;
}

.arsm {
   padding-left:13px;
   display:inline-block;
}
}

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

.arsm {
   display:none;
}

.ar {
   display:block;
   width:100%;
   text-align:center;
}

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

#menhm {
   text-align: center;
}

#menhm img{
   width: 30px;
}

.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;
}
}