@charset "UTF-8";
ul.MenuBarHorizontal {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 105%;
    cursor: default;
    width: auto
}
ul.MenuBarActive {
    z-index: 1000
}
ul.MenuBarHorizontal li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 110%;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 17%;
    float: left;
}
ul.MenuBarHorizontal ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    position: absolute;
    left: -1000em;
	border:none;
	width: 100%;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
    left: auto;
	width:100%;
	visibility:visible;
}
ul.MenuBarHorizontal ul li {
    width:100%;
	font-size:95%;
}
ul.MenuBarHorizontal ul ul {
    position: absolute;
    margin: -5% 0 0 95%
}
ul.MenuBarHorizontal li ul {
	visibility:hidden;
	opacity:0;
	transition: visibility 0.5s linear, opacity 0.5s linear;
}
ul.MenuBarHorizontal li:hover ul {
	visibility:visible;
	opacity:1;
	transition-delay: 0s;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
    left: auto;
    top: 0
}
ul.MenuBarHorizontal a {
    display: block;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    color: #04004d;
    transition: background 0.3s ease-in;
	background: #8cb2cd;
	margin: auto 2%;
	padding: 6%;
	border: thin solid hsl(205, 61%, 44%);

}
ul.MenuBarHorizontal li:first-child a{ /*align first button*/
	margin-left:0%;
}
ul.MenuBarHorizontal li:last-child a{ /*align last button*/
	margin-right:0%;
}
ul.MenuBarSubmenuVisible li:first-child a{
	margin-left:2%;
}
ul.MenuBarSubmenuVisible li:last-child a{
	margin-right:2%;
}

ul.MenuBarHorizontal a:hover,
ul.MenuBarHorizontal a:focus {
    font-weight: bold;
    background-color: #1170b4;
}
ul.MenuBarHorizontal iframe {
    position: absolute;
    z-index: 1010
}
@media screen,
projection {
    ul.MenuBarHorizontal li.MenuBarItemIE {
        display: inline;
        f\loat: left;
        background: #FFF
    }
}
@media screen and (max-device-width: 768px) and (orientation:portrait){
	
	ul.MenuBarHorizontal li{
		font-size:30px;
	}
	ul.MenuBarSubmenuVisible{
		width:200% !important;
	}
}