/*Push the element off screen but make it still readable by screen readers*/
.HiddenButReadable {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/*shows a "skip to main content" link on tab keypress to skip nav for keyboard users*/
a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #404040;
    font-weight: bold;
    background-color:#ffffff;
    left: auto;
    top: auto;
    width: 20%;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px;
    border-radius: 8px;
    border:1px solid #404040;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}