body{margin:0em;}
#menButCont{
display:-webkit-box;
display:-ms-flexbox;
display:flex; 
position:absolute; 
height:0em; 
float: right;
width: 100%; 
-webkit-box-pack: end; 
-ms-flex-pack: end; 
justify-content: flex-end; 
visibility: hidden;
}
.menuCont{
position:absolute;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
height:auto;
top:0;
z-index:10;
}
nav{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
z-index:9;

}
.FixMenu{
position: relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:100%;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
margin: 0% 6.25% 0 0%;
z-index:8;
}
.menu{
position:relative;
-webkit-align-self:flex-start;
-ms-flex-item-align:start;
align-self:flex-start;
max-height:2.5em;
text-align:right;
margin: 0.4em 0em 0.5em 1em;	
white-space: nowrap;
z-index:6;
}
a.anchorText{
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-align-self:flex-start;
-ms-flex-item-align:start;
align-self:flex-start;
color:blue;text-decoration:none;
font-size:1em;
padding:0em 1em 0em 0em;
line-height:2.1em;
z-index:5;

}
a.anchorText:link, a.anchorText:visited{}
a.anchorText:hover {
line-height:2em;
border-bottom-color:#448BFF;
border-bottom-style:solid;
border-bottom-width:medium;
}
#FixMenuBd{
position:relative;
width: 120px;
z-index:22;
float:left;
}
.menuBd{
position:relative;
left:0px;
top:0px;
height:25px;
max-height:25px;
width:120px;
text-align:left;
text-transform:capitalize;
}
a.anchorTextBd:link 	{color: white; text-decoration:none; font-size:13px; width:120px;}
a.anchorTextBd:visited 	{color: white; text-decoration:none; font-size:13px; width:120px;}
a.anchorTextBd:hover 	{color: white; text-decoration:none; font-size:13px; width:120px;}

/* Note the following section is for a min-width. It addresses widths above 1399 and is tested up to 2000 */
@media only screen and (min-width:1399px){}
@media only screen and (max-width:1190px){}
@media only screen and (max-width:1024px){}
@media only screen and (max-width:792px){ }

/* The following line(s) is for iPad Air and any 768 devices*/
@media only screen and (max-width:771px){
#menButCont{position:relative; height:3em;visibility: visible;}
.menHamb{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:3.125em; padding-top:0.6em;}
nav{
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end; 
-webkit-align-self:flex-start; 
-ms-flex-item-align:start; 
align-self:flex-start;
width: 100%;
}

.FixMenu{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; margin:0;}
.menuCont{
height:auto;
-webkit-align-self:flex-start;
-ms-flex-item-align:start;
align-self:flex-start;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
background-color:#CCCCCC;
z-index:10;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; 
margin-top: -15.9em;
opacity:0.6;
max-width:100%;
}

.menu{
position:relative;
height:2em;
text-transform:uppercase;
color:#ffffff;
text-decoration:none;	
padding:0.625em 2% 0em 0em;
margin:0em 1.25em 0em 0em;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
width:98%;
background-color:#103085;
}

.menu:hover, .menu:focus, .menu:active{
-webkit-transition-property:background-color 0.5s ease 0s;
-o-transition-property:background-color 0.5s ease 0s;
transition-property:background-color 0.5s ease 0s; 
background-color:#3050a5;
-webkit-transition:border-bottom 1s ease 0s;
-o-transition:border-bottom 1s ease 0s;
transition:border-bottom 1s ease 0s;
border-bottom-color:#448BFF; 
border-bottom:medium; 
border-bottom-style:solid;
visibility:visible;
}

.menuCont:hover, .menuCont:focus, .menuCont:active{
-webkit-transition:margin-top 0.5s ease-in-out 0s;
-o-transition:margin-top 0.5s ease-in-out 0s;
transition:margin-top 0.5s ease-in-out 0s; 
margin-top: 0em; 
-webkit-box-orient: vertical; 
-webkit-box-direction: normal; 
-ms-flex-direction: column; 
flex-direction: column;
}
a.anchorText:link, a.anchorText:visited, a.anchorText:hover{
width:100%;
-webkit-align-self:flex-start;
-ms-flex-item-align:start;
align-self:flex-start;
color:white;
text-decoration:none;
font-size:1em;
padding:0em 1em 0em 0em;
}
}
@media only screen and (max-width:600px){}
/* The following lines is for visual effect when reducing on the fly*/
@media only screen and (max-width:400px){}