/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */



:root{
	--ThemeColor: #001fa8; /*Dark Blue*/
	--ThemeIconColor: #78a4fe; /*Mid Blue*/
	--ThemeColorPale: #afcaff; /*Pale Blue*/
	--ThemeContrastColor: #ffca00; /*Yellow*/
	--ThemeContrastPale: #fff9e8; /*Pale Yellow*/
}

.left-align{text-align:left}
.right-align{text-align:right}
.justify{text-align:justify}
.center{text-align:center}

.bar{width:100%;overflow:hidden;height:40px;}
.center .bar{display:inline-block;width:auto}

.bar .logo-item{padding:0px;float:left;width:auto;border:none;display:block;outline:0}
.bar .button{white-space:normal}
.bar .bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.bar .bar-item.mobile{padding:8px 8px;}

.tiny{font-size:12px}
.small{font-size:14px}
.medium{font-size:18px}
.large{font-size:24px}
.top,.bottom{position:fixed;width:100%;z-index:1}
.top{top:0}
.bottom{bottom:0}
.left{float:left}
.right{float:right}

.button:hover{color:var(--ThemeColor);background-color:var(--ThemeContrastPale)}
.hide-small{display:none}.mobile{display:block;width:100%}.bar-item.mobile,.dropdown-hover.mobile,.dropdown-click.mobile{text-align:center}

.white,.hover-white:hover{color:#var(--ThemeColor);background-color:var(--ThemeContrastPale)}

.theme {color:var(--ThemeColor) ; background-color:var(--ThemeColorPale) }

.theme-light {color:var(--ThemeColor) ; background-color:var(--ThemeContrastPale) }
.theme-dark {color:var(--ThemeContrastPale) ; background-color:var(--ThemeColor) }
.theme-action {color:var(--ThemeContrastPale) ; background-color:var(--ThemeColor) }

body{background-color: var(--ThemeContrastPale)}

.text-theme {color:#000000 }
.border-theme {border-color:#000000 }

.hover-theme:hover {color:var(--ThemeColorPale) ; background-color:var(--ThemeColor) }
.hover-text-theme:hover {color:#000000 }
.hover-border-theme:hover {border-color:#000000 }

.header-color{color: var(--ThemeColor)}

h1, h2, h3{color: var(--ThemeColor); font-family: "Atkinson Hyperlegible"}

.main{font-size: .medium;}

.bar a{color: var(--ThemeColor); text-decoration:none;}
/*.bar a:visited{color: var(--ThemeContrastPale); text-decoration:none;}*/

.padding-64{padding-top:64px;padding-bottom:64px}

.profile-pic {width:10em;float:right;max-width:25%}
.profile-pic img{padding:none;width:100%;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

#logo {
	display:block;
	height:40px;
	padding:0;
}