a.headernav { font-size: 90%; } a.headernav:link { color: white; } a.headernav:visited { color: white; } a.headernav:active { color: white; } a.headernav:hover { color: #B0B0B0; } .pageheader { margin-top: 0; padding: 0 .5em 0 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; background-color: #5555FF; color: white; font-family: arial, geneva, sans-serif; font-weight:bold; align-items: center; } .pageicon { padding : 2px 4px 0 2px; } .pagelogo { height: 33px; width: 34px; border: 0; padding-bottom: 0px; margin-bottom:-2px; } .pagetitle { font-size: 115%; flex-grow: 4; padding-left: 1em; } .headernav { padding-top: 0px; font-weight: bold; font-size: 100%; color: white; font-family: arial, geneva, sans-serif; text-align:right; } .graybar { width: 100%;padding:0; font-size:50%; background-color: #EEEEFE; } .pagecontents { padding-left: 3.25em; padding-right: 3.25em; padding-bottom: 1.75em; padding-top: 1em; } .pagebottom img { padding-top: 2px; width:216px; height:50px; border: 0; } .pagebottom { margin: auto; text-align:center; } .pagewithnavbar { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; } .pagemain { display: flex; flex-direction: column; align-items: stretch; flex-grow: 4; } .pagenavbar { min-width: 25%; display: flex; align-items:stretch; flex-direction: column; flex-wrap: nowrap; padding: .3em; background-color: #EAEAFE; font-family: arial, geneva, sans-serif; } .navHeader { text-align: center; padding: .25em; background-color: #5555FF; font-size: 95%; color: white; font-weight: bold; margin: .1em 0; } .navEntry { font-size: 90%; color: #000000; padding: .25em .6em; text-indent: -.6em; }