/*general*/
/*#nav{background: #fff; margin-top: 0px; position: -webkit-sticky;*/ /* Safari */ /*position: sticky; top: 0;}
#nav ul, #nav2 ul, #nav3 ul{background: #fff; padding: 0px; list-style: none;*/ /*float: left;*/ /*clear: both;*/ /*width: 150px;*/ /*margin-top: 0px; margin-bottom: 1px; margin-left: 0px;}
#nav ul li, #nav2 ul li, #nav3 ul li{float: left; display: inline;*/ /*For ignore double margin in IE6*/ /*border: 1px solid #000; margin: 0px 0px 1px 1px;}
#nav ul li a, #nav2 ul li a, #nav3 ul li a{float: left; cursor: pointer; padding: 3px 4px 3px 4px; font-weight: bold; font-size: 14.5px; font-variant: small-caps;}*/

/*public*/
/*#nav ul li a:link.public, #nav ul li a:visited.public{text-decoration: none; background-color: #30236F; color: #fff;}
#nav ul li a:hover.public {text-decoration: underline; background-color: #c00; color: #fff;}
#nav ul li a:active.public {text-decoration: underline; background-color: #c00; color: #fff;}*/

/*active*/
/*#nav ul li a:link.active, #nav ul li a:visited.active, #nav2 ul li a:link.active, #nav2 ul li a:visited.active, 
    #nav3 ul li a:link.active, #nav3 ul li a:visited.active, .selection{text-decoration: none; background-color: #c00; color: #fff;}
#nav ul li a:hover.active, #nav2 ul li a:hover.active, #nav3 ul li a:hover.active, .selection{text-decoration: underline; background-color: #c00; color: #fff;}
#nav ul li a:active, #nav2 ul li a:active, #nav3 ul li a:active, .selection{text-decoration: underline; background-color: #c00; color: #fff;}*/

.selection{background-color: #c00; color: #fff;}



/*#d3d7e8 #30236F*/
#fluidTopNav {float: left; width: 100%; position: -webkit-sticky; /* Safari */ position: sticky; top: 0;}
.topnav{float: left; overflow: hidden; background-color: #fff; z-index: 1000;}
.topnav a{float: left; display: block; color: #fff; font-weight: bold; /*text-align: center;*/ padding: 4px 8px; text-decoration: none; font-size: 15px;
    margin: 0px 0px 1px 1px; background-color: #30236F;}
.topnav a:hover {background-color: #d3d7e8; color: #000;}
.topnav a.active{background-color: #fff; color: #000;}
.topnav .icon{display: none;}

@media screen and (max-width: 600px) {
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {float: right; display: block;}
}

@media screen and (max-width: 600px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {position: absolute; right: 0; top: 0;}
    .topnav.responsive a {float: none; display: block; text-align: left;}
}