@charset "utf-8";
/* CSS Document */
#topmenu {
    height:44px;
    background-color:rgba(47,66,70,1.00); /*effects hoverstate on mobile menu*/
    position:fixed;
    top:0;
    left:0;
    width: 100%;
    overflow:visible;
    z-index: 10;
}
#menu_box {
    /*display:inline-block; */
    position: relative;
    /*margin:0 auto;*/
    width:100%;
    text-align: center;
}
nav {display:block;
/*margin-top: 0px;*/
    background:rgba(47,66,70,1.00);
    font-family:Baskerville, Palatino Linotype, Palatino, Century Schoolbook L, Times New Roman, 'serif';
    font-style:italic;
}

.menu {
	display:block;
    /*margin-top:0;*/
    margin:0;
    padding:0 30px;/*need padding 30px to center line*/
}
/*#touch-menu {
background-color: aqua;
text-align: center;
}*/
.menu li {
    display: inline-block;
    position: relative;
    z-index:100;
}

/**/.menu li:first-child{margin-left:0;}

.menu li a {/*font-weight:600;*/
    text-decoration:none;
    padding:11px;  
    display:block;
    color:rgba(128,177,173,1.00);/*default text color*/
    
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.menu li a:hover, .menu li:hover > a {
    color:white;/*hover text color*/
    background-color:rgba(64,90,96,1.00);/*hover background*/
}
.menu ul {
    display: none;
    margin:0;
    padding:0;
    /*width: 150px;*/
    width:100%;
    position:absolute;
    top:0;
    left:0;
    /*background-color: yellow;*/
}
.menu ul li {
    display:block;
    float: none;
    background:none;
    margin:0;
    padding:0;
}
.menu ul li a {
    font-size:.8em;
    font-weight:normal;
    display:block;
    /*color:blue;
    border-left:3px solid #ffffff;
    background-color:yellowgreen;*/
}
.menu ul li a:hover, .menu ul li:hover > a {
    /*background-color:none;
    border-left:3px solid #9CA3DA;
    color:greenyellow;*/
}
.menu li:hover > ul{display: block;}
.menu ul ul {left: 0px;/**/
	top: 0px;
}
.mobile-menu {
	display:none;
	width:100%;
    padding:11px;
/*	padding:0 30px;*/
	background:rgba(47,66,70,1.00);
    /*color:red;
	color:rgba(167,167,167,1.00);*/
}
.mobile-menu:link {
    color:rgba(128,177,173,1.00);
    text-decoration: none;
    }
.mobile-menu:hover {
    background:rgba(47,66,70,1.00);
    color:white;/*text 'menu' color*/
    text-decoration:none;
    }
.mobile-menu:visited{color:rgba(128,177,173,1.00);}

@media (max-width: 460px) {
#page_content {width:auto;padding:50px 20px;}
.menu {display:none;}
.mobile-menu {
    display:block;
    padding:10px;/**/
    margin-top:0px;
    margin-left:-10px;/**/
    font-family:Baskerville, Palatino Linotype, Palatino, Century Schoolbook L, Times New Roman, 'serif';
    /*margin:0 auto;*/
}
nav {
    margin:0;
    background:none;
}
.menu li {
    display:block;
    margin:0;
}
.menu li a {
    background-color:rgba(105,177,163,1.00);/*mobile menu background color*/
    color:rgba(47,66,70,1.00);/*mobile menu text color*/
    border-top:1px solid #e0e0e0;/*divider between menu items*/
    /*border-left:3px solid #ffffff;*/
}
.menu li a:hover, .menu li:hover > a {
    background-color:rgba(150,200,191,1.00);/*hover background*/
    color:rgba(47,66,70,1.00);/*hover text color*/
    /*border-left:3px solid #9CA3DA;*/
}
.menu ul {
    display:block;
    position:relative;
    top:0;
    left:0;
    width:100%;
}
.menu ul ul {/*left:0;*/}
}